:root{color-scheme:light dark;--bg:#f7f7f5;--surface:#fff;--text:#252624;--muted:#686b66;--faint:#8b8e88;--line:#d9dbd6;--strong-line:#aeb2ab;--accent:#295b48;--accent-contrast:#fff;--disabled:#b7bbb5;--sans:Arial,Helvetica,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.topbar{height:64px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;padding:0 32px;gap:30px;position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.brand-mark{border:1px solid var(--text);font:10px var(--mono);padding:3px 4px;letter-spacing:-.08em}.topbar-context{font:11px var(--mono);color:var(--muted)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:22px;font:11px var(--mono)}.topbar-actions>a{color:var(--muted)}.copy-button{background:transparent;border:1px solid var(--strong-line);color:var(--text);padding:8px 12px;font:11px var(--mono)}.copy-button:hover,.copy-button:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.copy-button:disabled{cursor:wait;opacity:.65}.shell{display:grid;grid-template-columns:220px minmax(0,920px);max-width:1240px;margin:0 auto}.sidebar{border-right:1px solid var(--line);min-height:calc(100vh - 64px);padding:38px 28px 28px 0;position:sticky;top:64px;height:calc(100vh - 64px);display:flex;flex-direction:column}.sidebar-label,.kicker,.breadcrumb,.section-heading,.sidebar nav,.sidebar-footer,.footer{font:11px var(--mono)}.sidebar-label{color:var(--faint);margin-bottom:19px}.sidebar nav{display:grid;gap:2px}.sidebar nav a{color:var(--muted);padding:7px 0;display:flex;gap:15px}.sidebar nav a span{color:var(--faint)}.sidebar nav a:hover,.sidebar nav a.active{color:var(--accent)}.sidebar nav a.active span{color:var(--accent)}.sidebar-footer{margin-top:auto;color:var(--accent);line-height:1.6}.sidebar-footer small{color:var(--faint);font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin:0 7px 1px 0}.content{padding:34px 70px 0}.breadcrumb{display:flex;gap:10px;color:var(--faint);border-bottom:1px solid var(--line);padding-bottom:18px}.breadcrumb span:first-child{color:var(--text)}.page-intro{padding:88px 0 100px;max-width:700px}.kicker{color:var(--accent);margin:0 0 22px}.page-intro h1{font-size:clamp(50px,7vw,84px);line-height:.98;letter-spacing:-.075em;font-weight:400;margin:0 0 28px}.lede{font-size:18px;line-height:1.5;color:var(--muted);max-width:575px;margin-bottom:31px}.intro-actions{display:flex;align-items:center;gap:17px}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);padding:12px 15px}.primary:hover,.primary:focus-visible{background:var(--text);border-color:var(--text)}.copy-message{font:10px var(--mono);color:var(--accent);min-height:15px}.doc-section{border-top:1px solid var(--strong-line);padding:36px 0 100px}.section-heading{display:grid;grid-template-columns:40px 1fr;gap:8px;margin-bottom:44px}.section-heading span{color:var(--accent)}.section-heading h2{font:400 28px/1.1 var(--sans);letter-spacing:-.05em;margin:0}.section-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:745px;margin-bottom:58px}.section-copy p,.state-note p,.checklist-content p{color:var(--muted);margin:0;max-width:330px}.lead-copy{font-size:20px!important;line-height:1.35;color:var(--text)!important;letter-spacing:-.03em}.comparison{border-top:1px solid var(--line)}.comparison-head,.comparison-row{display:grid;grid-template-columns:1fr 1fr;gap:50px}.comparison-head{padding:13px 0;border-bottom:1px solid var(--line);font:10px var(--mono);color:var(--faint)}.comparison-head span:first-child{color:var(--muted)}.comparison-row{border-bottom:1px solid var(--line);padding:20px 0}.comparison-row>div:first-child{border-right:1px solid var(--line);padding-right:50px}.comparison-row b{font-size:14px;font-weight:500}.comparison-row p{font-size:12px;color:var(--muted);margin:5px 0 0;max-width:300px}.principle-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.principle-grid article{min-height:170px;border-bottom:1px solid var(--line);padding:19px 36px 22px 0}.principle-grid article:nth-child(odd){border-right:1px solid var(--line);padding-right:50px}.principle-grid article:nth-child(even){padding-left:50px}.principle-number{font:10px var(--mono);color:var(--accent)}.principle-grid h3{font-size:16px;font-weight:500;letter-spacing:-.02em;margin:28px 0 7px}.principle-grid p{font-size:13px;color:var(--muted);max-width:315px;margin:0}.states-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:75px}.state-examples{border-top:1px solid var(--line)}.state-row{min-height:67px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font:10px var(--mono);color:var(--muted)}.demo-button{border:1px solid var(--text);background:var(--surface);color:var(--text);padding:8px 13px;font:11px var(--mono)}.demo-button:hover,.demo-button:focus-visible{border-color:var(--accent);color:var(--accent)}.demo-button:disabled{color:var(--disabled);border-color:var(--disabled);cursor:not-allowed}.loading-demo{color:var(--accent);border-color:var(--accent)}.success-state{color:var(--accent)}.success-state i{display:inline-block;background:var(--accent);height:6px;width:6px;border-radius:50%;margin-right:6px}.state-note{padding-top:18px}.state-note .lead-copy{margin-bottom:17px}.checklist{padding-bottom:105px}.checklist-content{display:grid;grid-template-columns:1fr 1fr;gap:70px}.checklist-intro .copy-button{margin-top:28px}.checklist ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.checklist li{border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}.checklist li:before{content:"✓";color:var(--accent);font-family:var(--mono);margin-right:13px}.footer{max-width:1200px;margin:auto;border-top:1px solid var(--line);min-height:68px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.footer a{color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-color-scheme:dark){:root{--bg:#1f211f;--surface:#272925;--text:#e8ebe5;--muted:#a2a69e;--faint:#777c74;--line:#41453e;--strong-line:#62675e;--accent:#8fc4a4;--accent-contrast:#172018;--disabled:#646a62}}@media(max-width:780px){.topbar{height:auto;min-height:64px;padding:13px 20px;flex-wrap:wrap;gap:13px}.topbar-context{display:none}.topbar-actions{gap:14px}.topbar-actions>a{display:none}.shell{display:block}.sidebar{display:none}.content{padding:22px 22px 0}.breadcrumb{padding-bottom:15px}.page-intro{padding:66px 0 75px}.page-intro h1{font-size:57px}.lede{font-size:16px}.intro-actions{align-items:flex-start;flex-direction:column;gap:12px}.doc-section{padding:30px 0 75px}.section-heading{margin-bottom:34px}.section-copy,.states-layout,.checklist-content{display:block}.section-copy>p+ p{margin-top:22px}.comparison{margin-top:45px}.comparison-head,.comparison-row{gap:18px}.comparison-row>div:first-child{padding-right:18px}.comparison-row p{font-size:11px}.principle-grid{display:block}.principle-grid article,.principle-grid article:nth-child(odd),.principle-grid article:nth-child(even){border-right:0;padding:18px 0 24px;min-height:0}.principle-grid h3{margin-top:19px}.states-layout .state-note{margin-top:38px}.footer{padding:18px 22px;display:grid;gap:9px;min-height:0}.footer span:nth-child(2){order:3}}