:root {--fs-body:16px;--fs-display:clamp(28px,3.5vw,40px);--fs-h2:26px;--fs-h3:18px}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-size:16px}button,select{font:inherit}a{color:var(--brand)}.site-header{max-width:1248px;margin:auto;padding:22px 40px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:650;text-decoration:none;color:var(--fg)}.site-name{font-size:14px;color:var(--muted);padding-left:22px;border-left:1px solid var(--line)}.home-link{margin-left:auto;font-size:14px}.layout{max-width:1248px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:72px;padding:56px 40px 100px}.layout main{max-width:800px;min-width:0}aside{align-self:start;position:sticky;top:28px;font-size:14px}aside>p{margin-bottom:14px;color:var(--muted)}aside nav{display:flex;flex-direction:column;gap:3px}aside a{color:var(--muted);text-decoration:none;padding:9px 12px;border-radius:8px}aside a:hover,aside a[aria-current]{background:var(--surface);color:var(--fg);font-weight:600}.page-intro{padding-bottom:34px;border-bottom:1px solid var(--line)}.eyebrow{font-size:14px;color:var(--muted);margin-bottom:12px}h1{max-width:780px}h2{margin-bottom:20px}h3{margin-bottom:8px}p+p{margin-top:16px}section{padding-top:42px;margin-top:12px}section+section{border-top:1px solid var(--line);margin-top:42px}section>p{max-width:74ch}.lead{font-size:21px;line-height:1.6;margin-bottom:16px}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:26px 0;padding:20px 0;border-block:1px solid var(--line);font-size:14px;font-weight:600}.flow span+span:before{content:'→';display:inline-block;margin-right:12px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.button,button{border-radius:8px;border:1px solid var(--button);background:var(--button);color:var(--button-fg);display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.button:hover,button:hover{filter:brightness(.93)}.secondary{background:transparent;color:var(--brand);border-color:var(--line)}.steps{padding:0 0 0 24px;margin:30px 0}.steps>li{padding:0 0 30px 10px;margin-bottom:26px;border-bottom:1px solid var(--line)}.steps>li::marker{color:var(--brand);font-weight:600}.steps>li:last-child{border:0;margin:0;padding-bottom:0}.command{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px;margin:20px 0 28px;position:relative}.command pre{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding-right:55px;word-break:break-word}.command button{position:absolute;right:10px;top:10px;padding:4px 8px;min-height:34px;font-size:12px;color:var(--fg);border-color:var(--line);background:var(--bg)}:not(pre)>code{font-size:.88em;background:var(--surface);padding:2px 4px;border-radius:3px;overflow-wrap:anywhere}details{margin-top:16px;font-size:14px;color:var(--muted)}summary{cursor:pointer;padding:6px 0}.hash{font-family:var(--mono);font-size:12px;word-break:break-all}.notice{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:20px 0}.notice p{margin-top:8px}.small{font-size:14px;color:var(--muted)}.table-wrap{overflow-x:auto;margin:26px 0}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6;text-align:left}th,td{padding:14px 12px;vertical-align:top;border-bottom:1px solid var(--line)}thead th{background:var(--surface);font-weight:600}tbody th{font-weight:500;width:28%;white-space:nowrap}.policy-demo{border:1px solid var(--line);border-radius:12px;padding:22px;margin:28px 0}.policy-demo label{display:block;font-weight:600;margin-bottom:14px}select{border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);padding:10px;min-height:44px;font-size:14px;margin-right:14px}output{font-weight:600;font-size:15px}.policy-demo p{margin-top:14px}.rows>div{display:grid;grid-template-columns:75px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}dt{font-weight:600}.ideas>div{padding:24px 0;border-bottom:1px solid var(--line)}.ideas>div:first-child{padding-top:4px}.ideas dd{margin-top:8px}.submission{padding-left:22px}.submission li{padding:6px 0}.spaced{margin-top:36px}footer{max-width:1168px;border-top:1px solid var(--line);margin:auto;padding:24px 0 36px;color:var(--muted);display:flex;justify-content:space-between;font-size:14px}.task-page{max-width:900px;margin:auto;padding:64px 40px 100px}.task-page .page-intro{padding:18px 0 36px}.jump-nav{display:flex;flex-wrap:wrap;gap:8px 20px;padding:22px 0;border-bottom:1px solid var(--line);font-size:14px}.option-b section:first-of-type{padding-top:36px}.option-b #start{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:30px;margin-top:40px}.option-b #start .command{background:var(--bg)}.options-main{padding:52px 40px;max-width:1400px;margin:auto}.options-main>p{margin:20px 0 32px;max-width:800px}.option-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px}.option-comparison article{min-width:0}.option-comparison h2{margin-bottom:12px}.option-comparison .button{margin:24px 0}.option-comparison iframe{width:100%;height:650px;border:1px solid var(--line);border-radius:12px;background:var(--bg);display:block}#copy-status:not(:empty){position:fixed;right:24px;bottom:24px;background:var(--fg);color:var(--bg);padding:12px 18px;border-radius:8px;max-width:calc(100% - 48px);z-index:10;font-size:14px}.skip{position:absolute;left:16px;top:-100px;background:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.layout{gap:32px;grid-template-columns:160px minmax(0,1fr);padding:40px 24px}footer{margin:0 24px}.site-header{padding:20px 24px}.option-comparison{gap:20px}.options-main{padding:36px 24px}}
@media(max-width:700px){html{scroll-padding-top:24px}.site-header{padding:18px 20px;gap:14px}.site-name{padding-left:14px;font-size:12px}.home-link{font-size:12px}.brand{font-size:20px;gap:8px}.brand img{width:28px;height:28px}.layout{display:block;padding:28px 20px 64px}aside{position:static;margin-bottom:32px}aside>p{display:none}aside nav{flex-direction:row;overflow:auto;white-space:nowrap;gap:4px;border-bottom:1px solid var(--line);padding-bottom:12px}aside a{padding:8px 10px}.page-intro{padding-bottom:26px}.lead{font-size:19px}section{padding-top:30px}section+section{margin-top:32px}.flow{gap:8px;font-size:13px}.flow span+span:before{margin-right:8px}.command{padding:16px 12px}.command pre{padding-top:35px;padding-right:0;font-size:12px}.steps{padding-left:22px}.steps>li{padding-left:4px}th,td{padding:12px 8px}tbody th{white-space:normal}select{display:block;margin-bottom:14px}footer{margin:0 20px;font-size:12px}.task-page{padding:28px 20px 64px}.option-b #start{padding:22px 16px}.option-comparison{display:block}.option-comparison article+article{margin-top:36px}.option-comparison iframe{height:560px}.options-main{padding:32px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}