.developer-portal{width:min(1240px,calc(100% - 2rem));padding:clamp(2rem,6vw,5rem) 0 4rem}
.docs-hero{max-width:900px;margin:0 0 clamp(2rem,5vw,4rem)}
.docs-hero h1{font-size:clamp(2.4rem,6vw,5.2rem);margin:.35rem 0 1.25rem}
.docs-hero>p:last-child{max-width:760px;font:1.12rem/1.7 Georgia,serif;color:#2c4a48}
.docs-layout{display:grid;grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.docs-sidebar{position:sticky;top:1rem;padding:1rem 0;border-top:3px solid var(--aurora);border-bottom:1px solid var(--line)}
.docs-nav-title{margin:0 0 .75rem;font-weight:750;color:var(--ink)}
.docs-sidebar ol{display:grid;gap:.15rem;margin:0;padding:0;list-style:none}
.docs-sidebar a{display:block;min-height:2.75rem;padding:.65rem .75rem;border-left:3px solid transparent;border-radius:0 .4rem .4rem 0;color:var(--night);font-size:.92rem;font-weight:600;line-height:1.35;text-decoration:none}
.docs-sidebar a:hover{border-left-color:var(--frost);background:var(--ice);text-decoration:underline;text-underline-offset:.18em}
.docs-content{min-width:0;max-width:820px}
.docs-content section{padding:0 0 3.2rem;scroll-margin-top:1rem}
.docs-content section+section{padding-top:2.4rem;border-top:1px solid var(--line)}
.docs-content h2{font:clamp(1.75rem,4vw,2.45rem)/1.18 Georgia,serif;margin:0 0 1rem;letter-spacing:-.02em}
.docs-content h3{font:1.25rem/1.35 Georgia,serif;margin:1.8rem 0 .55rem}
.docs-content p,.docs-content li{line-height:1.72;color:#294744}
.docs-content a{color:var(--night);text-underline-offset:.2em}
.docs-content code:not(pre code){padding:.08rem .34rem;border-radius:.3rem;background:var(--ice);font-size:.9em;overflow-wrap:anywhere}
.docs-kicker{margin:0 0 .45rem;color:var(--aurora)!important;font-size:.76rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.docs-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.5rem 0;padding:0;list-style:none}
.docs-cards li{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:rgba(255,255,255,.72)}
.docs-cards span{font-size:.9rem;color:var(--muted)}
.docs-callout,.docs-status{margin:1.25rem 0;padding:1rem 1.1rem;border-left:4px solid var(--aurora);border-radius:0 .5rem .5rem 0;background:var(--ice);color:#294744;line-height:1.65}
.docs-status{border-left-color:var(--sun);background:#fff8e9}
.docs-content pre{max-width:100%;margin:1rem 0 1.4rem;padding:1rem 1.2rem;border-radius:.7rem;background:#10302f;color:#e3f2f1;font-size:.84rem;line-height:1.55;overflow:auto;white-space:pre}
.docs-content pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.table-scroll{max-width:100%;margin:1rem 0 1.5rem;overflow-x:auto;border:1px solid var(--line);border-radius:.65rem;background:var(--white)}
.table-scroll:focus-visible,.docs-content pre:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.docs-content .dev-table{min-width:640px;margin:0}
.docs-content .dev-table caption{padding:.8rem 1rem;text-align:left;font-weight:750;color:var(--ink)}
.docs-content .dev-table th,.docs-content .dev-table td{padding:.7rem .8rem}
.docs-checklist{padding-left:1.2rem}
@media(max-width:800px){.docs-layout{grid-template-columns:1fr;gap:2rem}.docs-sidebar{position:static}.docs-sidebar ol{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-sidebar a{border-left:0;border-bottom:2px solid transparent;border-radius:.35rem}.docs-sidebar a:hover{border-left:0;border-bottom-color:var(--frost)}}
@media(max-width:520px){.developer-portal{width:min(100% - 1.25rem,1240px);padding-top:1.5rem}.docs-hero h1{font-size:clamp(2.1rem,12vw,3rem)}.docs-sidebar ol,.docs-cards{grid-template-columns:1fr}.docs-content pre{padding:.85rem;font-size:.78rem}}
@media(forced-colors:active){.docs-sidebar,.docs-cards li,.table-scroll,.docs-callout,.docs-status{border-color:CanvasText}}