.skip-link{left:var(--space-8);top:calc(-1 * var(--space-48));z-index:var(--z-skip-link);padding:var(--space-4) var(--space-8);background:var(--color-surface-raised);color:var(--color-text-bright);border:var(--border-width-default) solid var(--color-border-overlay);position:absolute}.skip-link:focus-visible{top:var(--space-8)}.page{grid-template-columns:minmax(0,1fr);gap:0;min-height:100vh;display:grid}.site-header{border-bottom:var(--border-width-default) solid var(--color-border-strong);border-top:var(--border-width-emphasis) solid var(--color-interaction-focus-ring);background:var(--color-surface-chrome);padding:var(--space-16)}.site-header .lede{color:var(--color-text-prose);font-size:var(--font-size-reading);line-height:var(--font-line-height-reading);max-width:72ch;margin:var(--space-8) 0 0}.stamp{gap:var(--space-4) var(--space-12);margin:var(--space-8) 0 0;font-size:var(--font-size-ui-sm);line-height:var(--font-line-height-ui-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.stamp code{color:var(--color-text-default)}.banner{margin:var(--space-12) 0 0;padding:var(--space-8) var(--space-12);border:var(--border-width-default) solid var(--color-status-warning-border);background:var(--color-status-warning-tint);color:var(--color-status-warning-text);max-width:88ch}.banner:before{content:"! ";font-weight:var(--font-weight-bold)}.controls{gap:var(--space-8);margin-top:var(--space-12);flex-wrap:wrap;align-items:end;display:flex}.controls label{gap:var(--space-2);font-size:var(--font-size-ui-sm);color:var(--color-text-muted);display:grid}.controls input[type=search],.controls select{min-height:var(--density-control-height,28px);padding:0 var(--space-8);background:var(--color-surface-input);color:var(--color-text-default);border:var(--border-width-default) solid var(--color-border-control)}.controls input[type=search]:hover,.controls select:hover{background:var(--color-interaction-hover-bg)}.controls input[type=search]:focus-visible,.controls select:focus-visible{border-color:var(--color-border-active)}.controls fieldset{gap:var(--space-8);padding:var(--space-4) var(--space-8);border:var(--border-width-default) solid var(--color-border-divider);flex-wrap:wrap;margin:0;display:flex}.controls legend{font-size:var(--font-size-ui-sm);color:var(--color-text-muted);padding:0 var(--space-4)}.controls fieldset label{gap:var(--space-4);color:var(--color-text-default);align-items:center;display:inline-flex}.btn{align-items:center;gap:var(--space-4);min-height:var(--density-control-height,28px);padding:0 var(--space-12);border:var(--border-width-default) solid var(--color-border-control);background:var(--color-action-secondary-bg);color:var(--color-action-secondary-text);cursor:pointer;display:inline-flex}.btn:hover{background:var(--color-action-secondary-hover-bg)}.btn:active{background:var(--color-action-secondary-pressed-bg);border-color:var(--color-border-active)}.btn-quiet{color:var(--color-action-tertiary-text);border-color:#0000}.btn-quiet:hover{background:var(--color-action-tertiary-hover-bg)}.live-count{font-size:var(--font-size-ui-sm);color:var(--color-text-muted)}.js-only{display:none}html.js .js-only{display:revert}html.js .controls.js-only{display:flex}.layout{grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.layout{grid-template-columns:17rem minmax(0,1fr)}}.toc{border-bottom:var(--border-width-default) solid var(--color-border-divider);background:var(--color-surface-chrome);font-size:var(--font-size-ui-sm);line-height:var(--font-line-height-ui-sm)}@media (width>=900px){.toc{border-bottom:0;border-right:var(--border-width-default) solid var(--color-border-divider);align-self:start;max-height:100vh;position:sticky;top:0;overflow-y:auto}}.toc summary,.toc .toc-title{padding:var(--space-8) var(--space-12);color:var(--color-text-bright);font-weight:var(--font-weight-bold);cursor:pointer;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc summary:before{content:"▸ ";color:var(--color-text-accent)}.toc details[open] summary:before{content:"▾ "}.toc ol{padding:0 0 var(--space-8);margin:0;list-style:none}.toc li{margin:0}.toc a{padding:var(--space-2) var(--space-12);color:var(--color-text-default);border-left:var(--border-width-emphasis) solid transparent;text-decoration:none;display:block}.toc a:hover{color:var(--color-text-link-hover);background:var(--color-interaction-hover-bg-strong)}.toc a[aria-current=true]{border-left-color:var(--color-border-selected-indicator);color:var(--color-text-bright)}.toc .toc-family{padding:var(--space-8) var(--space-12) var(--space-2);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:var(--font-size-caption)}.toc ol ol a{padding-left:var(--space-24)}main{padding:var(--space-16);max-width:var(--layout-app-max);min-width:0}.doc,.family,.component,.specimen,.block{margin:0 0 var(--space-48);scroll-margin-top:var(--space-16)}.doc>h2,.family>h2,.block>h2{padding-bottom:var(--space-8);margin-bottom:var(--space-16);border-bottom:var(--border-width-emphasis) solid var(--color-border-strong)}.family-description{color:var(--color-text-muted);max-width:88ch}.component{padding:var(--space-16);border:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-default)}.component>h3{gap:var(--space-8);flex-wrap:wrap;align-items:baseline;display:flex}.component>h3 code{font-size:var(--font-size-ui-sm);color:var(--color-text-muted)}.meta{gap:var(--space-4) var(--space-12);margin:var(--space-4) 0 var(--space-12);font-size:var(--font-size-ui-sm);color:var(--color-text-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.meta code{color:var(--color-text-default)}.tag{padding:0 var(--space-4);border:var(--border-width-default) solid var(--color-border-strong);color:var(--color-text-bright);font-size:var(--font-size-caption);line-height:var(--font-line-height-caption);display:inline-block}.tag-proposed{border-color:var(--color-status-warning-border);color:var(--color-status-warning-text)}.tag-proposed:before{content:"! "}.tag-heritage{border-color:var(--color-border-control);color:var(--color-text-muted)}.tag-deprecated{border-color:var(--color-status-danger-border);color:var(--color-status-danger-text);text-decoration:line-through}.swatch{vertical-align:-.3em;width:1.25em;height:1.25em;margin-right:var(--space-4);border:var(--border-width-default) solid var(--color-border-control);display:inline-block}.swatch-row{gap:var(--space-8);border:var(--border-width-default) solid var(--color-border-divider);margin-bottom:var(--space-4);grid-template-columns:4.5rem minmax(0,1fr);align-items:stretch;min-height:2.75rem;display:grid}.swatch-row .paint{border-right:var(--border-width-default) solid var(--color-border-divider)}.swatch-row .label{padding:var(--space-4) var(--space-4) var(--space-4) 0;font-size:var(--font-size-ui-sm);line-height:var(--font-line-height-ui-sm)}.swatch-row .label code{display:block}.swatch-row .label .value{color:var(--color-text-muted)}.swatch-grid{gap:var(--space-4) var(--space-12);grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr));display:grid}.doc.prose{max-width:none}.doc.prose>:is(p,ul,ol,blockquote){max-width:var(--layout-content-max)}.spec-table{min-width:32rem;font-size:var(--font-size-ui-sm);line-height:var(--font-line-height-ui-sm)}.spec-table>:is(thead,tbody)>tr>:is(th,td){min-width:7ch;padding:var(--space-4) var(--space-8);overflow-wrap:normal;word-break:normal}.spec-table code{font-size:inherit;overflow-wrap:anywhere}.profile-token-table{table-layout:fixed;min-width:68rem}.profile-token-table .token-path-column{width:28%}.profile-token-table .token-profile-column{width:16%}.profile-token-table .token-use-column{width:24%}.profile-token-table th{white-space:nowrap}.profile-token-table .eligibility{margin-top:var(--space-4)}.token-table td:first-child{white-space:normal}.token-table:not(.profile-token-table){min-width:60rem}.token-table:not(.profile-token-table) td:last-child{min-width:24ch}.contrast-table{min-width:88rem}.contrast-table td:first-child,.contrast-table td:last-child{min-width:24ch}.contrast-table td:nth-child(4),.contrast-table td:nth-child(5){min-width:26ch}.contrast-table td:nth-child(6),.contrast-table td:nth-child(7){white-space:nowrap;font-variant-numeric:tabular-nums}[data-token]{cursor:help;text-underline-offset:3px;text-decoration:underline dotted}.copy-target{gap:var(--space-4);flex-wrap:wrap;align-items:center;max-width:100%;display:inline-flex}.copy-button{white-space:nowrap;padding:0 var(--space-4);min-height:var(--density-compact-control-height);border:var(--border-width-default) solid var(--color-border-divider);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-caption);background:0 0;flex:none}.copy-button:hover{color:var(--color-text-bright);background:var(--color-interaction-hover-bg)}.copy-button[data-copied=true]{color:var(--color-status-success-text);border-color:var(--color-status-success-border)}.matrix{border-collapse:separate;border-spacing:0;width:auto;min-width:100%}.matrix>thead>tr>th{background:var(--color-surface-raised);z-index:var(--z-raised);position:sticky;top:0}.matrix>tbody>tr>td{vertical-align:middle;min-width:12rem;padding:var(--space-8);background:var(--color-surface-canvas)}.matrix>tbody>tr:hover{background:0 0}.matrix>tbody>tr>th[scope=row]{white-space:nowrap;font-weight:var(--font-weight-regular);color:var(--color-text-default);background:var(--color-surface-default);position:static}.demo{min-width:0}.matrix-disabled{border:0;min-width:0;margin:0;padding:0}.inspector{z-index:var(--z-popover);max-width:24rem;padding:var(--space-8) var(--space-12);border:var(--border-width-default) solid var(--color-border-overlay);background:var(--color-surface-raised);color:var(--color-text-default);font-size:var(--font-size-ui-sm);line-height:var(--font-line-height-ui-sm);position:fixed}.inspector[hidden]{display:none}.inspector dl{gap:var(--space-2) var(--space-8);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.inspector dt{color:var(--color-text-muted)}.inspector dd{overflow-wrap:anywhere;margin:0}.site-footer{border-top:var(--border-width-default) solid var(--color-border-divider);padding:var(--space-16);font-size:var(--font-size-ui-sm);line-height:var(--font-line-height-ui-sm);color:var(--color-text-muted)}.export-links{gap:var(--space-4) var(--space-16);grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr));padding:0;list-style:none;display:grid}.export-links li{padding:var(--space-4) 0;border-bottom:var(--border-width-default) solid var(--color-border-divider)}.ledger td:nth-child(n+4),.ledger th:nth-child(n+4){text-align:center}.status-pass{color:var(--color-status-success-text)}.status-fail{color:var(--color-status-danger-text);font-weight:var(--font-weight-bold)}.status-waived{color:var(--color-status-warning-text)}.status-pass:before{content:"✓ "}.status-fail:before{content:"✕ "}.status-waived:before{content:"! "}[hidden]{display:none}.eligibility{gap:var(--space-2) var(--space-4);font-size:var(--font-size-caption);line-height:var(--font-line-height-caption);flex-wrap:wrap;display:flex}.eligibility>*{white-space:nowrap}.inspector{max-height:60vh;overflow:auto}