.guide-hero>.wrap{max-width:980px}.guide-hero .display{max-width:18em;font-size:clamp(2.3rem,5vw,3.9rem)}.byline{color:var(--ink-3);flex-wrap:wrap;gap:8px;font-size:.92rem;display:flex}.byline a{color:var(--ink-2)}.guide-hero-shot{margin-top:clamp(8px,2vw,20px)}.guide-hero-shot.tall img{max-width:680px}.guide-layout{gap:32px;padding-block:clamp(36px,6vw,72px) 8px;display:grid}@media (width>=1040px){.guide-layout{grid-template-columns:240px minmax(0,1fr);gap:64px}.guide-toc{align-self:start;max-height:calc(100vh - 120px);position:sticky;top:96px;overflow:auto}}.guide-main{min-width:0;max-width:46rem}.guide-toc details{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:16px 18px}.guide-toc summary{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);cursor:pointer;font-size:.8rem;font-weight:600}.guide-toc ol{counter-reset:toc;gap:2px;margin:12px 0 0;padding:0;list-style:none;display:grid}.guide-toc li{counter-increment:toc}.guide-toc a{color:var(--ink-2);grid-template-columns:22px 1fr;padding:6px 0;font-size:.92rem;line-height:1.35;text-decoration:none;display:grid}.guide-toc a:before{content:counter(toc);color:var(--ink-4);font-variant-numeric:tabular-nums}.guide-toc a:hover{color:var(--accent-strong)}.takeaways{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-lg);margin-bottom:8px;padding:clamp(20px,3vw,28px)}.takeaways h2{margin-bottom:12px}.takeaways .check-list li{color:var(--ink-2)}.guide-body,.guide-faq,.guide-sources{max-width:none;font-size:1.06rem;line-height:1.7}.guide-body h2,.guide-faq h2,.guide-sources h2{scroll-margin-top:96px;font-size:clamp(1.7rem,3vw,2.15rem)}.guide-body h3{scroll-margin-top:96px}.guide-body figure,.guide-body .shots{margin:28px 0 32px}.guide-body .check-list{margin:0 0 1.2rem;padding-left:0}.guide-body .check-list li{margin-bottom:.5rem}.table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);margin:24px 0 28px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.5}.table-wrap caption{text-align:left;color:var(--ink-3);padding:14px 18px 4px;font-size:.85rem}.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:12px 18px}.table-wrap thead th{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-2);border-top:0;font-size:.8rem;font-weight:600}.table-wrap tbody th{color:var(--ink);font-weight:600}.callout{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);margin:26px 0;padding:18px 20px}.callout-title{color:var(--ink);align-items:center;gap:8px;font-weight:600;display:flex;margin:0 0 6px!important}.callout-body>:last-child{margin-bottom:0}.callout-tip{background:var(--sky-soft);border-color:color-mix(in srgb, var(--sky-ink) 22%, transparent)}.callout-tip .callout-title{color:var(--sky-ink)}.callout-warn{background:var(--sun-soft);border-color:color-mix(in srgb, var(--sun) 40%, transparent)}.callout-warn .callout-title{color:var(--sun-ink)}.callout-classwell{background:var(--accent-soft);border-color:var(--accent-line)}.callout-classwell .callout-title{color:var(--accent-strong)}.timeline{gap:0;list-style:none;display:grid;margin:26px 0 30px!important;padding:0!important}.timeline li{grid-template-columns:44px 1fr;column-gap:14px;margin:0;padding-bottom:22px;display:grid;position:relative}.timeline li:before{content:"";background:var(--line-2);width:2px;position:absolute;top:40px;bottom:0;left:21px}.timeline li:last-child:before{display:none}.timeline-dot{width:44px;height:44px;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:50%;grid-row:span 3;place-items:center;font-weight:600;display:grid}.timeline-when{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);font-size:.8rem;font-weight:600}.timeline-title{color:var(--ink);font-size:1.08rem}.timeline-body{color:var(--ink-2)}.flow{align-items:center;gap:14px;margin:28px 0 32px;display:grid}.flow-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.flow-box{border-radius:var(--r-md,14px);border:1px solid var(--line);background:var(--surface);gap:2px;padding:14px 16px;display:grid}.flow-box b{color:var(--ink);font-size:.98rem}.flow-box span{color:var(--ink-3);font-size:.88rem;line-height:1.45}.flow-arrow{color:var(--ink-4);justify-self:center;font-size:1.4rem;line-height:1}.flow-decision{text-align:center;border-radius:var(--r-lg);background:var(--night);color:var(--night-ink);justify-self:center;gap:2px;padding:16px 22px;display:grid}.flow-decision b{font-family:var(--serif);font-size:1.5rem;font-weight:400}.flow-decision span{color:var(--night-ink-2);font-size:.88rem}@media (width>=760px){.flow{grid-template-columns:minmax(0,1fr) auto auto}.flow-arrow{transform:rotate(-90deg)}}.sample{border-radius:var(--r-lg);border:1px dashed var(--line-2);background:var(--surface-2);margin:22px 0 28px;padding:20px 22px;font-size:.98rem}.sample-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:.78rem;font-weight:600;display:block}.sample p:last-child{margin-bottom:0}.guide-faq{margin-top:12px}.faq-item h3{margin-top:1.4rem}.guide-sources ol{font-size:.95rem}.guide-about,.guide-links{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);margin-top:28px;padding:20px 22px}.guide-about h2,.guide-links h2{margin-bottom:8px}.guide-about p{color:var(--ink-2);margin:0;font-size:.97rem}.guide-about a,.guide-links a{color:var(--accent-strong)}.guide-links ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guide-links li a{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:6px 12px;font-size:.9rem;text-decoration:none;display:inline-block}.guide-links li a:hover{border-color:var(--accent-line);background:var(--accent-soft)}.guide .closing{justify-items:center;gap:18px;display:grid}
