:root{color-scheme:light dark;--mix-bg:#f5f7f3;--mix-surface:#fff;--mix-text:#17221e;--mix-muted:#516159;--mix-border:#ccd8d1;--mix-accent:#0c6757;--mix-accent-ink:#fff;--mix-soft:#e6f1ed;--mix-warn:#92500c;--mix-focus:#1468c4;--article-max:74rem}html[data-reading-theme=dark]:not([data-theme="light"]):not([data-reading-theme="light"]){--mix-bg:#101b18;--mix-surface:#172723;--mix-text:#edf6f2;--mix-muted:#b8c9c2;--mix-border:#385049;--mix-accent:#72d6bf;--mix-accent-ink:#08251f;--mix-soft:#1b3a33;--mix-warn:#ffc078;--mix-focus:#9bcaff}
:root[data-theme="dark"],:root[data-reading-theme="dark"]{color-scheme:dark;--mix-bg:#101b18;--mix-surface:#172723;--mix-text:#edf6f2;--mix-muted:#b8c9c2;--mix-border:#385049;--mix-accent:#72d6bf;--mix-accent-ink:#08251f;--mix-soft:#1b3a33;--mix-warn:#ffc078;--mix-focus:#9bcaff}:root[data-theme="light"],:root[data-reading-theme="light"]{color-scheme:light}
html{scroll-padding-top:5.5rem}body{color:var(--mix-text)}.guide-content{width:min(var(--article-max),calc(100% - 3rem));margin-inline:auto}.article-header{max-width:64rem;margin:0 auto .8rem;padding:clamp(1rem,3vw,2rem) 0 .2rem}.breadcrumbs,.byline,.dek{color:var(--mix-muted)}.breadcrumbs{font-size:.82rem}.article-header h1{max-width:20ch;margin:.25rem 0 .5rem;font-size:clamp(2.15rem,5vw,4.15rem);line-height:1;letter-spacing:-.04em}.article-header .dek{max-width:68ch;margin:0;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.5}.article-header .byline{font-size:.85rem}
.article-copy{padding-bottom:13rem}
.contents{max-width:68rem;margin:1rem auto 2rem;padding:.75rem 1rem;border:1px solid var(--mix-border);border-radius:.8rem;background:var(--mix-surface)}.contents summary{cursor:pointer;font-weight:750}.contents ol{columns:2;column-gap:2rem;margin:.7rem 0 .1rem;padding-left:1.3rem}.contents li{break-inside:avoid;margin:.38rem 0}.contents a{color:var(--mix-accent)}
.article-copy>p,.article-copy>ul,.article-copy>ol,.article-copy>h2,.article-copy>h3,.article-copy>.table-wrap,.article-copy>.callout,.article-copy>.video-example{max-width:52rem;margin-inline:auto}.article-copy h2{margin-top:clamp(2.2rem,5vw,3.7rem);scroll-margin-top:6rem;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.1}.article-copy h3{margin-top:1.8rem;scroll-margin-top:6rem;font-size:clamp(1.2rem,2vw,1.55rem)}.article-copy p,.article-copy li{line-height:1.72}.article-copy li{margin:.35rem 0}.article-copy a{color:var(--mix-accent)}
.table-wrap{width:100%;overflow-x:auto;margin-block:1rem;border:1px solid var(--mix-border);border-radius:.75rem}.table-wrap table{width:100%;border-collapse:collapse;background:var(--mix-surface);text-align:left}.table-wrap th,.table-wrap td{padding:.72rem .8rem;border-bottom:1px solid var(--mix-border);vertical-align:top}.table-wrap th{background:var(--mix-soft);font-size:.88rem}
.original-diagram{max-width:68rem;margin:1.2rem auto 1.7rem}.original-diagram img{display:block;width:100%;height:auto;border:1px solid var(--mix-border);border-radius:.9rem;background:#f5f7f3}.original-diagram figcaption,.video-example figcaption{margin-top:.5rem;color:var(--mix-muted);font-size:.86rem;line-height:1.45}
.video-example{margin-block:1rem 1.8rem}.video-example video{display:block;width:min(100%,42rem);max-height:33rem;margin-inline:auto;border-radius:.8rem;background:#0a1110}.video-example .source-row{display:flex;justify-content:space-between;gap:.75rem}.video-example a{white-space:nowrap}.video-grid{max-width:68rem;margin:1rem auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.video-grid .video-example{margin:0}.video-grid video{width:100%;aspect-ratio:9/16;object-fit:cover}.video-grid .landscape video{aspect-ratio:16/9}.video-grid figcaption{font-size:.8rem}
.resource-kit{max-width:68rem;margin:2.5rem auto}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.resource-card{display:flex;flex-direction:column;gap:.35rem;padding:.85rem;border:1px solid var(--mix-border);border-radius:.75rem;background:var(--mix-surface);color:var(--mix-text)!important;font-weight:750;text-decoration:none}.resource-card span{color:var(--mix-muted);font-size:.82rem;font-weight:400;line-height:1.4}.prompt-block{max-width:68rem;margin:1rem auto;padding:.75rem 1rem;border:1px solid var(--mix-border);border-radius:.8rem;background:var(--mix-surface)}.prompt-block summary{cursor:pointer;font-weight:750}.prompt-block pre{max-height:25rem;overflow:auto;white-space:pre-wrap;font-size:.76rem}.article-cta{padding:1rem;border-left:4px solid var(--mix-accent);background:var(--mix-soft);border-radius:.5rem}.skip-content{position:absolute;left:-9999px}.skip-content:focus{left:1rem;top:1rem;z-index:9999;padding:.5rem;background:var(--mix-surface)}:focus-visible{outline:3px solid var(--mix-focus);outline-offset:3px}
@media(max-width:760px){.guide-content{width:min(100% - 1rem,var(--article-max))}.article-header{padding:.35rem .15rem .15rem}.article-header .breadcrumbs,.article-header .byline{display:none}.article-header h1{font-size:clamp(1.75rem,8.7vw,2.35rem);line-height:1.02;max-width:none;overflow-wrap:anywhere}.article-header .dek{font-size:.88rem;line-height:1.35}.contents{margin:.6rem 0 1rem}.contents details:not([open]){min-height:2.75rem}.contents ol{columns:1}.table-wrap{font-size:.83rem}.video-grid{grid-template-columns:1fr}.video-grid video,.video-grid .landscape video{aspect-ratio:auto;max-height:32rem}.resource-grid{grid-template-columns:1fr}.article-copy h2,.article-copy h3{scroll-margin-top:5.5rem}}
@media(max-width:350px){.article-header .byline{display:none}.article-header h1{font-size:1.75rem}.article-header .dek{font-size:.86rem}.table-wrap th,.table-wrap td{padding:.55rem}}
@media print{.contents,.mix-workspace,.video-grid,.prompt-block button{display:none!important}}