/* Extended documentation adopts existing V3 fonts, palette, buttons, and page layout. */
.ds-root{padding-top:28px;padding-bottom:72px}.ds-crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.8rem;color:#0A1E44;margin-bottom:26px}
.ds-crumb a{text-decoration:underline;text-underline-offset:3px}.ds-shell{display:grid;grid-template-columns:minmax(218px,267px) minmax(0,1fr);gap:clamp(25px,4vw,65px)}
.ds-aside{min-width:0}.ds-aside details{position:sticky;top:94px;max-height:calc(100vh - 112px);overflow:auto;background:#F4F0E8;border:1px solid #E3E7ED;border-radius:18px;padding:16px}
.ds-aside summary{font-size:.94rem;font-weight:600;color:#0A1E44;cursor:pointer;min-height:36px}
.ds-aside label{display:block;font-size:.77rem;color:#0A1E44;margin:12px 0 6px}.ds-aside input{width:100%;background:white;color:#222222;border:1px solid #0A1E44;border-radius:10px;padding:11px 13px;min-height:44px}
.ds-nav-group{margin:20px 0}.ds-nav-group h3{font-size:.68rem;font-family:"IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:#0A1E44;margin-bottom:8px}
.ds-nav-group a{display:block;font-size:.82rem;line-height:1.4;padding:7px 11px;border:1px solid transparent;border-radius:8px;color:#222222}
.ds-nav-group a:hover{background:#FFFFFF;border-color:#E3E7ED}.ds-nav-group a[aria-current=page]{background:#0A1E44;color:#FFFFFF}
#ds-results:empty{display:none}#ds-results{background:white;border:1px solid #E3E7ED;margin:8px 0;padding:5px;border-radius:10px;max-height:300px;overflow:auto}
#ds-results a{display:block;padding:10px;color:#0A1E44;font-size:.82rem;border-radius:8px}#ds-results a:hover{background:#F4F0E8}#ds-results small{display:block;color:#222222;line-height:1.4}#ds-results p{font-size:.82rem;margin:10px}
.ds-content{min-width:0;max-width:870px}.ds-hero{padding:12px 0 34px;border-bottom:1px solid #E3E7ED}.ds-hero h1{font-size:clamp(2.4rem,4.7vw,4.5rem);font-weight:600;line-height:1.06;letter-spacing:-.055em;color:#0A1E44;overflow-wrap:anywhere;margin:12px 0 22px}.ds-hero .lead{font-size:1.1rem;line-height:1.65;max-width:710px}
.ds-meta{font-family:"IBM Plex Mono",monospace;font-size:.69rem;color:#0A1E44;margin:20px 0 0}.ds-toc{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;margin:30px 0 0;font-size:.81rem}
.ds-toc strong{font-family:"IBM Plex Mono",monospace;color:#0A1E44;font-size:.7rem}.ds-toc a{text-decoration:underline;text-underline-offset:3px;color:#0A1E44}
.ds-section{padding:38px 0;border-bottom:1px solid #E3E7ED;scroll-margin-top:105px}.ds-section h2{font-size:clamp(1.5rem,2.3vw,2.2rem);font-weight:600;letter-spacing:-.035em;color:#0A1E44;margin:0 0 19px}
.ds-section>p{font-size:1.03rem;line-height:1.75}.ds-section li{margin:9px 0}.ds-specimen{margin:22px 0;padding:21px;border:1px solid #E3E7ED;border-radius:16px;background:#FFFFFF;overflow:hidden}
.ds-plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ds-plate{margin:0;display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px solid #E3E7ED;border-radius:10px;padding:20px}
.ds-plate img{width:112px;height:150px;object-fit:contain}.ds-plate figcaption{font-family:"IBM Plex Mono",monospace;font-size:.7rem}.ds-paper{background:#F4F0E8;color:#0A1E44}.ds-dark{background:#0A1E44;color:#FFFFFF;border-color:#0A1E44}
.ds-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:14px}.ds-swatch{min-width:0}.ds-swatch-fill{display:block;height:80px;border:1px solid #E3E7ED;border-radius:8px;margin-bottom:9px}.ds-swatch strong{display:block;font-size:.82rem}
.ds-copy{min-height:44px;display:inline-flex;align-items:center;gap:9px;padding:8px;border:1px solid #E3E7ED;background:#FFFFFF;color:#0A1E44;border-radius:8px;cursor:pointer;font-size:.75rem}.ds-copy code{font-family:"IBM Plex Mono",monospace}.ds-copy .state{font-size:.68rem}
.ds-typography p{margin:17px 0}.ds-type-main{font-family:"Inter Tight",sans-serif;font-size:clamp(1.6rem,3vw,2.4rem)}.ds-type-data{font-family:"IBM Plex Mono",monospace;font-size:.9rem}.ds-type-serif{font-family:"Instrument Serif",serif;font-style:italic;font-size:2.1rem}
.ds-button-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.ds-feature{padding:24px;border-radius:12px;background:#F4F0E8;color:#0A1E44}.ds-feature strong{display:block;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.15}.ds-feature em{font-family:"Instrument Serif",serif}
.ds-grid-example{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ds-grid-example span{text-align:center;padding:24px;border:1px solid #E3E7ED}
.ds-form{display:grid;gap:12px;max-width:440px}.ds-form label{font-weight:600}.ds-form input{min-height:44px;border:1px solid #0A1E44;border-radius:9px;padding:11px}.ds-form .btn{justify-self:start}.ds-form p{font-size:.8rem;margin:0}
.ds-table-scroll{overflow-x:auto}.ds-table-scroll table{border-collapse:collapse;width:100%;min-width:350px}.ds-table-scroll th,.ds-table-scroll td{border:1px solid #E3E7ED;padding:13px;text-align:left}.ds-table-scroll caption{font-size:.78rem;text-align:left}
.ds-asset-list{display:grid;gap:8px}.ds-asset-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #E3E7ED;border-radius:10px;padding:13px;color:#0A1E44;font-size:.81rem}.ds-asset-list a:hover{background:#F4F0E8}
.ds-code{border:1px solid #E3E7ED;border-radius:10px;overflow:hidden;margin:22px 0}.ds-code button{margin:10px}.ds-code pre,.ds-specimen pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.77rem;padding:14px;background:#F4F0E8}
.ds-source{margin-top:35px;display:grid;gap:10px}.ds-source a{color:#0A1E44;text-decoration:underline;overflow-wrap:anywhere}.ds-source p{font-size:.85rem}.ds-root a:focus-visible,.ds-root input:focus-visible,.ds-root button:focus-visible,.ds-root summary:focus-visible{outline:3px solid #F56A1C;outline-offset:3px}
@media(max-width:860px){.ds-shell{display:block}.ds-aside{margin-bottom:18px}.ds-aside details{position:static;max-height:none}.ds-content{max-width:none}.ds-root{padding-top:18px}}
@media(max-width:520px){.ds-plates{grid-template-columns:1fr}.ds-grid-example{grid-template-columns:1fr}.ds-specimen{padding:14px}}
@media(prefers-reduced-motion:reduce){.ds-root *{scroll-behavior:auto!important;animation-duration:0.01ms!important;transition-duration:0.01ms!important}}