.section-stack{gap:1rem;display:grid}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand-primary:#6b33b8;--brand-secondary:#2ea37a;--brand-canvas:#fafaff;--brand-surface:#fff;--brand-text:#0d0f1a;--brand-text-muted:#595e70;--brand-border:#d1d2e0;--brand-body-font:Inter, system-ui, sans-serif;--brand-heading-font:Inter, system-ui, sans-serif;--page-gutter:clamp(1rem, 4vw, 4rem);--content-width:78rem;--radius-small:.65rem;--radius-medium:1rem;--radius-large:1.5rem;--shadow-soft:0 1.25rem 3rem #1412281a;--transition-standard:.18s ease;background:var(--brand-canvas);color:var(--brand-text);font-family:var(--brand-body-font);scroll-behavior:smooth}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--brand-canvas:#111019;--brand-surface:#1b1926;--brand-text:#f5f2ff;--brand-text-muted:#c1bbd2;--brand-border:#3d374f;--shadow-soft:0 1.25rem 3rem #00000047}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand-canvas:#111019;--brand-surface:#1b1926;--brand-text:#f5f2ff;--brand-text-muted:#c1bbd2;--brand-border:#3d374f;--shadow-soft:0 1.25rem 3rem #00000047}}*,:before,:after{box-sizing:border-box}html{background:var(--brand-canvas)}body{background:radial-gradient(circle at 15% -10%, color-mix(in srgb, var(--brand-primary) 20%, transparent), transparent 34rem), radial-gradient(circle at 95% 12%, color-mix(in srgb, var(--brand-secondary) 16%, transparent), transparent 30rem), var(--brand-canvas);min-width:20rem;color:var(--brand-text);font-family:var(--brand-body-font);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.65}button,a{font:inherit}.studio{gap:1rem;display:grid}.studio textarea,.studio__result{border:1px solid var(--brand-border);border-radius:var(--radius-small);background:var(--brand-canvas);inline-size:100%;color:var(--brand-text);padding:1rem;font:.9rem/1.5 ui-monospace,monospace}.studio__actions{flex-wrap:wrap;gap:.75rem;display:flex}.studio__approval{align-items:flex-start;gap:.65rem;display:flex}.studio__comparison{gap:1rem;display:grid}.studio__comparison>h3,.studio__candidate>h4,.studio__surfaces h5{margin:0}.studio__candidate{border:1px solid var(--brand-border);border-radius:var(--radius-small);gap:.75rem;padding:1rem;display:grid}.studio__candidate>p{margin:0}.studio__surfaces{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.studio__surfaces section{gap:.5rem;display:grid}.studio__surfaces img{border:1px solid var(--brand-border);border-radius:var(--radius-small);object-fit:contain;min-block-size:8rem;max-block-size:16rem;inline-size:100%}.handbook-grid,.capability-list,.handbook-principles{gap:1rem;display:grid}.handbook-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.handbook-card,.handbook-principles,.capability-row{gap:.75rem;display:grid}.handbook-principles section{border-block-start:1px solid var(--brand-border);padding-block-start:.75rem}.capability-row{border-block-start:1px solid var(--brand-border);grid-template-columns:minmax(0,1fr) auto;align-items:start;padding-block:1rem}.capability-row:first-child{border-block-start:0;padding-block-start:0}a{color:inherit;text-underline-offset:.2em}img{max-width:100%;display:block}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}code{overflow-wrap:anywhere}h1,h2,h3{font-family:var(--brand-heading-font);text-wrap:balance;margin-block:0;line-height:1.15}h1{letter-spacing:-.055em;max-width:15ch;font-size:clamp(2.5rem,8vw,6.5rem)}h2{letter-spacing:-.035em;font-size:clamp(1.8rem,4vw,3rem)}h3{letter-spacing:-.015em;font-size:1.12rem}p{margin-block:0}:focus-visible{outline:.2rem solid var(--brand-secondary);outline-offset:.25rem}.skip-link{z-index:100;border-radius:var(--radius-small);background:var(--brand-text);color:var(--brand-canvas);transition:transform var(--transition-standard);padding:.75rem 1rem;font-weight:700;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.brand-kit-shell{min-height:100vh}.hero{max-width:var(--content-width);padding:clamp(5rem, 10vw, 9rem) var(--page-gutter) clamp(3rem, 7vw, 6rem);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(2rem,6vw,6rem);margin-inline:auto;display:grid}.hero__content{gap:1.25rem;display:grid}.hero__tagline{max-width:42rem;color:var(--brand-text-muted);text-wrap:pretty;font-size:clamp(1.1rem,2.4vw,1.55rem)}.hero__meta,.hero__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hero__actions{justify-content:flex-end}.eyebrow{color:var(--brand-primary);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;font-weight:800}.status-pill,.authority-badge,.declaration-status{border:1px solid color-mix(in srgb, var(--brand-primary) 35%, var(--brand-border));background:color-mix(in srgb, var(--brand-primary) 8%, var(--brand-surface));width:fit-content;min-height:1.8rem;color:var(--brand-text);letter-spacing:.035em;text-transform:capitalize;border-radius:999px;align-items:center;padding-inline:.7rem;font-size:.78rem;font-weight:750;display:inline-flex}.status-pill--quiet{border-color:var(--brand-border);color:var(--brand-text-muted);background:0 0}.button,.copy-control{border:1px solid var(--brand-primary);background:var(--brand-primary);color:#fff;cursor:pointer;min-height:2.75rem;transition:transform var(--transition-standard), box-shadow var(--transition-standard), background-color var(--transition-standard);border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:750;text-decoration:none;display:inline-flex}.button:hover,.copy-control:hover{box-shadow:0 .65rem 1.6rem color-mix(in srgb, var(--brand-primary) 24%, transparent);transform:translateY(-.1rem)}.button--secondary,.copy-control{border-color:var(--brand-border);background:var(--brand-surface);color:var(--brand-text)}.layout{max-width:var(--content-width);padding-inline:var(--page-gutter);grid-template-columns:minmax(12rem,17rem) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);margin-inline:auto;display:grid}.section-navigation{align-self:start;padding-block:1rem;position:sticky;inset-block-start:1.5rem}.section-navigation ol{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.section-navigation a{border-radius:var(--radius-small);color:var(--brand-text-muted);transition:color var(--transition-standard), background-color var(--transition-standard);padding:.58rem .75rem;font-size:.88rem;font-weight:650;text-decoration:none;display:block}.section-navigation a:hover,.section-navigation a:focus-visible{background:color-mix(in srgb, var(--brand-primary) 8%, transparent);color:var(--brand-text)}main{min-width:0}.content-section{border-block-start:1px solid var(--brand-border);gap:clamp(1.5rem,3vw,2.5rem);padding-block:clamp(3.5rem,7vw,7rem);scroll-margin-block-start:2rem;display:grid}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;display:flex}.authority-badge{border-color:var(--brand-border);background:var(--brand-surface);color:var(--brand-text-muted)}.authority-badge--canonical{border-color:color-mix(in srgb, var(--brand-secondary) 55%, var(--brand-border));background:color-mix(in srgb, var(--brand-secondary) 10%, var(--brand-surface));color:var(--brand-text)}.overview-grid,.guidance-grid,.support-grid,.provenance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.panel,.empty-state,.download-row{border:1px solid var(--brand-border);border-radius:var(--radius-medium);background:color-mix(in srgb, var(--brand-surface) 94%, transparent);min-width:0;box-shadow:0 .6rem 1.8rem #1412280a}.panel{gap:1rem;padding:clamp(1.25rem,2.5vw,2rem);display:grid}.panel--feature{background:linear-gradient(145deg, color-mix(in srgb, var(--brand-primary) 12%, var(--brand-surface)), var(--brand-surface))}.definition-list{border-block-start:1px solid var(--brand-border);grid-template-columns:minmax(7rem,.55fr) minmax(0,1fr);gap:.55rem 1rem;margin:0;padding-block-start:.6rem;font-size:.88rem;display:grid}.definition-list dt{color:var(--brand-text-muted);font-weight:650}.definition-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.asset-grid,.color-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;display:grid}.asset-card{align-content:start}.asset-preview{border:1px solid var(--brand-border);border-radius:var(--radius-small);background:linear-gradient(45deg, #7f7f7f14 25%, transparent 25%) 0 0 / 1.25rem 1.25rem, linear-gradient(-45deg, #7f7f7f14 25%, transparent 25%) 0 0 / 1.25rem 1.25rem, linear-gradient(45deg, transparent 75%, #7f7f7f14 75%) 0 0 / 1.25rem 1.25rem, linear-gradient(-45deg, transparent 75%, #7f7f7f14 75%) 0 0 / 1.25rem 1.25rem, var(--brand-surface);place-items:center;min-height:13rem;padding:2rem;display:grid}.asset-preview img{aspect-ratio:1;object-fit:contain;width:min(10rem,70%)}.color-card{grid-template-columns:4.5rem minmax(0,1fr);align-items:center}.color-card h3,.color-card .support-note{grid-column:2}.color-card .copy-control{grid-column:1/-1;justify-self:start}.color-swatch{aspect-ratio:1;border:1px solid var(--brand-border);width:4.5rem;box-shadow:inset 0 0 0 .35rem color-mix(in srgb, var(--brand-surface) 90%, transparent);border-radius:50%;grid-row:1/span 3}.token-value{color:var(--brand-text-muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86rem}.typography-stack{gap:1rem;display:grid}.typography-sample{grid-template-columns:minmax(0,1fr) auto;align-items:end}.typography-sample .eyebrow,.typography-sample .type-preview{grid-column:1/-1}.type-preview{letter-spacing:-.035em;font-size:clamp(1.4rem,4vw,3.25rem);line-height:1.2}.guidance-list{gap:.65rem;margin:0;padding-inline-start:1.3rem;display:grid}.structured-value{border-radius:var(--radius-small);background:color-mix(in srgb, var(--brand-canvas) 75%, var(--brand-surface));max-width:100%;margin:0;padding:1rem;font-size:.8rem;overflow:auto}.declaration-status{text-transform:none}.declaration-status--declared{border-color:color-mix(in srgb, var(--brand-secondary) 55%, var(--brand-border));background:color-mix(in srgb, var(--brand-secondary) 10%, var(--brand-surface))}.declaration-status--not-declared,.declaration-status--unsupported{border-color:var(--brand-border);color:var(--brand-text-muted);background:0 0}.support-note{color:var(--brand-text-muted);font-size:.84rem}.download-list{gap:.75rem;display:grid}.download-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.25rem;display:grid}.download-row>div{gap:.35rem;display:grid}.empty-state{border-style:dashed;padding:2rem}.empty-state h3{margin-block-end:.5rem}.empty-state p{max-width:52rem;color:var(--brand-text-muted)}.text-link{width:fit-content;color:var(--brand-primary);font-weight:750}.footer{max-width:var(--content-width);padding:3rem var(--page-gutter) 5rem;border-block-start:1px solid var(--brand-border);color:var(--brand-text-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-inline:auto;font-size:.88rem;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=56rem){.hero{grid-template-columns:1fr;align-items:start}.hero__actions{justify-content:flex-start}.layout{grid-template-columns:1fr}.section-navigation{padding-block:0 1rem;position:relative;inset-block-start:auto;overflow-x:auto}.section-navigation ol{width:max-content;max-width:none;display:flex}.section-navigation a{white-space:nowrap}.content-section:first-child{border-block-start:0}}@media (width<=40rem){.overview-grid,.guidance-grid,.support-grid,.provenance-grid,.download-row,.typography-sample{grid-template-columns:1fr}.download-row .button,.typography-sample .copy-control{justify-self:start}.definition-list{grid-template-columns:1fr;gap:.15rem}.definition-list dd+dt{margin-block-start:.65rem}.color-card{grid-template-columns:3.5rem minmax(0,1fr)}.color-swatch{width:3.5rem}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto;--transition-standard:0s linear}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.button:hover,.copy-control:hover{transform:none}}@media print{:root{--brand-canvas:#fff;--brand-surface:#fff;--brand-text:#000;--brand-text-muted:#333;--brand-border:#bbb}body{background:#fff}.section-navigation,.hero__actions,.copy-control,.skip-link{display:none}.layout{display:block}.content-section{break-inside:avoid}.panel,.download-row{box-shadow:none}}