:root{--doc-ink:#26333d;--doc-muted:#586772;--doc-border:#dde2e5;--doc-subtle:#f5f6f7;--doc-accent:#c8512a;--doc-reading:820px}html{scroll-behavior:smooth}body.doc-page{min-height:100vh;color:var(--doc-ink);background:#fff;margin:0;font-family:Raleway,Arial,sans-serif;line-height:1.6}.doc-page a{color:#20536c;text-underline-offset:.16em}.doc-page a:hover{color:#15394b}.doc-skip{z-index:2000;background:#fff;padding:.65rem 1rem;position:absolute;top:-4rem;left:1rem}.doc-skip:focus{top:.4rem}.doc-header{border-top:5px solid var(--doc-accent);border-bottom:1px solid var(--doc-border);background:#fff}.doc-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:auto;padding:1.25rem 1.5rem;display:flex}.doc-brand{align-items:center;gap:.8rem;font-size:1.25rem;font-weight:900;text-decoration:none;display:inline-flex;color:var(--doc-ink)!important}.doc-brand__mark{letter-spacing:-.02em;background:var(--doc-accent);color:#fff;justify-content:center;align-items:center;min-width:3.3rem;padding:.6rem;font:900 1rem/1 Arial,sans-serif;display:inline-flex}.doc-topnav{flex-wrap:wrap;gap:1.6rem;display:flex}.doc-topnav a{color:var(--doc-ink);padding:.3rem 0;font-weight:700;text-decoration:none}.doc-topnav a[aria-current=page]{box-shadow:0 3px 0 var(--doc-accent)}.doc-container{grid-template-columns:225px minmax(0,1fr);gap:3rem;max-width:1200px;min-height:65vh;margin:auto;padding:2.3rem 1.5rem 5rem;display:grid}.doc-sidebar{border-right:1px solid var(--doc-border);padding-right:1.4rem}.doc-sidebar nav{flex-direction:column;gap:.2rem;display:flex;position:sticky;top:1rem}.doc-sidebar__label{text-transform:uppercase;color:var(--doc-muted);letter-spacing:.06em;margin:1.7rem 0 .25rem;font:700 .75rem/1.4 Raleway,Arial,sans-serif}.doc-sidebar__label:first-child{margin-top:0}.doc-sidebar a{color:var(--doc-ink);border-left:3px solid #0000;padding:.45rem .6rem;font-size:.95rem;text-decoration:none}.doc-sidebar a:hover,.doc-sidebar a[aria-current=page]{background:var(--doc-subtle)}.doc-sidebar a[aria-current=page]{border-left-color:var(--doc-accent);font-weight:700}.doc-main{width:100%;max-width:var(--doc-reading);min-width:0}.doc-breadcrumb{color:var(--doc-muted);margin-bottom:.7rem;font-size:.85rem}.doc-breadcrumb span{padding:0 .45rem}.doc-heading{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.doc-main h1{margin:.1rem 0 1rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:900;line-height:1.15}.doc-main h2{margin:3rem 0 .8rem;font-size:1.55rem;font-weight:900}.doc-main h3{margin:2rem 0 .65rem;font-size:1.15rem;font-weight:700}.doc-main p,.doc-main li{max-width:74ch}.doc-lead{color:#3e505d;margin-bottom:2.5rem;font-size:1.12rem}.doc-status{border:1px solid var(--doc-border);color:var(--doc-muted);border-radius:.25rem;padding:.2rem .65rem;font:700 .8rem/1.5 Raleway,Arial,sans-serif}.doc-note{border-left:3px solid var(--doc-accent);background:#f8f5f2;margin:1.7rem 0;padding:.95rem 1.2rem}.doc-example{border:1px solid var(--doc-border);margin:1.2rem 0 2rem}.doc-example__title{border-bottom:1px solid var(--doc-border);padding:.7rem 1.1rem;font-weight:700}.doc-example__preview{flex-wrap:wrap;align-items:center;gap:1rem;min-height:6rem;padding:1.6rem;display:flex}.doc-example__code-label{background:var(--doc-subtle);color:var(--doc-muted);border-top:1px solid var(--doc-border);padding:.55rem 1.1rem;font-size:.8rem;font-weight:700}.doc-example__code{color:#1c2935;white-space:pre;background:#f9fafb;margin:0;padding:1.15rem;font:.9rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.doc-table-wrap{margin:1.2rem 0 2rem;overflow-x:auto}.doc-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.doc-table th,.doc-table td{border-bottom:1px solid var(--doc-border);text-align:left;padding:.65rem .85rem}.doc-table thead th{background:var(--doc-subtle);font-size:.85rem}.doc-specimen{border-bottom:1px solid var(--doc-border);padding:1.5rem 0}.doc-specimen__meta{color:var(--doc-muted);margin-bottom:.65rem;font-size:.85rem}.doc-specimen__text{overflow-wrap:anywhere;max-width:100%;font-family:Raleway,Arial,sans-serif;font-weight:900}.doc-link-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.doc-link-card{border:1px solid var(--doc-border);padding:1.4rem;color:var(--doc-ink)!important;text-decoration:none!important}.doc-link-card:hover{border-color:var(--doc-accent)}.doc-link-card strong{margin-bottom:.3rem;font-size:1.1rem;display:block}.doc-footer{border-top:1px solid var(--doc-border)}.doc-footer__inner{max-width:1200px;color:var(--doc-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:auto;padding:1.5rem;font-size:.8rem;display:flex}@media (width<=800px){.doc-container{grid-template-columns:1fr;gap:1.6rem;padding-top:1.4rem}.doc-sidebar{border-right:0;border-bottom:1px solid var(--doc-border);padding:0 0 1rem}.doc-sidebar nav{flex-flow:wrap;align-items:baseline;gap:.25rem .65rem;position:static}.doc-sidebar__label{flex-basis:100%;margin:.65rem 0 0}}@media (width<=480px){.doc-header__inner{gap:.85rem;padding:1rem}.doc-topnav{gap:1rem}.doc-container{padding-left:1rem;padding-right:1rem}}.doc-type-context-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;margin:1.1rem 0 2rem;display:grid}.doc-type-context{border:1px solid var(--doc-border);background:#fff;min-width:0;padding:1.2rem}.doc-type-context__label{color:var(--doc-muted);margin-bottom:1.4rem;font-size:.85rem;font-weight:700}.doc-type-context__heading{margin-bottom:1rem}.doc-type-context__section{margin:1.2rem 0 .6rem}.doc-type-context p{margin-bottom:0}.tokens-layer-model{counter-reset:layer;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1.25rem 0 1.5rem;padding:0;list-style:none;display:grid}.tokens-layer-model li{border:1px solid var(--doc-border);counter-increment:layer;min-width:0;padding:1rem;position:relative}.tokens-layer-model li:before{content:counter(layer);background:var(--doc-subtle);border-radius:50%;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;margin:0 0 .6rem;font-weight:700;display:inline-flex}.tokens-layer-model strong,.tokens-layer-model span{display:block}.tokens-layer-model code{overflow-wrap:anywhere;margin:.5rem 0;font-size:.75rem;display:block}.tokens-layer-model span{color:var(--doc-muted);font-size:.86rem}.tokens-family{margin-top:1.65rem}.tokens-family h3{margin:1.5rem 0 .85rem}.tokens-swatch-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,107px),1fr));gap:.7rem;display:grid}.tokens-swatch{min-width:0}.tokens-swatch__colour{border:1px solid #28323c2b;height:68px}.tokens-swatch strong,.tokens-swatch code{overflow-wrap:anywhere;margin-top:.25rem;font-size:.83rem;display:block}.tokens-swatch code{color:var(--doc-muted);margin-top:0}.tokens-caption{color:var(--doc-muted);margin-top:1.2rem;font-size:.88rem}.tokens-semantic-group{margin-top:1.5rem}.tokens-semantic-group h3{margin:1.5rem 0 .6rem}.tokens-reference-table{font-size:.88rem}.tokens-reference-table th,.tokens-reference-table td{vertical-align:middle}.tokens-reference-table tbody th{font-weight:700}.tokens-reference-table code{font-size:.82rem}.tokens-inline-swatch{vertical-align:middle;border:1px solid #28323c33;flex:none;width:1.2rem;height:1.2rem;margin-right:.45rem;display:inline-block}.tokens-wrap-code{overflow-wrap:anywhere;word-break:break-word}.tokens-chain-list{gap:1rem;margin:1.2rem 0 2rem;display:grid}.tokens-chain-stage{border:1px solid var(--doc-border);padding:1rem 1.1rem}.tokens-chain-stage h3{margin:0 0 .8rem;font-size:1rem}.tokens-chain{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.tokens-chain>div{background:var(--doc-subtle);min-width:0;padding:.85rem}.tokens-chain>div>span,.tokens-chain>div>strong{display:block}.tokens-chain>div>span{color:var(--doc-muted);margin-bottom:.4rem;font-size:.75rem;font-weight:700}.tokens-chain>div>strong{font-size:.87rem}.tokens-chain code{overflow-wrap:anywhere;font-size:.73rem}.tokens-chain-value{align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.tokens-chain-value i{border:1px solid #28323c2b;flex:none;width:1.4rem;height:1.4rem;display:block}.tokens-code-example{max-width:100%;margin:1rem 0 1.5rem}@media (width<=650px){.tokens-layer-model,.tokens-chain{grid-template-columns:minmax(0,1fr)}.tokens-swatch__colour{height:60px}.tokens-reference-table{font-size:.81rem}.tokens-reference-table th,.tokens-reference-table td{padding:.5rem}}
