/* The article owns only its reading surface. The footer retains the shared stylesheet. */
:root{--paper:#fafaf7;--ink:#252723;--muted:#62675f;--line:#d8dcd3;--accent:#b8371c;--wash:#eff1eb;--ochre:#e8c979}
*{box-sizing:border-box}html{scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-break:strict;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:.23em}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip-link{position:absolute;top:8px;left:16px;padding:12px 18px;background:#fff;z-index:10;transform:translateY(-150%)}.skip-link:focus{transform:none}
.article-sitehead{background:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:20px 4.5%;border-bottom:1px solid var(--line)}.site-brand{font-size:22px;font-weight:800;letter-spacing:-.06em;text-decoration:none}.article-sitehead nav{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;font-weight:700}.article-sitehead nav a{text-decoration:none;padding:8px 0}
.article-cover{max-width:1440px;padding:25px 56px 0;margin:0 auto;background:var(--paper)}.article-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:11px;line-height:1.8}.article-breadcrumb [aria-current]{font-size:0}.article-breadcrumb [aria-current]::after{content:"/ 本記事";font-size:11px}.article-edition{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:0;padding:26px 0 0}.article-edition>a{font-size:18px;letter-spacing:.08em;font-weight:800;text-decoration:none;color:var(--accent)}.article-edition>span{font-size:12px;letter-spacing:.04em}h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:500;letter-spacing:-.055em;margin:0;line-height:1.5;font-size:clamp(40px,4.35vw,64px);color:var(--ink)}h1>span{display:block}h1 small{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;display:block;font-size:19px;letter-spacing:.015em;line-height:1.9;font-weight:500;margin-top:34px;color:var(--ink)}.cover-stage{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin:30px 0}.cover-heading{position:relative;z-index:1}.cover-visual{margin:0}.cover-visual svg{display:block;width:100%;height:auto}.cover-visual figcaption{font-size:11px;color:var(--muted);margin-top:12px;text-align:right}.article-byline{border-top:1px solid var(--line);padding-top:20px!important}
.mobile-break{display:none}.article-byline{display:flex;gap:10px 24px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px;line-height:1.8;padding:0 0 38px}.article-byline a{color:var(--ink);font-size:14px;font-weight:600}
.article-answer{display:grid;grid-template-columns:90px 1fr;gap:38px;padding:36px 0;background:transparent;border-top:1px solid var(--ink);box-shadow:none}.article-answer>b{color:var(--accent);font-size:16px;padding-top:4px}.article-answer p{margin:0 0 12px;font-size:16px;line-height:1.95;max-width:50em}.article-answer p:last-child{margin-bottom:0}.article-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);padding:19px 0;gap:20px}.article-shortcuts a{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;text-decoration:none;min-height:36px}.article-shortcuts a+ a{border-left:1px solid var(--line);padding-left:20px}.article-shortcuts span{transition:transform .2s}.article-shortcuts a:hover span,.article-shortcuts a:focus-visible span{transform:translateY(4px)}
.article-layout{display:flex;flex-direction:column;gap:0;max-width:1440px;padding:0 56px 100px;margin:auto;background:var(--paper);align-items:center}.article-reading{min-width:0;width:100%;max-width:680px;counter-reset:chapter}.article-toc{width:100%;max-width:100%;margin:0 0 84px;position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line);font-size:13px;box-shadow:none}.article-toc:has(details[open]){position:relative}.article-toc summary{padding:23px 12px;cursor:pointer;font-size:14px;font-weight:700;color:var(--accent)}.article-toc summary>span{display:inline;margin-left:18px;font-weight:400;color:var(--muted);font-size:12px}.article-toc nav{max-height:50vh;overflow-y:auto;scrollbar-width:thin;padding:0 16px 24px}.article-toc ol{list-style:none;margin:0;padding:0;columns:2;column-gap:36px}.article-toc li{border-top:0;break-inside:avoid}.article-toc a{display:block;padding:12px 0;line-height:1.65;text-decoration:none}.article-toc .toc-level-3{border:0;padding-left:14px;font-size:11px}.article-toc .toc-level-3 a{padding:7px 0;color:var(--muted)}
.article-reading p,.article-reading li{font-size:17px;line-height:2.1;letter-spacing:.025em}.article-reading p{margin:0 0 1.15em;white-space:pre-line}.article-reading ul,.article-reading ol{padding-left:1.5em;margin:1.3em 0 1.8em}.article-reading li{padding-left:.2em;margin:.3em 0}.article-intro>p:first-child{font-weight:500;font-size:22px;line-height:1.9;letter-spacing:.025em;margin-bottom:28px}.article-section{margin-top:90px;counter-increment:chapter}.article-section h2{position:relative;font-size:29px;line-height:1.55;letter-spacing:-.015em;margin:0 0 28px;padding-top:0;border:0;scroll-margin-top:100px;text-wrap:pretty}.article-section h2::before{content:counter(chapter,decimal-leading-zero);position:absolute;right:calc(100% + 28px);top:6px;white-space:nowrap;min-width:2em;color:var(--accent);font-size:12px;font-weight:500;letter-spacing:.08em}.article-reading h3{font-size:20px;line-height:1.65;margin:38px 0 17px;scroll-margin-top:100px}.article-reading blockquote{margin:30px 0;padding:22px 26px;border-left:3px solid var(--accent);background:#edf0e8}.article-reading blockquote p{font-size:19px;font-weight:600;line-height:1.9;margin:0}
.article-table{overflow-x:auto;overscroll-behavior-inline:contain;margin:28px 0 34px;border-block:1px solid var(--ink)}table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;line-height:1.9;text-align:left}th,td{padding:16px 17px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--wash);font-weight:600}tbody tr:last-child td{border-bottom:0}td:first-child{font-weight:600;width:30%}.article-sources{border-top:1px dotted var(--line);margin:25px 0 0;padding-top:14px;color:var(--muted)}.article-sources>span{font-size:11px;font-weight:700;letter-spacing:.08em}.article-sources ul{list-style:none;padding:0;margin:7px 0}.article-sources li{font-size:12px;line-height:1.8;margin:8px 0;letter-spacing:0}.article-sources a{padding:5px 0;display:inline-block}
.method-figure,.compare-figure{margin:36px -80px 38px;padding:35px 30px 24px;background:#edf0e8;border-radius:0}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.method-grid>div{display:flex;align-items:center;flex-direction:column;text-align:center;padding:14px 18px;background:transparent;border-radius:0}.method-grid svg{display:block;width:100%;height:auto;max-width:190px}.method-grid b{font-size:13px;line-height:1.7}.method-grid>div>span{font-size:10px;color:var(--muted);margin:8px 0}.method-figure figcaption,.compare-figure figcaption{text-align:center;font-size:12px;color:var(--muted);margin:20px 0 0;line-height:1.8}.compare-figure svg{display:block;width:100%;height:auto}
.article-faq details{border-bottom:1px solid var(--line);padding:14px 0}.article-faq summary{cursor:pointer;font-size:16px;line-height:1.9;font-weight:600;padding:7px 2px}.article-faq details p{font-size:15px;line-height:2;margin:17px 0 6px}.article-faq details[open]{border-bottom-color:var(--accent)}.article-legal{margin:62px 0 0;padding:28px 30px;background:#edf0e8;border-top:0}.article-legal h2{font-size:18px;line-height:1.7;margin:0 0 22px}.article-legal p{font-size:13px;line-height:2;letter-spacing:0}.article-legal p:last-child{margin:0}.article-related{margin-top:70px}.article-related h2{font-size:20px;margin:0 0 20px}.article-related>a{display:block;border-top:1px solid var(--line);padding:20px 0;text-decoration:none;font-size:16px}.article-related>a span{display:block;font-size:11px;letter-spacing:.06em;color:var(--muted);margin-bottom:7px}.article-back{text-align:right;margin-top:48px!important;font-size:13px!important}.article-back a{padding:12px 0}.article-back span{display:inline-block;transition:transform .2s}.article-back a:hover span{transform:translateY(-4px)}
@media(max-width:1100px){.article-cover{padding-inline:36px}.article-layout{padding-inline:48px}.article-reading{max-width:640px}.method-figure,.compare-figure{margin-inline:-30px}.article-section h2::before{right:calc(100% + 14px)}h1{font-size:43px}.article-answer{padding:28px}}
@media(max-width:760px){
.article-sitehead{padding:16px 20px;gap:12px;align-items:flex-start}.site-brand{font-size:19px}.article-sitehead nav{justify-content:flex-end;gap:6px 13px;font-size:10px;max-width:175px}.article-sitehead nav a{padding:4px 0}
.article-cover{padding:22px 24px 0;margin:0;background:var(--paper)}.article-edition{padding:25px 0 10px;align-items:baseline}.article-edition>a{font-size:15px}.article-edition>span{font-size:10px}h1{font-size:35px;line-height:1.5;margin:0;letter-spacing:-.055em}.desktop-break,.mobile-break{display:initial}h1 small{font-size:16px;line-height:1.8;margin-top:20px;letter-spacing:0}.article-byline{font-size:11px;gap:7px 18px;padding-bottom:26px}
.article-answer{display:block;padding:26px 0;margin-inline:0;box-shadow:none;border-radius:0}.article-answer>b{display:block;margin-bottom:12px;font-size:13px;letter-spacing:.1em}.article-answer p{font-size:14px;line-height:1.95;margin-bottom:14px}.article-shortcuts{display:flex;flex-wrap:wrap;gap:0;padding:12px 0;border:0}.article-shortcuts a{width:100%;font-size:13px;min-height:45px}.article-shortcuts a+a{padding:0;border-left:0;border-top:1px solid var(--line)}
.article-layout{display:flex;padding:0 24px 56px;gap:0}.article-toc{width:calc(100% + 48px);max-width:none;margin:0 -24px 42px;padding-inline:24px;position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line)}.article-toc summary{padding:19px 0;font-size:14px}.article-toc summary>span{font-size:11px}.article-toc nav{max-height:45vh;padding:0 0 16px}.article-toc ol{columns:1}.article-toc a{font-size:13px;padding:12px 0}
.article-reading{width:100%}.article-intro>p:first-child{font-size:19px;line-height:1.9}.article-reading p,.article-reading li{font-size:16px;line-height:1.95;letter-spacing:.015em}.article-reading p{margin-bottom:1.18em}.article-section{margin-top:58px}.article-section h2{font-size:24px;line-height:1.6;padding-top:25px;margin-bottom:22px;scroll-margin-top:85px}.article-section h2::before{top:0;right:auto;left:0;font-size:11px;letter-spacing:.12em}.article-reading h3{font-size:19px;scroll-margin-top:85px}.article-reading blockquote{padding:20px;margin:26px 0}.article-reading blockquote p{font-size:17px}
.method-figure{padding:16px;margin:28px -12px}.method-grid{display:block}.method-grid>div{display:grid;grid-template-columns:96px 1fr;text-align:left;column-gap:12px;padding:14px 8px}.method-grid>div+div{margin-top:10px}.method-grid svg{grid-column:1;grid-row:1/3;max-width:96px}.method-grid b{grid-column:2;align-self:end;font-size:13px}.method-grid>div>span{grid-column:2;align-self:start;font-size:11px;margin:6px 0}.method-figure figcaption{margin-top:16px;text-align:center}.compare-figure{margin-inline:-12px;padding:24px 8px}.article-table{margin-inline:-6px}.article-faq summary{font-size:16px}.article-faq details p{font-size:15px}.article-legal{padding:24px 21px;margin-inline:-6px}.article-legal p{font-size:13px}.article-related{margin-top:48px}.cm-global-footer__inner{padding-inline:24px!important}
}
@media(max-width:360px){h1{font-size:31px}.article-cover,.article-layout{padding-inline:20px}.article-toc{width:calc(100% + 40px);margin-inline:-20px;padding-inline:20px}.article-edition{gap:10px}.article-edition>span{font-size:9px}.method-grid>div{grid-template-columns:82px 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.article-sitehead,.article-shortcuts,.article-toc,.article-related,.article-back,.cm-global-footer{display:none}.article-layout{display:block;padding:30px 0}.article-cover{padding:0}.article-reading{max-width:none}body{background:white}.article-section{break-inside:avoid-page}.article-faq details::details-content{content-visibility:visible}.article-legal{break-before:auto}}

.tool-role{display:inline-block;border:1px solid var(--line);border-radius:3px;padding:2px 7px;margin-left:6px;font-size:11px;line-height:1.7;vertical-align:middle;color:var(--muted);font-weight:400}.article-reading .tool-entry{font-size:14px;padding:17px 0;border-bottom:1px solid var(--line);margin-bottom:15px}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:scroll()){body::before{content:"";position:fixed;inset:0 0 auto;height:3px;background:var(--accent);z-index:20;transform-origin:left;animation:reading-progress linear both;animation-timeline:scroll()}@keyframes reading-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}}}

