/* Gadget Works 図書館 WEBマガジン作品紹介ページ・共通デザイン */
:root{color-scheme:dark;--bg:#07131f;--panel:#0e2638;--line:#325268;--text:#edf5fb;--sub:#bed3df;--a:#61d7f4;--warm:#ffd49c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#12364b 0%,var(--bg) 48%);color:var(--text);font:16px/1.85 system-ui,-apple-system,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--a);outline-offset:4px}img{max-width:100%;height:auto} .gwmi-frame{width:min(1050px,calc(100% - 32px));margin:0 auto}.gwmi-top{border-bottom:1px solid #26455b;background:#071823d9}.gwmi-top .gwmi-frame{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.gwmi-brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:850;letter-spacing:.03em}.gwmi-brandmark{display:grid;place-items:center;border:1px solid #4b93a9;color:#bceeff;width:38px;height:38px;border-radius:11px;font-family:Georgia,serif;font-size:17px}.gwmi-brand small{display:block;color:#93afc4;font-size:10px;font-weight:500;letter-spacing:.16em}.gwmi-topnav{font-size:13px;color:#b8e6f2;text-decoration:none;border:1px solid #456678;border-radius:30px;padding:7px 15px;white-space:nowrap}.gwmi-crumb{padding-top:30px;color:#85bfd1;letter-spacing:.13em;font-size:11px}.gwmi-crumb a{text-decoration:none;color:inherit}.gwmi-hero{margin-top:16px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;align-items:center}.gwmi-type{font-size:12px;letter-spacing:.18em;color:var(--a);font-weight:750}.gwmi-hero h1{font-size:clamp(29px,4.1vw,49px);line-height:1.35;letter-spacing:.04em;margin:16px 0 9px}.gwmi-subtitle{font-size:clamp(17px,2.4vw,22px);font-weight:650;margin:0 0 14px;color:#e7bc83}.gwmi-lead{font-size:clamp(16px,1.95vw,20px);font-weight:560;line-height:1.85;margin:16px 0 18px}.gwmi-meta{font-size:12px;color:#a9c3d3;padding:9px 13px;border:1px solid #3c6075;border-radius:30px;display:inline-block}.gwmi-cover{border:1px solid #325a6e;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(145deg,#174157,#0a2537);box-shadow:0 18px 48px #0006;min-height:255px}.gwmi-cover img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block}.gwmi-cover-graphic{min-height:315px;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,4vw,46px);background:radial-gradient(circle at 74% 19%,#2e698d55,transparent 46%),repeating-linear-gradient(0deg,#16405b33 0 1px,transparent 1px 36px),linear-gradient(135deg,#092133,#0e394c)}.gwmi-cover-graphic span{color:#77dffa;letter-spacing:.2em;font-size:12px}.gwmi-cover-graphic strong{font-size:clamp(27px,3.6vw,45px);line-height:1.25;margin:17px 0;color:#fff;letter-spacing:.03em}.gwmi-cover-graphic small{color:#c1dfe7;letter-spacing:.14em}.gwmi-body{margin:34px 0 0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.85fr);gap:25px;align-items:start}.gwmi-panel{border-radius:18px;border:1px solid var(--line);background:linear-gradient(150deg,#102c41e8,#091e30ed);padding:clamp(20px,3.2vw,34px)}.gwmi-panel h2{font-size:clamp(20px,2.4vw,26px);line-height:1.4;margin:0 0 21px}.gwmi-panel h2::before{content:'';display:inline-block;width:4px;height:20px;border-radius:5px;background:var(--a);margin-right:12px;vertical-align:-3px}.gwmi-story p{margin:0 0 19px;color:#d8e6ee;line-height:2}.gwmi-story p:last-child{margin-bottom:0}.gwmi-highlights{list-style:none;margin:0;padding:0;display:grid;gap:18px}.gwmi-highlights li{border-bottom:1px solid #25455b;padding-bottom:17px}.gwmi-highlights li:last-child{border:0;padding:0}.gwmi-highlights strong{display:block;color:#fce2b4;font-size:16px;margin-bottom:7px}.gwmi-highlights span{font-size:14px;line-height:1.85;color:#bcd4e1;display:block}.gwmi-bottom{padding:40px 0 85px;text-align:center}.gwmi-bottom p{margin:0 auto 25px;max-width:700px;color:#c4d9e4;font-size:14px}.gwmi-cta{display:inline-block;text-align:center;text-decoration:none;min-width:min(100%,320px);padding:17px 30px;background:linear-gradient(115deg,#73def9,#35b3e0);color:#062334;font-size:17px;font-weight:850;border-radius:10px;box-shadow:0 8px 30px #1baddb22}.gwmi-cta:hover{filter:brightness(1.1)}.gwmi-after{text-align:center;margin-top:15px}.gwmi-after a{color:#a4d7eb;font-size:13px}.gwmi-foot{border-top:1px solid #284a5e;padding:34px 0 26px}.gwmi-foot .gwmi-frame{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.gwmi-foot-brand{color:#c2d7e2;font-weight:750}.gwmi-foot-brand small{display:block;color:#91b0c2;font-size:11px;font-weight:400}.gwmi-links{display:flex;flex-wrap:wrap;gap:12px 21px}.gwmi-links a{font-size:12px;color:#b9d0dd;text-decoration:none}.gwmi-links a:hover{text-decoration:underline}.gwmi-copy{font-size:11px;text-align:center;color:#7295a9;margin:20px 0 0}@media(max-width:760px){.gwmi-top .gwmi-frame{min-height:65px}.gwmi-hero{grid-template-columns:1fr;gap:18px}.gwmi-hero-visual{order:-1}.gwmi-cover img{aspect-ratio:16/10}.gwmi-cover-graphic{min-height:230px}.gwmi-crumb{padding-top:20px}.gwmi-body{grid-template-columns:1fr;gap:17px;margin-top:22px}.gwmi-panel{border-radius:14px}.gwmi-bottom{padding:32px 0 64px}.gwmi-topnav{font-size:12px;padding:7px 11px}.gwmi-foot .gwmi-frame{display:block}.gwmi-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:23px}.gwmi-hero h1{margin:13px 0 7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* GWK正規ロゴの表示・スマートフォン最適化 */
.gwmi-brand{display:inline-flex;align-items:center;gap:12px;min-width:0;max-width:100%;line-height:1.4}
.gwmi-brand-logo{width:48px;height:48px;min-width:48px;object-fit:contain;display:block}
.gwmi-brand-words{display:block;min-width:0;font-size:16px;line-height:1.4}
.gwmi-brand-words strong{display:block;font-weight:750;white-space:nowrap}
.gwmi-brand-words small{display:block;font-size:10px;letter-spacing:.09em;white-space:nowrap}
@media(max-width:550px){.gwmi-top .gwmi-frame{gap:8px;padding:9px 0;min-height:68px}.gwmi-brand{gap:7px;flex:1 1 auto;min-width:0}.gwmi-brand-logo{width:40px;height:40px;min-width:40px}.gwmi-brand-words{font-size:12px}.gwmi-brand-words small{font-size:8px;letter-spacing:.04em}.gwmi-topnav{font-size:10px;padding:6px 8px;flex:0 0 auto}}