.article-page{--article-accent:#4ec7ee}.article-page .hero-copy h1{letter-spacing:-.012em}.article-page h2{letter-spacing:-.01em}.article-page .prose{max-width:740px}.article-page .prose h3{margin-top:36px}[hidden]{display:none!important}.hero-toc{display:grid;margin-top:28px}.hero-toc a{padding:12px 0;border-top:1px solid var(--line);min-height:48px;text-underline-offset:5px}
.hero-workbench{margin-top:36px;padding:28px;background:#fafbf9;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow-card);scroll-margin-top:120px}.part-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.part-controls fieldset{min-width:0;margin:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:white}.part-controls legend{padding:0 6px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700}.part-controls legend svg{width:60px;height:50px;flex-shrink:0}.part-controls legend small{display:block;font-size:12px;font-weight:500}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice-row button,.tool-row button,.hero-quiz button,[data-restore]{min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:white;font-size:14px!important}.article-page button[aria-pressed="true"]{border-color:#121212;background:#d8f4fc;box-shadow:inset 0 0 0 1px #121212}.tool-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.tool-row>div{display:flex;flex-wrap:wrap;gap:8px}.tool-row label{display:flex;align-items:center;min-height:44px;gap:8px;font-size:15px}.tool-row input{width:22px;height:22px;accent-color:var(--accent)}.change-explanation{padding:20px 0 0;margin-top:24px;border-top:1px solid var(--line)}.change-explanation h3{font-size:22px;margin:0}.change-explanation p{font-size:16px}.comparison-status{padding:12px 16px;border-left:3px solid var(--article-accent);background:white;font-size:14px}.comparison-grid{display:grid;gap:20px;align-items:start;scroll-margin-top:120px}.comparison-grid.has-reference{grid-template-columns:1fr 1fr}.preview-pane{min-width:0}.article-page .preview-pane>h3{font-size:16px;margin:16px 0 8px}.version-summary{font-size:12px;line-height:1.8;min-height:44px;margin:0 0 12px}.hero-frame{container-type:inline-size;width:100%;max-width:100%;margin:auto;background:white;border:1px solid #b2bfb9;border-radius:12px}.hero-frame.is-narrow{max-width:320px}.sample-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px}.sample-top span{font-size:11px;color:var(--ink-soft)}.sample-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:26px;padding:28px}.sample-copy,.sample-figure{min-width:0}.sample-copy .sample-eyebrow{font-size:12px;margin:0 0 12px}.sample-copy h4{font-size:30px;line-height:1.4;letter-spacing:0;margin:0 0 16px;overflow-wrap:anywhere}.sample-copy p{font-size:16px;line-height:1.8;margin:0 0 20px}.sample-cta{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:99px;background:#121212;color:white;font-size:14px;text-decoration:none}.sample-figure{margin:0}.sample-figure img{display:block;width:100%;height:auto;border-radius:8px}.sample-figure figcaption{font-size:12px;line-height:1.7;margin-top:10px}.reading-mark{display:table;font-size:12px;font-weight:700;color:#121212;background:#d8f4fc;border:1px solid #121212;padding:3px 8px;border-radius:5px;margin-bottom:8px}.sample-work{padding:20px 24px;border-top:1px solid var(--line);scroll-margin-top:120px}.sample-work h5{font-size:16px;margin:0 0 10px}.sample-work p{font-size:14px;line-height:1.8;margin:0}.target-note{display:none;font-size:13px;margin-top:10px}.sample-work:target{background:#d8f4fc}.sample-work:target .target-note{display:block}.panel-note,.small-note{font-size:13px!important;line-height:1.8}.hero-guide{padding-top:32px;margin-top:32px;border-top:1px solid var(--line);scroll-margin-top:120px}.guide-heading{display:flex;align-items:center;gap:20px}.guide-heading svg{width:85px;flex-shrink:0}.guide-heading h3{margin:8px 0 0!important}.guide-heading .micro-label{margin:0!important}.hero-guide dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px;background:#f5f7f4;border-radius:12px}.hero-guide dt{font-size:13px;font-weight:700;margin-bottom:10px}.hero-guide dd{font-size:18px;margin:0}.priority-list{margin:28px 0}.priority-list>div{padding:18px 0;border-top:1px solid var(--line)}.priority-list p{margin:8px 0!important}.hero-quiz{padding:22px;border-radius:14px;background:#f5f7f4;margin-top:24px}.hero-quiz>div{display:flex;flex-wrap:wrap;gap:10px}.hero-quiz p{font-size:16px}summary{min-height:48px;padding:16px 0;cursor:pointer}.brief-label{display:block;font-size:15px;font-weight:600;margin:28px 0 10px}#hero-brief{font:inherit;font-size:16px;line-height:1.8;width:100%;min-height:290px;resize:vertical;background:#fafbf9;border:1px solid #a7afa9;border-radius:10px;padding:18px;color:#121212}[data-restore]{margin-top:10px}.sources p,.sources li{font-size:16px}
@container(max-width:600px){.sample-hero{grid-template-columns:1fr;padding:22px;gap:20px}.sample-copy h4{font-size:26px}.sample-figure{max-width:400px}.sample-work{padding:20px}}
@media(max-width:1050px){.comparison-grid.has-reference{grid-template-columns:1fr}}@media(max-width:760px){.hero-workbench{padding:16px}.part-controls{grid-template-columns:1fr}.part-controls fieldset{padding:12px}.hero-guide dl{grid-template-columns:1fr}.guide-heading{align-items:start;gap:14px}.guide-heading svg{width:60px}.article-page .hero-copy h1{letter-spacing:-.008em}.choice-row{display:grid;grid-template-columns:1fr 1fr}.choice-row button{padding:10px 8px}.sample-copy h4{font-size:25px}.hero-guide dl{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}