.keep-word{white-space:nowrap}

.method-figure svg g,.compare-figure svg g{stroke:#344b3d}.method-figure svg [stroke="#387161"]{stroke:var(--accent)}.method-figure svg [fill="#d1dfc9"],.compare-figure svg [fill="#d1dfc9"]{fill:#cddcc4}.method-figure svg [fill="#fffdf7"],.compare-figure svg [fill="#fffdf7"]{fill:#fff}.article-legal h2,.article-related h2{scroll-margin-top:100px}

/* The same manuscript changes scale at three turning points, without hiding text. */
.chapter-landmark{padding-top:24px}.chapter-landmark>h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:500;font-size:40px;line-height:1.55;margin:0 -100px 42px;padding:40px 0 34px;border-block:1px solid var(--ink)}.chapter-landmark>h2::before{position:static;display:block;font-family:Arial,sans-serif;font-size:13px;margin-bottom:15px}.method-grid>div+div{border-left:1px solid #c4cbbb}.article-intro{padding-top:20px}.article-intro>p:first-child{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:26px}.article-related{border-top:2px solid var(--ink);padding-top:30px}.article-related>a{transition:padding-left .2s}.article-related>a:hover{padding-left:12px}.cover-visual .origin-sheet,.cover-visual .image-sheet{transform-box:fill-box;transform-origin:center}.reading-chapter{font-size:11px;font-weight:400;color:var(--muted);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:right}.article-toc summary{list-style-position:inside}.article-section h2{color:var(--ink)}
@media(max-width:1100px){.cover-stage{gap:14px}.chapter-landmark>h2{margin-inline:-40px;font-size:35px}}
@media(max-width:760px){.cover-stage{display:flex;flex-direction:column;gap:24px;margin:26px 0 24px;align-items:stretch}.cover-heading{order:0}.cover-visual{order:1;margin-inline:-24px}.cover-visual figcaption{padding:0 24px;font-size:10px}.cover-visual svg{max-height:360px}.article-byline{padding-top:16px!important}.chapter-landmark>h2{font-size:28px;margin-inline:-4px;padding:26px 0;margin-bottom:30px}.chapter-landmark>h2::before{margin-bottom:12px}.article-intro>p:first-child{font-size:22px}.method-grid>div+div{border-left:0;border-top:1px solid #c4cbbb;margin-top:0}.method-grid>div{padding-block:18px}.reading-chapter{max-width:42%}.article-toc summary>span:not(.reading-chapter){display:none}}
@media print{.cover-stage{display:block}.cover-visual{max-width:350px}.chapter-landmark>h2{margin-inline:0}.reading-chapter{display:none}}

/* Desktop reading refinement; the accepted small-screen composition stays scoped above. */
@media screen and (min-width:761px){
 :root{--paper:#fff;--ink:#242824;--muted:#565e54}
 .article-cover,.article-layout{max-width:1200px;padding-inline:48px}
 .cover-stage{grid-template-columns:1.1fr 1fr;gap:44px;margin:24px 0}
 h1{font-size:clamp(40px,4vw,54px);line-height:1.45}
 h1 small{font-size:18px;line-height:1.85;margin-top:24px}
 .cover-visual{max-width:480px;justify-self:end}
 .article-byline{padding-bottom:24px}
 .article-answer{max-width:900px;margin:auto;grid-template-columns:64px 1fr;gap:24px;padding:28px 0}
 .article-answer p{font-size:17px;line-height:1.9;max-width:42em}
 .article-shortcuts{max-width:900px;margin:auto}
 .article-reading{max-width:720px}
 .article-toc{max-width:800px;margin-bottom:54px}
 .article-toc summary{padding:18px 12px;font-size:15px}
 .article-toc summary>span{font-size:12px}
 .article-reading p,.article-reading li{font-size:18px;line-height:1.95;letter-spacing:.015em}
 .article-reading p{margin-bottom:1em}
 .article-intro>p:first-child{font-size:25px;line-height:1.8}
 .article-section{margin-top:72px}
 .article-section h2{font-size:28px;line-height:1.6;margin-bottom:24px}
 .article-reading h3{font-size:22px;margin-top:34px}
 .chapter-landmark>h2{font-size:34px;margin-inline:0;padding:26px 0 24px;margin-bottom:30px}
 .method-figure,.compare-figure{margin-inline:0;margin-block:28px 32px;padding:26px 20px 22px}
 .method-grid svg{max-width:150px}
 .method-grid b{font-size:15px}
 .method-grid>div>span{font-size:12px}
 .method-figure figcaption,.compare-figure figcaption{font-size:13px}
 .article-reading blockquote{padding:18px 24px;margin-block:24px}
 .article-reading blockquote p{font-size:20px}
 table{font-size:16px;line-height:1.85}
 th,td{padding:17px 18px}
 table:has(thead th:nth-child(2):last-child) td:first-child{width:40%}
 .article-sources li{font-size:14px;line-height:1.85}
 .article-sources>span{font-size:12px}
 .article-reading .tool-entry{font-size:16px}
 .article-faq summary{font-size:18px}
 .article-faq details p{font-size:17px;line-height:1.95}
 .article-legal p{font-size:15px;line-height:1.95}
 .article-section h2,.article-reading h3{scroll-margin-top:88px}
}
@media screen and (min-width:761px) and (max-width:1050px){
 .article-cover,.article-layout{padding-inline:40px}
 .cover-stage{gap:28px}
 h1{font-size:40px}
 .article-section h2::before{right:calc(100% + 12px)}
}

/* A selected diagram explains one function; no character redraw or ambient loop. */
.method-panel{transition:background-color .18s}
.method-panel.is-active{background:#fff;box-shadow:inset 0 3px var(--accent)}
.method-explanation{display:block;font-size:13px;line-height:1.85;margin:10px 0 0;text-align:left}
.method-demo{font:inherit;font-size:13px;background:transparent;color:var(--accent);border:1px solid currentColor;border-radius:0;padding:8px 14px;margin-top:16px;cursor:pointer;min-height:40px}
.method-demo[aria-pressed="true"]{background:var(--accent);color:#fff}
.method-demo:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.method-figure .method-guide{display:flex;align-items:center;gap:16px;text-align:left;border-top:1px solid #c4cbbb;padding-top:20px;margin-top:20px}
.method-guide img{display:block;flex:0 0 64px;width:64px;height:64px;object-fit:cover;border-radius:50%}
.method-guide>span{display:block;min-width:0}
.method-guide b{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:5px}
.method-guide-message{display:block;font-size:14px;color:var(--ink);line-height:1.8;min-height:3.6em}
@media(min-width:761px){.method-explanation{font-size:14px}.method-guide-message{font-size:16px;min-height:1.8em}.method-grid>div{padding-inline:14px}}
@media(max-width:760px){.method-explanation,.method-demo{grid-column:2}.method-explanation{margin-top:4px}.method-demo{justify-self:start;margin-top:10px}.method-guide img{width:48px;height:48px;flex-basis:48px}.method-figure .method-guide{gap:12px}.method-guide-message{font-size:13px}}
@media print{.method-demo{display:none}.method-panel.is-active{box-shadow:none}}

@media(min-width:761px){.method-grid>div>span{line-height:1.8;min-height:22px}.method-explanation{min-height:3.7em}}

/* One coherent reading part per desktop spread; small screens retain native flow. */
.spread-kicker{display:block;color:var(--accent);font:12px/1.5 Arial,sans-serif;letter-spacing:.12em;margin-bottom:20px}
.spread-art{margin:24px 0}.spread-art img{display:block;width:100%;height:auto}.spread-art figcaption{font-size:11px;color:var(--muted);text-align:right;margin-top:8px}
.spread-heading{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:500!important}
@media screen and (min-width:1000px){
 html{scroll-snap-type:y mandatory;scroll-padding-top:0}
 .article-sitehead{position:absolute;top:0;left:0;right:0;height:72px;z-index:2;max-width:none;padding-inline:5vw}
 .article-cover{min-height:100svh;max-width:none;padding:96px 7vw 64px;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always}
 .cover-stage{flex:1;max-height:580px;margin:12px 0;grid-template-columns:1fr 1fr;gap:5vw}
 .cover-visual{max-width:500px;width:100%}.cover-visual svg{max-height:51svh}
 .article-edition{padding-top:12px}.article-byline{padding-bottom:0}.article-breadcrumb{font-size:11px}
 .article-layout{display:block;max-width:none;padding:0}.article-reading{width:100%;max-width:none}
 .article-toc,.article-toc:has(details[open]){position:fixed;top:auto;bottom:0;left:0;width:100%;max-width:none;margin:0;padding:0 5vw;background:rgba(255,255,255,.97);border-top:1px solid var(--line);z-index:10}
 .article-toc summary{height:52px;padding:16px 0}.article-toc nav{max-height:65svh}
 .magazine-spread{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6vw;align-items:center;min-height:100svh;margin:0;padding:48px 6vw 84px;border-top:1px solid var(--line);background:#fff;scroll-snap-align:start;scroll-snap-stop:always;counter-increment:none}
 .magazine-spread:nth-child(even){background:#f6f7f3}
 .spread-visual{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
 .spread-title{max-width:540px}.spread-kicker{margin-bottom:16px}
 .magazine-spread h2,.magazine-spread .spread-heading{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(28px,2.6vw,40px);font-weight:500;line-height:1.6;letter-spacing:-.025em;margin:0;padding:0;border:0;scroll-margin-top:48px;white-space:normal}
 .magazine-spread h2::before{display:none}
 .spread-art{margin:28px 0 0;min-height:0}.spread-art img{width:100%;height:clamp(200px,35svh,400px);object-fit:cover;object-position:70% 50%}
 .spread-copy{min-width:0;max-width:640px;width:100%;justify-self:center}
 .spread-copy p,.spread-copy li{font-size:18px;line-height:1.85;letter-spacing:.01em;margin:0 0 10px;white-space:normal}
 .spread-copy h3{font-size:21px;line-height:1.6;margin:16px 0 12px;scroll-margin-top:48px}
 .spread-copy>h3:first-child{margin-top:0}
 .spread-copy ul,.spread-copy ol{margin:12px 0;padding-left:1.35em}.spread-copy li{margin:3px 0}
 .spread-copy blockquote{margin:16px 0;padding:16px 20px}.spread-copy blockquote p{font-size:19px;margin:0}
 .spread-copy .article-sources{margin-top:16px;padding-top:10px}.spread-copy .article-sources ul{margin:4px 0;padding:0}.spread-copy .article-sources li{font-size:13px;line-height:1.6;margin:2px 0}.spread-copy .article-sources a{padding:3px 0}
 .spread-copy .article-table{margin:10px 0}.spread-copy table{min-width:0;font-size:16px;line-height:1.7}.spread-copy th,.spread-copy td{padding:12px 10px}
 .spread-copy .compare-figure{margin:0;padding:24px 16px}
 .spread-copy .tool-entry{font-size:16px;padding:10px 0;margin:0 0 12px}
 .spread-diagram{grid-template-columns:1fr;gap:20px;align-content:center}.spread-diagram .spread-title{max-width:none}.spread-diagram .spread-visual{display:block}.spread-diagram .spread-copy{max-width:1100px}
 .spread-diagram .method-figure{margin:0;padding:16px 28px}.spread-diagram .method-grid svg{max-width:120px}.spread-diagram .method-grid>div{padding-block:4px}.spread-diagram .method-guide{padding-top:12px;margin-top:12px}.spread-diagram .method-demo{margin-top:8px}
 .spread-answer .article-answer{display:block;padding:0;border:0}.spread-answer .article-answer>b{display:block;margin-bottom:16px}.spread-answer .article-answer p{font-size:18px;line-height:1.9}.spread-answer .article-shortcuts{display:block;padding:12px 0}.spread-answer .article-shortcuts a{border:0;border-top:1px solid var(--line);padding:10px 0;font-size:14px}
 .magazine-spread.article-legal{background:#eef0e9}.magazine-spread.article-legal p{font-size:17px;line-height:1.85}
 .article-faq details{padding:16px 0}.article-faq summary{font-size:19px}.article-faq details p{font-size:17px}
 .article-related,.article-back{max-width:720px;margin-inline:auto}.article-related{padding-top:56px}.article-back{padding-bottom:76px}
 .cm-global-footer{scroll-snap-align:start}
}
@media screen and (min-width:1000px) and (max-height:720px){html{scroll-snap-type:none}.magazine-spread{min-height:720px}.article-cover{min-height:720px}}
@media screen and (max-width:999px){
 .spread-answer{padding:0 24px}.spread-answer .spread-visual{display:none}
 .magazine-spread .spread-heading{font-size:24px;line-height:1.6;margin-bottom:22px}.spread-kicker{margin-bottom:8px}
 .magazine-spread h2::before{display:none}.magazine-spread h2{padding-top:0}
 .spread-art img{max-height:260px;object-fit:cover;object-position:70% 50%}
 .spread-art{margin:20px 0 28px}.spread-kicker:has(+.spread-heading){margin-top:32px}
}
@media print{html{scroll-snap-type:none}.magazine-spread{display:block;min-height:0;break-before:page}.spread-art{max-width:45%;float:left;margin-right:24px}.spread-answer .spread-visual{display:none}.article-toc{display:none}}
@media screen and (max-width:999px){
 .spread-continuation{margin-top:0;padding-top:0}.spread-continuation .spread-visual{display:none}
 .spread-continuation.article-legal,.spread-continuation.article-faq{margin-top:0}
}
@media screen and (min-width:1000px) and (max-width:1199px){
 .magazine-spread{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4vw;padding-inline:4vw}
 .spread-diagram{grid-template-columns:1fr}.spread-copy p,.spread-copy li{line-height:1.8;margin-bottom:8px}
}