:root{color-scheme:dark;--bg:#071311;--bg2:#0a1916;--panel:#10231d;--panel2:#142823;--line:#28483e;--ink:#f1f5ef;--muted:#a3b8ae;--mint:#bce9b4;--lime:#dcf79c;--teal:#59dcb9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',system-ui,sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:#9ceacf;text-underline-offset:4px}a:hover{color:#eefdf5}button{cursor:pointer;font:inherit}img{max-width:100%;display:block}.container{max-width:1194px;margin:auto;padding:0 28px}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:10px;top:10px;z-index:150;background:#dcf79c;color:#061611;padding:10px}a:focus-visible,button:focus-visible{outline:2px solid #e6f3a6;outline-offset:4px}.site-head{position:sticky;top:0;z-index:100;padding:16px 0 8px;background:rgba(7,19,17,.91);backdrop-filter:blur(16px)}.nav-shell{height:56px;border:1px solid #315049;background:#11231f;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:24px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.logo{font-size:19px;font-weight:900;white-space:nowrap;letter-spacing:-1.1px;color:#f4f5ea;text-decoration:none}.logo .plus{display:inline-flex;background:#dbf2b3;color:#0e211c;width:29px;height:28px;border-radius:5px;align-items:center;justify-content:center;margin-right:7px;font-weight:900}.logo small{color:#c7ebba;font-size:9px;margin-left:6px;letter-spacing:1.2px;vertical-align:top}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a,.nav-cta,.mobile-menu-btn{font-size:11px;font-weight:700;letter-spacing:.05em;text-decoration:none}.nav-links a:not(.nav-cta){color:#c1d2c8}.nav-cta{border:1px solid #95b5a7;padding:10px 15px;border-radius:6px;color:#ebf2e7}.mobile-menu-btn{display:none;border:1px solid #3b584f;background:none;border-radius:6px;color:#eef5ec;padding:7px 10px}.article-head{max-width:1140px;margin:0 auto;padding:54px 24px 0}.disclosure{padding:14px 18px 14px 20px;background:#102b25;border-left:4px solid #72e2b8;font-size:13px;font-weight:700;line-height:1.75;color:#eaffec}.breadcrumbs{margin:26px 0 32px;font-size:12px;color:#a2c6bf}.breadcrumbs a{color:#a6c9d2;text-decoration:none}.rubric{font-size:11px;font-weight:900;color:#5de3b8;letter-spacing:2px;margin-bottom:22px}.article-head h1{margin:0;font-size:clamp(34px,4.6vw,60px);font-weight:850;line-height:1.38;letter-spacing:-.055em;max-width:1110px;color:#f4f8f3}.article-head h1 em{font-style:normal;color:#5de3b8}.lead{margin:22px 0 24px;font-size:15px;line-height:2;color:#c1d5ca;max-width:880px}.meta-row{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;color:#a9c7bc}.meta-row span{display:inline-flex;padding:4px 8px;border-radius:4px;background:#11281f;border:1px solid #2b473a}.verdict{margin:29px 0 28px;padding:20px 22px;background:#102f27;border-left:5px solid #72dbb0;color:#f0fff3;line-height:1.8}.verdict p{margin:0 0 6px;font-size:14px}.article-visual{margin:0 0 34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #385d50;border-radius:15px;overflow:hidden;background:radial-gradient(circle at 20% 10%,#24444a,transparent 55%),linear-gradient(140deg,#0d2629,#171b39 78%);min-height:276px}.visual-copy{padding:33px 28px;display:flex;flex-direction:column;justify-content:center;gap:11px}.visual-kicker{font-size:10px;letter-spacing:2px;color:#a5efdb;font-weight:800}.visual-copy h2{font-size:clamp(23px,2.9vw,34px);font-weight:850;margin:0;line-height:1.45}.visual-copy p{margin:0;color:#b5ccca;font-size:12px;line-height:1.8}.visual-steps{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.visual-steps span{color:#e6fce8;border:1px solid #558f83;border-radius:100px;padding:4px 9px;font-size:10px}.visual-shot{min-width:0;display:flex;align-items:center;justify-content:center;padding:21px;background:linear-gradient(145deg,rgba(140,112,218,.13),transparent)}.visual-shot img{border-radius:9px;border:1px solid #78958d;box-shadow:0 16px 35px rgba(0,0,0,.36)}.article-visual figcaption{grid-column:1/-1;padding:9px 19px;border-top:1px solid #325348;background:#132c29;color:#b7ceca;font-size:10px}.reading-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:52px;padding:0 24px 95px;align-items:start}.article-body{min-width:0;color:#d7e7df;font-size:15px;line-height:2.03}.article-body p{margin:0 0 23px}.article-body strong{color:#f8fff8}.article-body h2{font-size:clamp(23px,2.4vw,31px);margin:57px 0 22px;line-height:1.5;color:#f3fcf4;border-bottom:1px solid #345b4f;padding-bottom:14px;scroll-margin-top:115px;letter-spacing:-.035em}.article-body h3{font-size:19px;margin:34px 0 16px;line-height:1.65;color:#dffbec}.article-body ul,.article-body ol{padding-left:25px;margin:0 0 26px}.article-body li{margin:10px 0}.note{padding:18px 23px;margin:26px 0 32px;background:#18332b;border-left:4px solid #77d4ba;font-size:14px;color:#d8ebe4}.table-wrap{overflow-x:auto;margin:24px 0 31px;border:1px solid #315045;border-radius:11px}.article-body table{border-collapse:collapse;width:100%;min-width:580px;background:#0f2721;font-size:13px;line-height:1.7}.article-body th,.article-body td{border-bottom:1px solid #38574f;padding:13px;text-align:left;vertical-align:top}.article-body th{background:#214239;color:#f4fff0}.article-body td:first-child{font-weight:700;color:#d4efdf}.article-body tr:last-child td{border-bottom:0}.evidence-image{margin:32px 0;background:#0e241e;border:1px solid #35574b;border-radius:13px;overflow:hidden}.evidence-image a{display:block;background:#e8eeef}.evidence-image img{width:100%;height:auto;aspect-ratio:980/569;object-fit:contain}.old-source img{aspect-ratio:980/535}.evidence-image figcaption{padding:11px 14px;font-size:12px;line-height:1.7;color:#accdc3}.evidence-image figcaption b{color:#bce9b4}.quiet{color:#869b93}.metricstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.metricstrip>div{background:#132b25;border:1px solid #365b50;padding:17px 15px;border-radius:9px}.metricstrip span,.metricstrip small{display:block;color:#a7c5b8;font-size:12px}.metricstrip strong{display:block;font-size:28px;letter-spacing:-1px;color:#dbf2b3}.promptbox{border:1px solid #3b6255;background:#091d17;border-radius:12px;margin:26px 0 36px;overflow:hidden}.promptcap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 15px;background:#1c3b30;font-size:12px;font-weight:700;color:#c4eaca}.copy{background:#c5efb6;border:0;border-radius:6px;padding:6px 12px;color:#17332b;font-size:12px;font-weight:800}.promptbox pre{margin:0;padding:17px 18px;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#e8f5ec;font:13px/1.9 Consolas,'Yu Gothic',monospace}.faq h3{font-size:17px;border-left:3px solid #6fdcbd;padding-left:12px}.related{padding:18px 22px;border:1px solid #3b6b59;border-radius:10px;background:#12362c;margin:25px 0}.related p{font-size:12px;margin:0 0 3px}.related a{font-weight:800}.sidebar{position:sticky;top:102px;border:1px solid #2c5043;background:#0e221c;border-radius:10px;padding:18px;max-height:calc(100vh - 125px);overflow:auto}.sidebar h2{font-size:12px;letter-spacing:1.5px;color:#bbdfc0;margin:0 0 10px}.sidebar ol{list-style:none;padding:0;margin:0}.sidebar a{display:block;text-decoration:none;border-bottom:1px solid #2b4039;color:#adcec3;font-size:12px;line-height:1.65;padding:9px 0}.sidebar a:hover{color:#daffda}.sidebar .aside-cta{margin-top:17px;padding:10px 12px;text-align:center;border:1px solid #6cbca3;border-radius:6px;background:#1b3c32}.footer{border-top:1px solid #29483f;background:#0a1c17;padding:40px 0;color:#aacabd;font-size:12px}.footer p{margin:0 0 7px}.footer a{color:#b5e1c4}.sourcebox{padding:17px;border-top:1px solid #3a5b4c;border-bottom:1px solid #3a5b4c;margin-top:30px;font-size:12px;color:#9fc4b8}.sourcebox a{overflow-wrap:anywhere}.cta-box{padding:29px;background:#123e2e;border:1px solid #5ba584;border-radius:12px;margin:35px 0;text-align:center}.cta-box h2{font-size:24px;margin:0 0 9px;border:0;padding:0}.cta-box p{font-size:13px}.cta-box a{display:inline-flex;padding:10px 20px;border:1px solid #b8e8b9;background:#c5eeba;color:#143225;font-weight:900;border-radius:7px;text-decoration:none}.visualshotfallback{padding:22px;background:#15362d;border-radius:10px;min-height:90px;font-size:12px;color:#bbd8c8;text-align:center}.qa-watermark{position:fixed;bottom:8px;right:8px;z-index:90;background:#faf1d5;color:#604a0e;border:1px solid #b2a165;font-weight:800;font-size:11px;padding:5px 8px;border-radius:4px;opacity:.96}
@media(max-width:900px){.reading-grid{grid-template-columns:1fr;padding-bottom:70px}.sidebar{position:static;max-height:none;order:-1}.sidebar ol{columns:2}.article-head{padding-top:35px}}@media(max-width:680px){.container{padding:0 16px}.site-head{padding:9px 0}.nav-shell{height:52px;padding:0 12px}.mobile-menu-btn{display:block}.nav-links{display:none;position:absolute;top:60px;right:15px;left:15px;padding:15px;background:#11291e;border:1px solid #315649;border-radius:8px;flex-direction:column;align-items:stretch;gap:15px}.nav-links.open{display:flex}.article-head{padding:28px 18px 0}.article-head h1{font-size:34px}.article-visual{grid-template-columns:1fr}.visual-copy{padding:24px 18px}.visual-shot{padding:15px}.reading-grid{padding:0 18px 65px;gap:15px}.sidebar ol{columns:1}.article-body{font-size:14px}.article-body h2{margin:43px 0 18px;font-size:24px}.article-body h3{font-size:17px}.metricstrip{gap:6px}.metricstrip>div{padding:12px 8px}.metricstrip strong{font-size:21px}.metricstrip span,.metricstrip small{font-size:10px}.article-body table{min-width:560px}.evidence-image figcaption{font-size:11px}.promptbox pre{font-size:12px}.qa-watermark{font-size:9px}.table-wrap::before{content:"← 表は左右にスクロールできます →";display:block;position:sticky;left:0;padding:7px 10px;background:#18382f;color:#dff7eb;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v0.4 evidence-first editorial layout; retains +A Scope base tokens */
.article-head .disclosure{display:block;padding:10px 15px;font-size:12px;border:1px solid #37584d;border-radius:7px;color:#cce7d7;margin-bottom:20px;line-height:1.65}
.article-head .breadcrumbs{margin-top:16px}
.reading-grid{align-items:start}.reading-grid .article-body{min-width:0}
.article-head{padding-bottom:18px}.article-head h1{font-size:clamp(30px,3.65vw,52px);line-height:1.42;max-width:1060px}
.article-head .lead{max-width:880px}.article-head .meta-row{margin:15px 0}
.hero-cover{margin:25px 0 10px;border:1px solid #365c50;border-radius:12px;overflow:hidden;background:#13261f}
.hero-cover img{display:block;width:100%;aspect-ratio:1400 / 788;object-fit:cover}.hero-cover figcaption{font-size:11px;color:#c3ddcf;padding:11px 16px}
.kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:#a7dec0}
.article-body .top-summary{border:1px solid #366d5a;background:linear-gradient(135deg,#173c31,#0a241f);border-radius:13px;padding:21px 23px;margin:18px 0 32px}
.top-summary p{margin:0 0 12px}.top-summary p:last-child{margin:0}.top-summary strong{color:#efffe9}
.article-body .evidence-intro{font-size:15px;line-height:1.9}.article-body .reader-note{border-left:3px solid #86d9b4;background:#19372c;padding:15px 17px;margin:22px 0;border-radius:5px;font-size:14px}
.article-body .compare-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 10px}
.article-body .compare-screens figure{margin:0;border:1px solid #315d4d;background:#112920;border-radius:11px;overflow:hidden;min-width:0}
.article-body .compare-screens img{display:block;width:100%;height:auto;aspect-ratio:505/260;object-fit:cover}
.article-body .compare-screens figcaption{padding:12px 14px;font-size:13px;line-height:1.65;color:#d4e9db}
.article-body .compare-screens figcaption strong{display:block;color:#dbfdb9;font-size:14px}
.article-body .comparison-overview{margin:0 0 16px}.comparison-overview img{display:block;width:100%;height:auto;border:1px solid #355b4d;border-radius:9px}
.article-body .prompt-case{margin:28px 0;border:1px solid #36594c;background:#102a21;border-radius:12px;overflow:hidden}
.article-body .prompt-case .case-head{padding:15px 18px;background:#173a2f;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}
.case-head strong{font-size:18px}.case-head span{color:#c9e1d5;font-size:12px}.prompt-case pre{margin:0;padding:18px 20px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.85;color:#d7e9e2;font-family:ui-monospace,'Noto Sans JP',monospace}
.copy-prompt{border:0;background:#bef0c4;color:#10271f;border-radius:7px;font-weight:800;font-size:12px;padding:8px 13px}
.article-body .comparison-list{display:grid;gap:11px;margin:25px 0}
.compare-row{background:#102a21;border:1px solid #2d5949;border-radius:10px;padding:16px 18px}
.compare-row>strong{display:block;color:#d6f1c1;font-size:16px;margin-bottom:9px}
.compare-row .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.compare-row .pair>div{padding:12px;background:#0b1d18;border-radius:7px;min-width:0;font-size:13px;line-height:1.72}
.compare-row .pair b{display:block;color:#93e7c2;font-size:12px;margin-bottom:4px}
.compare-row>p{color:#c8dbd2;font-size:13px;margin:12px 0 0!important}
.article-body .credit-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:22px 0}
.credit-step{background:#19352c;border:1px solid #3d6050;border-radius:10px;padding:15px;min-width:0}
.credit-step strong{display:block;color:#e6ffd9;font-size:clamp(24px,3vw,37px);line-height:1.3}.credit-step span{display:block;font-size:12px;line-height:1.7;color:#c7dfce}
.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:18px 0}
.image-grid figure{margin:0;overflow:hidden;background:#152821;border:1px solid #335548;border-radius:10px;min-width:0}.image-grid img{display:block;width:100%;height:auto;background:#dce1e1}.image-grid figcaption{padding:10px 12px;font-size:12px;color:#cfdfd2}
.article-body details{background:#122c24;border:1px solid #345c4b;border-radius:10px;padding:13px 15px;margin:17px 0}
.article-body details summary{cursor:pointer;color:#d2f2dc;font-weight:800;line-height:1.7}
.article-body details[open] summary{margin-bottom:11px}
.article-body .tips{counter-reset:tips;display:grid;gap:11px;margin:18px 0;padding:0;list-style:none}
.article-body .tips li{counter-increment:tips;margin:0;padding:14px 16px 14px 52px;position:relative;border:1px solid #345847;background:#112a22;border-radius:10px}
.article-body .tips li:before{content:counter(tips);position:absolute;top:15px;left:15px;background:#c4edba;border-radius:50%;width:24px;height:24px;color:#193728;font-weight:800;text-align:center;line-height:24px}
.article-body .faq-item{border-top:1px solid #2c5745;padding:16px 0}.article-body .faq-item h3{margin:0 0 8px;font-size:17px}.article-body .faq-item p{margin:0;font-size:14px}
.article-body .source-method{font-size:13px;border:1px solid #2f5648;border-radius:11px;background:#0c221c;padding:17px 19px;line-height:1.9}
.article-aside{max-height:calc(100vh - 115px);overflow-y:auto}.article-aside nav{display:flex;flex-direction:column;gap:4px}.article-aside nav a{display:block;padding:8px 0;border-bottom:1px solid rgba(163,199,178,.11);line-height:1.55;font-size:12px}.article-aside .aside-related{display:block;margin-top:13px}
@media(max-width:900px){.article-aside{position:static;max-height:none;overflow:visible}.article-aside nav{max-height:240px;overflow-y:auto}}
@media(max-width:650px){.article-head h1{font-size:clamp(27px,7.5vw,35px)}.article-body .compare-screens{grid-template-columns:1fr}.article-body .credit-track{grid-template-columns:1fr}.article-body .image-grid{grid-template-columns:1fr}.compare-row .pair{grid-template-columns:1fr}.article-body .top-summary{padding:16px 17px}.article-body .compare-screens figcaption{font-size:12px}.hero-cover{margin:15px 0}.hero-cover figcaption{font-size:10px}}