.skip:where(.astro-cchbrayn){background:var(--ink);color:var(--surface);z-index:var(--z-tooltip);border-radius:var(--r-sm);padding:10px 16px;position:absolute;top:0;left:-9999px}.skip:where(.astro-cchbrayn):focus{top:12px;left:12px}main:where(.astro-cchbrayn){max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,56px)}.section:where(.astro-cchbrayn){border-top:1.5px solid var(--ink);padding-block:clamp(56px,8vw,104px)}.section-head:where(.astro-cchbrayn){max-width:62ch;margin-bottom:var(--s-2xl)}.sec-n:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.12em;color:var(--orange-deep);margin-bottom:var(--s-sm);font-size:.75rem;display:inline-block}.sec-note:where(.astro-cchbrayn){color:var(--muted);margin:var(--s-sm) 0 0;max-width:60ch}.t-display:where(.astro-cchbrayn){font-family:var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(2.75rem,1.8rem + 4.5vw,5rem);font-weight:800;line-height:.98}.t-headline:where(.astro-cchbrayn){font-family:var(--font-display);font-variation-settings:"wdth" 110;letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);font-weight:700;line-height:1.05}.t-title:where(.astro-cchbrayn){font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:600;line-height:1.2}.t-body:where(.astro-cchbrayn){font-family:var(--font-body);text-wrap:pretty;font-size:1.0625rem;font-weight:400;line-height:1.6}.t-label:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:500}.t-code:where(.astro-cchbrayn){font-family:var(--font-mono);font-size:.875rem;font-weight:400;line-height:1.5}.guidebar:where(.astro-cchbrayn){z-index:var(--z-sticky);background:color-mix(in srgb, var(--paper) 86%, transparent);backdrop-filter:blur(8px);border-bottom:1.5px solid var(--ink);position:sticky;top:0}.guidebar-inner:where(.astro-cchbrayn){justify-content:space-between;align-items:center;gap:var(--s-lg);max-width:1180px;margin:0 auto;padding:12px clamp(20px,5vw,56px);display:flex}.mark:where(.astro-cchbrayn){align-items:baseline;gap:10px;display:flex}.mark-name:where(.astro-cchbrayn){font-family:var(--font-display);font-variation-settings:"wdth" 120;letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.mark-sub:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.16em;color:var(--muted);font-size:.625rem}.toc:where(.astro-cchbrayn){flex-wrap:wrap;gap:clamp(8px,1.6vw,22px);display:flex}.toc:where(.astro-cchbrayn) a:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);transition:color var(--dur-fast) var(--ease-quart);align-items:baseline;gap:6px;font-size:.72rem;text-decoration:none;display:inline-flex}.toc:where(.astro-cchbrayn) a:where(.astro-cchbrayn):hover{color:var(--ink)}.toc-n:where(.astro-cchbrayn){color:var(--orange-deep)}.intro:where(.astro-cchbrayn){padding-block:clamp(48px,9vw,120px) clamp(40px,6vw,80px)}.kicker:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.16em;color:var(--orange-deep);margin:0 0 var(--s-lg);font-size:.75rem}.lede:where(.astro-cchbrayn){max-width:60ch;color:var(--muted);margin:var(--s-xl) 0 0;font-size:1.18rem}.stage:where(.astro-cchbrayn){margin:0 0 var(--s-2xl)}.stage-cap:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);margin-bottom:var(--s-sm);font-size:.6875rem;display:inline-block}.demo-masthead:where(.astro-cchbrayn){border:1.5px solid var(--ink);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.topnav:where(.astro-cchbrayn){align-items:center;gap:var(--s-lg);padding:var(--s-md) var(--s-lg);border-bottom:1.5px solid var(--line-faint);display:flex}.topnav-mark:where(.astro-cchbrayn){font-family:var(--font-display);font-variation-settings:"wdth" 120;letter-spacing:-.01em;font-size:1.1rem;font-weight:800}.topnav-links:where(.astro-cchbrayn){gap:var(--s-lg);margin-left:auto;display:flex}.topnav-cta:where(.astro-cchbrayn){margin-left:var(--s-md)}.hero:where(.astro-cchbrayn){grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,4vw,56px);display:grid}.hero-h:where(.astro-cchbrayn){margin-bottom:var(--s-lg)}.hero-sub:where(.astro-cchbrayn){color:var(--muted);max-width:42ch;font-size:1.12rem}.hero-cta:where(.astro-cchbrayn){gap:var(--s-sm);margin-top:var(--s-xl);flex-wrap:wrap;display:flex}.metric-row:where(.astro-cchbrayn){gap:var(--s-sm);margin:var(--s-xl) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.plate:where(.astro-cchbrayn){background:var(--plate);border:1.5px solid var(--ink);border-radius:var(--r-md);position:relative;overflow:hidden}.plate-hero:where(.astro-cchbrayn){padding:clamp(8px,2vw,20px)}.plate-feature:where(.astro-cchbrayn){aspect-ratio:4/3;place-items:center;display:grid}.plate-feature:where(.astro-cchbrayn) .brand-illus:where(.astro-cchbrayn){object-fit:cover;height:100%}.plate-engine:where(.astro-cchbrayn){padding:14px}.fig-cap:where(.astro-cchbrayn),.fig-tag:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);font-size:.625rem}.fig-cap:where(.astro-cchbrayn){margin-top:var(--s-sm);display:block}.fig-tag:where(.astro-cchbrayn){background:var(--surface);border:1px solid var(--line-faint);border-radius:var(--r-xs);color:var(--ink);padding:2px 6px;position:absolute;top:8px;left:8px}.hero-figure:where(.astro-cchbrayn){margin:0}.feature-row:where(.astro-cchbrayn){gap:var(--s-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.feat-label:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.1em;color:var(--orange-deep);margin:var(--s-md) 0 var(--s-2xs);font-size:.6875rem}.feat-title:where(.astro-cchbrayn){margin-bottom:var(--s-xs)}.feat-body:where(.astro-cchbrayn){color:var(--muted);margin:0;font-size:1rem}.cap-strip:where(.astro-cchbrayn){border:1.5px solid var(--ink);border-radius:var(--r-md);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.cap:where(.astro-cchbrayn){align-items:center;gap:var(--s-md);padding:var(--s-lg);border-right:1px solid var(--line-faint);display:flex}.cap:where(.astro-cchbrayn):last-child{border-right:none}.cap-ico:where(.astro-cchbrayn){flex:none;place-items:center;width:48px;height:48px;display:grid}.cap-text:where(.astro-cchbrayn){flex-direction:column;display:flex}.cap-label:where(.astro-cchbrayn){font-size:1.05rem}.cap-note:where(.astro-cchbrayn){color:var(--muted);font-size:.9rem}.engine-pick:where(.astro-cchbrayn){border:1.5px solid var(--ink);border-radius:var(--r-md);background:var(--surface);padding:clamp(18px,3vw,32px)}.tablist:where(.astro-cchbrayn){gap:var(--s-xs);flex-wrap:wrap;display:inline-flex}.engine-tab:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);background:var(--surface);border:1.5px solid var(--line-faint);border-radius:var(--r-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-quart), border-color var(--dur-fast) var(--ease-quart);padding:10px 18px;font-size:.75rem;font-weight:500;position:relative}button:where(.astro-cchbrayn).engine-tab:not(.is-selected):hover{color:var(--ink);border-color:var(--ink)}.engine-tab:where(.astro-cchbrayn).is-selected{color:var(--surface);background:var(--ink);border-color:var(--ink)}.engine-tab:where(.astro-cchbrayn).is-selected:after{content:"";background:var(--orange);height:3px;position:absolute;bottom:-1.5px;left:10px;right:10px}.engine-panel:where(.astro-cchbrayn){margin-top:var(--s-xl)}.panel-grid:where(.astro-cchbrayn){grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,4vw,48px);display:grid}.panel-blurb:where(.astro-cchbrayn){color:var(--muted);margin:var(--s-sm) 0 var(--s-md);max-width:46ch}.panel-spec:where(.astro-cchbrayn){font-family:var(--font-mono);color:var(--ink);background:var(--paper);border:1px solid var(--line-faint);border-radius:var(--r-xs);margin:0 0 var(--s-lg);padding:6px 10px;font-size:.8rem;display:inline-block}.btn:where(.astro-cchbrayn){font-family:var(--font-display);border-radius:var(--r-sm);border:1.5px solid var(--ink);cursor:pointer;transition:background var(--dur-fast) var(--ease-quart), color var(--dur-fast) var(--ease-quart), transform var(--dur-base) var(--ease-quart);justify-content:center;align-items:center;padding:14px 28px;font-size:.95rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.btn-primary:where(.astro-cchbrayn){background:var(--ink);color:var(--surface)}.btn-primary:where(.astro-cchbrayn):hover{background:var(--orange);color:var(--ink);transform:translateY(-1px)}.btn-primary:where(.astro-cchbrayn):active{transform:translateY(0)}.btn-secondary:where(.astro-cchbrayn){background:var(--surface);color:var(--ink);font-weight:600}.btn-secondary:where(.astro-cchbrayn):hover{background:var(--ink);color:var(--surface)}.btn:where(.astro-cchbrayn)[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}.navlink:where(.astro-cchbrayn){font-family:var(--font-display);color:var(--ink);padding:4px 0;font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.navlink:where(.astro-cchbrayn):after{content:"";background:var(--orange);height:2px;transition:right var(--dur-base) var(--ease-expo);position:absolute;bottom:0;left:0;right:100%}.navlink:where(.astro-cchbrayn):hover:after,.navlink:where(.astro-cchbrayn):focus-visible:after{right:0}.navlink:where(.astro-cchbrayn):focus-visible{outline:none}.field-label:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s-xs);font-size:.7rem;display:block}.input:where(.astro-cchbrayn){font-family:var(--font-body);color:var(--ink);background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--r-sm);width:100%;max-width:280px;transition:border-color var(--dur-fast), box-shadow var(--dur-fast);padding:12px 14px;font-size:1rem}.input:where(.astro-cchbrayn)::placeholder{color:var(--muted)}.input:where(.astro-cchbrayn):focus{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue);outline:none}.metric:where(.astro-cchbrayn){font-family:var(--font-mono);color:var(--ink);background:var(--paper);border:1px solid var(--line-faint);border-radius:var(--r-xs);align-items:baseline;gap:6px;padding:5px 9px;font-size:.8rem;display:inline-flex}.demo-masthead:where(.astro-cchbrayn) .metric:where(.astro-cchbrayn){background:var(--surface)}.metric:where(.astro-cchbrayn) strong:where(.astro-cchbrayn){color:var(--orange-deep);font-weight:600}.card:where(.astro-cchbrayn){background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--r-md);padding:var(--s-xl);max-width:340px;transition:box-shadow var(--dur-base) var(--ease-quart), transform var(--dur-base) var(--ease-quart)}.card:where(.astro-cchbrayn):hover{box-shadow:var(--shadow-print);transform:translateY(-1px)}.card-body:where(.astro-cchbrayn){color:var(--muted);margin:var(--s-xs) 0 0;font-size:1rem}.color-group:where(.astro-cchbrayn){margin-bottom:var(--s-2xl)}.group-label:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-bottom:1.5px solid var(--ink);padding-bottom:var(--s-xs);margin:0 0 var(--s-lg);font-size:.72rem}.swatch-grid:where(.astro-cchbrayn){gap:var(--s-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.swatch:where(.astro-cchbrayn){border:1.5px solid var(--ink);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.chip:where(.astro-cchbrayn){height:80px}.chip-light:where(.astro-cchbrayn){box-shadow:inset 0 0 0 1px var(--line-faint)}.swatch-meta:where(.astro-cchbrayn){padding:var(--s-md);border-top:1.5px solid var(--ink)}.swatch-name:where(.astro-cchbrayn){margin-bottom:4px;display:block}.swatch-vals:where(.astro-cchbrayn){font-family:var(--font-mono);color:var(--ink);font-size:.75rem}.swatch-oklch:where(.astro-cchbrayn){font-family:var(--font-mono);color:var(--muted);margin-top:2px;font-size:.7rem;display:block}.swatch-role:where(.astro-cchbrayn){color:var(--muted);margin:var(--s-sm) 0 var(--s-md);font-size:.9rem;line-height:1.5}.contrast:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--line-faint);border-radius:var(--r-xs);padding:4px 8px;font-size:.7rem;display:inline-block}.contrast-aa:where(.astro-cchbrayn){color:var(--blue-deep);border-color:color-mix(in srgb, var(--blue) 40%, var(--line-faint))}.contrast-decorative:where(.astro-cchbrayn),.contrast-non-text:where(.astro-cchbrayn){color:var(--muted)}.type-scale:where(.astro-cchbrayn){border-top:1px solid var(--line-faint)}.type-row:where(.astro-cchbrayn){gap:var(--s-xl);padding:var(--s-xl) 0;border-bottom:1px solid var(--line-faint);grid-template-columns:240px 1fr;align-items:baseline;display:grid}.type-meta:where(.astro-cchbrayn){position:sticky}.type-role:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink);margin-bottom:6px;font-size:.8rem;display:block}.type-spec:where(.astro-cchbrayn){font-family:var(--font-mono);color:var(--muted);font-size:.68rem;line-height:1.5}.type-sample:where(.astro-cchbrayn){max-width:30ch;margin:0}.type-sample:where(.astro-cchbrayn).t-body{max-width:68ch;color:var(--ink)}.type-sample:where(.astro-cchbrayn).t-code,.type-sample:where(.astro-cchbrayn).t-label{color:var(--ink)}.comp-grid:where(.astro-cchbrayn){gap:var(--s-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.comp-cell:where(.astro-cchbrayn){border:1.5px solid var(--ink);border-radius:var(--r-md);background:var(--surface);padding:var(--s-lg);flex-direction:column;display:flex}.comp-cell:where(.astro-cchbrayn) .stage-cap:where(.astro-cchbrayn){margin-bottom:var(--s-md)}.comp-body:where(.astro-cchbrayn){gap:var(--s-sm);padding:var(--s-md) 0 var(--s-lg);flex-wrap:wrap;flex:1;align-items:center;min-height:96px;display:flex}.comp-buttons:where(.astro-cchbrayn){gap:var(--s-md)}.comp-nav:where(.astro-cchbrayn){gap:var(--s-lg)}.comp-badges:where(.astro-cchbrayn){gap:var(--s-xs)}.comp-note:where(.astro-cchbrayn){color:var(--muted);border-top:1px solid var(--line-faint);padding-top:var(--s-sm);margin:0;font-size:.85rem}.elev-grid:where(.astro-cchbrayn){gap:var(--s-lg);margin-bottom:var(--s-2xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.elev-tile:where(.astro-cchbrayn){gap:var(--s-xs);flex-direction:column;display:flex}.elev-swatch:where(.astro-cchbrayn){background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--r-md);height:120px;margin-bottom:var(--s-xs)}.elev-print:where(.astro-cchbrayn){box-shadow:var(--shadow-print)}.elev-overlay:where(.astro-cchbrayn){box-shadow:var(--shadow-overlay);border-color:var(--line-faint)}.motion-list:where(.astro-cchbrayn){border-top:1px solid var(--line-faint)}.motion-row:where(.astro-cchbrayn){gap:var(--s-lg);padding:var(--s-md) 0;border-bottom:1px solid var(--line-faint);grid-template-columns:200px 1fr auto;align-items:center;display:grid}.motion-row:where(.astro-cchbrayn) code:where(.astro-cchbrayn),.comp-note:where(.astro-cchbrayn) code:where(.astro-cchbrayn){font-family:var(--font-mono);background:var(--paper);border:1px solid var(--line-faint);border-radius:var(--r-xs);color:var(--ink);padding:2px 6px;font-size:.8rem}.rules:where(.astro-cchbrayn){margin:0 0 var(--s-2xl);border-top:1.5px solid var(--ink)}.rule:where(.astro-cchbrayn){padding:var(--s-lg) 0;border-bottom:1px solid var(--line-faint);gap:var(--s-xl);grid-template-columns:280px 1fr;display:grid}.rule:where(.astro-cchbrayn) dt:where(.astro-cchbrayn){flex-direction:column;gap:6px;display:flex}.rule-name:where(.astro-cchbrayn){font-family:var(--font-display);font-size:1.05rem;font-weight:700}.rule-sec:where(.astro-cchbrayn){font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-deep);font-size:.65rem}.rule:where(.astro-cchbrayn) dd:where(.astro-cchbrayn){color:var(--muted);max-width:60ch;margin:0;line-height:1.6}.dodont:where(.astro-cchbrayn){gap:var(--s-xl);grid-template-columns:1fr 1fr;display:grid}.dd-col:where(.astro-cchbrayn){border:1.5px solid var(--ink);border-radius:var(--r-md);padding:var(--s-lg);background:var(--surface)}.dd-head:where(.astro-cchbrayn){font-family:var(--font-display);margin:0 0 var(--s-md);align-items:center;gap:var(--s-xs);font-size:1.1rem;font-weight:700;display:flex}.dd-glyph:where(.astro-cchbrayn){font-family:var(--font-mono);font-size:.85rem}.dd-do:where(.astro-cchbrayn) .dd-glyph:where(.astro-cchbrayn){color:var(--blue-deep)}.dd-dont:where(.astro-cchbrayn) .dd-glyph:where(.astro-cchbrayn){color:var(--orange-deep)}.dd-col:where(.astro-cchbrayn) ul:where(.astro-cchbrayn){margin:0;padding-left:1.1rem}.dd-col:where(.astro-cchbrayn) li:where(.astro-cchbrayn){color:var(--muted);margin-bottom:var(--s-sm);line-height:1.55}.foot:where(.astro-cchbrayn){max-width:1180px;padding:var(--s-xl) clamp(20px, 5vw, 56px) var(--s-3xl);border-top:1.5px solid var(--ink);align-items:baseline;gap:var(--s-md);margin:0 auto;display:flex}.foot-note:where(.astro-cchbrayn){font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;font-size:.7rem}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.reveal:where(.astro-cchbrayn){animation:rise .7s var(--ease-expo) both}.hero-figure:where(.astro-cchbrayn).reveal{animation-delay:80ms}}@media (width<=860px){.hero:where(.astro-cchbrayn),.panel-grid:where(.astro-cchbrayn){grid-template-columns:1fr}.hero-figure:where(.astro-cchbrayn){order:-1}.topnav-links:where(.astro-cchbrayn){display:none}.topnav-cta:where(.astro-cchbrayn){margin-left:auto}.rule:where(.astro-cchbrayn),.type-row:where(.astro-cchbrayn){gap:var(--s-sm);grid-template-columns:1fr}.motion-row:where(.astro-cchbrayn){gap:var(--s-2xs);grid-template-columns:1fr}.dodont:where(.astro-cchbrayn){grid-template-columns:1fr}}@media (width<=600px){.toc:where(.astro-cchbrayn){display:none}.btn:where(.astro-cchbrayn){padding:13px 22px}}