@charset "UTF-8";:root{--paper:#f5f1e6;--ink:#202d29;--muted:#59675f;--red:#ac392f;--green:#244e40;--line:#c8c9b9;--cream:#e8e4d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.85}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--red)}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b6531b;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:12px;top:-80px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}.topline{background:var(--green);color:#f4f1dd;text-align:center;font-size:11px;letter-spacing:.1em;padding:6px}.header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid var(--ink);gap:20px}.brand{text-decoration:none;display:flex;gap:12px;align-items:center}.mark{width:35px;height:35px;background:var(--red);color:var(--paper);font-size:22px;font-weight:900;display:grid;place-items:center;line-height:1}.brandname{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",Meiryo,sans-serif;font-size:25px;font-weight:800;letter-spacing:.07em}.brand small{display:block;font:9px monospace;letter-spacing:.22em;margin-top:3px}.nav{display:flex;gap:28px;font-size:13px}.nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:60px 0 55px}.eyebrow{font:11px monospace;letter-spacing:.17em;color:var(--red);font-weight:bold}.badge{display:inline-flex;gap:7px;align-items:center;border:1px solid var(--green);padding:4px 11px;font-size:11px;font-weight:bold;color:var(--green);margin-bottom:20px}.dot{width:7px;height:7px;background:var(--green);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",Meiryo,sans-serif;font-weight:800;font-size:clamp(32px,4.3vw,57px);line-height:1.45;letter-spacing:.025em;margin-bottom:22px}.hero p{font-size:14px;color:var(--muted);max-width:420px}.button{display:inline-block;background:var(--ink);color:#fff6e6;padding:13px 25px;text-decoration:none;font-size:13px;margin-top:13px}.button:hover{background:var(--red);color:white}.hero figure{margin:0;position:relative}.hero img{display:block;width:100%;height:auto;border:1px solid var(--ink)}figcaption{font:10px monospace;letter-spacing:.09em;margin-top:10px;color:var(--muted)}.hero-stamp{position:absolute;right:-14px;top:-17px;background:var(--red);color:#fff4d8;border-radius:50%;width:84px;height:84px;display:grid;place-content:center;text-align:center;font:11px monospace;transform:rotate(12deg);border:5px solid var(--paper)}.hero-stamp b{font-size:27px}.intro-strip{display:flex;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;align-items:center;font-size:12px}.intro-strip strong{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",Meiryo,sans-serif;white-space:nowrap;font-size:17px}.intro-strip p{margin:0;color:var(--muted)}.section{padding:60px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px;gap:12px}.section-head h2{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",Meiryo,sans-serif;font-size:30px;margin:0}.section-head small{font:10px monospace;color:var(--muted);letter-spacing:.17em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.card{border-top:3px solid var(--ink)}.card-art{height:185px;margin-top:13px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#e4d1bc}.card-art.green{background:#cbd8c5}.card-art.ochre{background:#e8d7a5}.card-art svg{height:145px;width:210px}.card-num{position:absolute;top:13px;left:15px;font:12px monospace}.card-meta{font-size:11px;color:var(--muted);margin:18px 0 10px;display:flex;justify-content:space-between}.card h3{font-size:19px;line-height:1.7;margin-bottom:12px}.card h3 a{text-decoration:none}.card p{font-size:13px;color:var(--muted);margin-bottom:18px}.read{font-size:12px;font-weight:bold;text-decoration:none}.ai-box{display:grid;grid-template-columns:1fr 2fr;gap:60px;background:var(--green);color:var(--paper);padding:42px;margin:0 0 60px}.ai-box h2{font-size:27px;font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",Meiryo,sans-serif}.ai-box .eyebrow{color:#d9ba76}.ai-box p{font-size:14px}.ai-box a{font-size:13px}.ai-avatar{font: bold 38px monospace;margin-top:20px}.footer{border-top:1px solid var(--ink);padding:30px 0;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.footer p{margin:0}.footer-links{display:flex;gap:20px}.article-head{max-width:850px;margin:50px auto 30px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:35px}.article-head h1{font-size:clamp(28px,3.5vw,44px);line-height:1.55;margin:20px 0}.meta{display:flex;gap:20px;font-size:11px;color:var(--muted);flex-wrap:wrap}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 220px;gap:65px;justify-content:center}.prose{font-size:15px;padding-bottom:65px}.prose p{margin-bottom:25px}.prose h2{font-size:23px;margin:48px 0 22px;line-height:1.6;padding-top:15px;border-top:1px solid var(--line)}.prose h3{font-size:17px}.prose a{color:var(--green);overflow-wrap:anywhere}.lead{font-size:18px!important;line-height:1.95}.note{padding:18px 21px;border-left:3px solid var(--red);background:var(--cream);font-size:12px;line-height:1.9;margin:26px 0}.toc{font-size:12px;position:sticky;top:30px;align-self:start;border-top:3px solid var(--ink);padding-top:20px}.toc strong{font-size:14px}.toc a{display:block;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--line)}.toc .mini{font-size:11px;color:var(--muted);margin-top:25px}.takeaway{padding:25px;background:#e4e8d9;border:1px solid #c3ccba;margin:30px 0}.takeaway strong{font-size:12px;color:var(--green)}.takeaway p{margin:10px 0 0}.checklist{border:1px solid var(--line);padding:20px}.checklist label{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line);cursor:pointer}.checklist input{width:19px;height:19px;flex-shrink:0;margin-top:5px;accent-color:var(--green)}.small{font-size:11px;color:var(--muted)}.reset{background:none;border:1px solid var(--ink);padding:6px 14px;margin-top:20px;font-size:12px}.diagram{display:flex;gap:12px;justify-content:space-between;align-items:center;background:var(--cream);padding:20px 15px;margin:25px 0;text-align:center;font-size:13px}.diagram span{background:var(--paper);padding:15px 8px;border:1px solid var(--line);flex:1}.diagram small{font-size:10px;color:var(--muted)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare>div{background:var(--cream);padding:20px}.compare p{margin:0;font-size:13px}ul,ol{padding-left:1.5em}li{padding:5px 0}.related{padding:25px 0;border-top:1px solid var(--line);font-size:14px}.policy{max-width:780px;margin:45px auto}.policy h1{font-size:36px}.policy h2{margin-top:40px;font-size:23px}.policy p{font-size:14px}.error-title{padding:80px 0}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.header{padding:20px 0}.brandname{font-size:21px}.nav{gap:16px;font-size:11px}.hero{gap:30px;padding-top:35px}.hero h1{font-size:34px}.hero-stamp{width:64px;height:64px;right:-6px;font-size:9px}.hero-stamp b{font-size:20px}.cards{gap:18px}.card h3{font-size:16px}.card-art{height:145px}.ai-box{gap:30px;padding:30px}.article-layout{grid-template-columns:1fr;gap:0}.toc{display:none}.article-head{margin-top:30px}}@media(max-width:600px){.topline{font-size:9px}.header{align-items:flex-start;gap:12px}.nav{gap:12px;padding-top:8px}.nav a:first-child{display:none}.brandname{font-size:20px}.brand small{font-size:8px}.mark{width:28px;height:28px;font-size:18px}.hero{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(28px,8.2vw,34px)}.hero p{font-size:13px}.hero figure{width:100%}.hero-stamp{right:5px;top:-15px}.intro-strip{display:block}.intro-strip p{margin-top:10px}.section{padding:40px 0}.section-head h2{font-size:26px}.cards{grid-template-columns:1fr;gap:35px}.card-art{height:200px}.card h3{font-size:21px}.card p{font-size:14px}.ai-box{grid-template-columns:1fr;gap:10px;padding:27px;margin-bottom:35px}.ai-box h2{margin-bottom:10px}.ai-avatar{display:none}.footer{flex-direction:column}.article-head h1{font-size:29px}.prose{font-size:14px}.lead{font-size:16px!important}.prose h2{font-size:21px}.diagram{gap:5px;font-size:11px;padding:12px 7px}.diagram span{padding:12px 3px}.diagram small{font-size:9px}.compare{grid-template-columns:1fr}.policy h1{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Documentary photography edition */
.hero-photo{padding-top:0}.photo-label{display:flex;justify-content:space-between;gap:10px;background:var(--green);color:var(--paper);padding:13px 17px;font:9px monospace;letter-spacing:.06em}.hero-photo-stage{height:305px;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-top:0;padding:25px 18px}.hero-photo-stage img{width:100%;height:100%;object-fit:contain;border:0}.hero-photo-foot{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 16px;background:var(--cream);border:1px solid var(--line);border-top:0}.hero-photo-foot b{font:16px "Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",Meiryo,sans-serif}.hero-photo-foot span{font-size:9px;color:var(--muted)}.hero-photo figcaption{font:10px/1.7 "Yu Gothic",sans-serif;letter-spacing:0}.card-art.photo-card{background:#fff;border:1px solid #d8d9ce;padding:20px 25px}.photo-card img{width:100%;height:100%;object-fit:contain;display:block}.photo-card.portrait img{max-height:150px}.card .thumb-credit{font-size:9px;line-height:1.6;margin:6px 0 0;color:var(--muted)}.hardware-gallery{padding:0 0 50px;margin-bottom:50px;border-bottom:1px solid var(--line)}.gallery-intro{font-size:13px;color:var(--muted);margin-bottom:25px}.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.hardware-grid figure{margin:0}.gallery-stage{height:235px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid var(--line);padding:25px}.gallery-stage img{display:block;width:100%;height:100%;object-fit:contain}.hardware-grid figcaption{font:10px/1.8 "Yu Gothic",sans-serif;letter-spacing:0;margin-top:12px}.hardware-gallery>.small{margin-top:20px}.article-photo{margin:0 0 30px}.article-photo-stage{height:280px;background:white;border:1px solid var(--line);padding:25px;display:flex;justify-content:center}.article-photo-stage img{width:100%;height:100%;object-fit:contain}.article-photo figcaption{font:11px/1.8 "Yu Gothic",sans-serif;letter-spacing:0}.article-photo .small{margin:8px 0 0;font-size:10px}.footer-links{flex-wrap:wrap}.credit-entry{border-top:1px solid var(--line);margin-top:30px}.credit-entry h2{margin-top:25px}@media(max-width:800px){.hero-photo-stage{height:260px}.hero-photo-foot{display:block}.hero-photo-foot span{display:block;margin-top:5px}.gallery-stage{height:190px}}@media(max-width:600px){.hero-photo-stage{height:245px;padding:20px 12px}.hero-photo-foot{display:flex}.hero-photo-foot b{font-size:14px}.photo-label{font-size:8px}.hardware-grid{grid-template-columns:1fr;gap:30px}.gallery-stage{height:245px}.hardware-gallery{padding-bottom:30px;margin-bottom:35px}.card-art.photo-card{height:210px}.photo-card.portrait img{max-height:180px}.article-photo-stage{height:230px}.section-head{align-items:center}.hardware-gallery .section-head h2{font-size:24px}}

.topline{background:var(--red)}.header{border-bottom:4px solid var(--red)}.brandname{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-weight:900;letter-spacing:.06em}.hero h1{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.4;font-size:clamp(32px,4.1vw,53px)}.photo-label{background:var(--red)}.ai-box{border-top:8px solid var(--red)}@media(max-width:600px){.hero h1{font-size:clamp(28px,8.2vw,34px)}}

/* Illustrated storefront edition: keep the whole sign and shopkeeper visible. */
.storefront-hero{display:flex;flex-direction:column;gap:25px;padding-top:25px;padding-bottom:40px;align-items:stretch}.storefront-hero .storefront-figure{order:0;width:100%;margin:0}.storefront-figure img{display:block;width:100%;height:auto;border:1px solid var(--line)}.storefront-figure figcaption{font:10px/1.7 "Yu Gothic",sans-serif;letter-spacing:0;margin-top:8px;color:var(--muted)}.storefront-hero>div{order:1;display:grid;grid-template-columns:1fr 1fr;column-gap:45px;align-items:start}.storefront-hero .badge{grid-column:1;margin-bottom:12px;justify-self:start}.storefront-hero .eyebrow{grid-column:1;margin-bottom:10px}.storefront-hero h1{grid-column:1;grid-row:3 / 5;font-size:38px;line-height:1.45;margin-bottom:0}.storefront-hero>div>p:not(.eyebrow){grid-column:2;grid-row:1 / 4;max-width:none;padding-top:3px}.storefront-hero .button{grid-column:2;grid-row:4;justify-self:start;margin-top:0}.hero.storefront-hero .badge{font-size:11px}@media(max-width:600px){.storefront-hero{padding-top:18px;gap:20px}.storefront-hero>div{display:block}.storefront-hero h1{font-size:29px;margin:0 0 18px}.storefront-hero>div>p:not(.eyebrow){font-size:13px}.storefront-hero .button{margin-top:0}.storefront-figure figcaption{font-size:9px}.storefront-hero .eyebrow{font-size:10px}}

/* Japanese punctuation: tighten trailing full-width space only, not Latin or kana. */
body{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",Meiryo,sans-serif}
h1,h2,h3{letter-spacing:normal}
.punct-tight{font-feature-settings:"halt" 1;letter-spacing:0}

/* Approved wordmark, preserving its transparent silhouette. */
.brand-logo{display:block;width:320px;height:auto;max-width:100%}.brand{flex-shrink:1}.header .nav{flex-shrink:0}@media(max-width:600px){.brand-logo{width:210px}.header{gap:14px}.nav{font-size:10px;gap:10px}}

/* Detailed model artwork, one illustrated sheet displayed in three panels. */
.model-scene{position:relative;overflow:hidden;aspect-ratio:2/1;background:#e8d7a5}
.card-art.model-scene{height:auto;display:block}
.model-scene img{position:absolute;left:0;width:100%;height:300%;max-width:none;object-fit:fill;display:block}
.model-scene-0 img{top:0}.model-scene-1 img{top:-100%}.model-scene-2 img{top:-200%}


/* A quiet CRT frame on article thumbnails only. No animation or image alteration. */
.card .card-art{border:8px solid #36423c;border-bottom-width:12px;border-radius:15px;background-color:#f2f1e8;box-shadow:inset 0 0 0 2px #17221d,0 3px 0 #b8b9aa;isolation:isolate}
.card .card-art::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:7px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(20,35,25,.035) 3px,rgba(20,35,25,.035) 4px),radial-gradient(ellipse at center,transparent 58%,rgba(18,32,24,.13) 100%);box-shadow:inset 0 0 12px rgba(13,29,20,.16),inset 0 0 2px rgba(238,255,224,.6)}
.card .card-art img{border-radius:5px}.card .card-num{z-index:4;font-size:10px;top:8px;left:10px}.card .model-scene{aspect-ratio:2/1}

.card .photo-card{background-color:#fff}

/* Rectangular thumbnails: CRT texture only, without monitor casing. */
.card .card-art{border:0;border-radius:0;box-shadow:none}
.card .card-art::after{border-radius:0;box-shadow:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(20,35,25,.035) 3px,rgba(20,35,25,.035) 4px),radial-gradient(ellipse at center,rgba(238,255,224,.025) 0%,transparent 58%,rgba(18,32,24,.05) 100%)}
.card .card-art img{border-radius:0}


/* Storefront voice for this hero only; existing font sizes and line breaks stay. */
.storefront-hero h1,.storefront-hero .eyebrow{font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",Meiryo,sans-serif;font-weight:900;color:var(--green)}
.storefront-hero .eyebrow{letter-spacing:.065em}

/* Article title block shares the body grid baseline (760 + 65 + 220). */
.article-head{width:100%;max-width:1045px}

/* Two editorial stories, spacious and without sales widgets. */
.story-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art.story-scene{height:auto;aspect-ratio:3/2}.story-scene img{width:100%;height:100%;object-fit:cover;display:block}.story-art img{width:100%;height:auto;display:block}.intro-strip[aria-label="記事カテゴリ"] a{margin-right:12px}@media(max-width:600px){.story-cards{grid-template-columns:1fr}}

.card-art.story-scene{aspect-ratio:2/1}.quoted-package{margin:28px 0}.quoted-package img{width:320px;max-width:100%;height:auto;display:block}.quoted-package figcaption{font:11px/1.8 "Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",sans-serif;letter-spacing:0;max-width:600px}


/* Japanese punctuation: tighten trailing full-width space only, not Latin or kana. */
body{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",Meiryo,sans-serif}
h1,h2,h3{letter-spacing:normal}

.hardware-story img{object-fit:contain;padding:20px;background:#f3eee3}.hardware-photo img{object-fit:contain;max-height:480px}

/* Japanese punctuation: tighten trailing full-width space only, not Latin or kana. */
body{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",Meiryo,sans-serif}
h1,h2,h3{letter-spacing:normal}

.hardware-photo img{width:100%;height:auto;display:block}
