@property --chroma{syntax:"<number>";inherits:true;initial-value:.12}:root{--hue-pelorous:205;--hue-mountbatten:330;--hue-edward:200;--hue-spine:260;--motion-micro:120ms;--motion-state:200ms;--ease:cubic-bezier(0.22,1,0.36,1);--family-sans:var(--font-sans),"DM Sans",ui-sans-serif,sans-serif;--family-display:var(--font-display),"Bricolage Grotesque",ui-serif,sans-serif;--family-mono:var(--font-mono),"IBM Plex Mono",ui-monospace,monospace;--gutter:clamp(1.25rem,4vw,2.25rem);--frame:min(68rem,calc(100% - 2 * var(--gutter)));--measure:66ch;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2.25rem;--space-7:clamp(2.5rem,5vw,4.5rem);--space-8:clamp(3.25rem,8vw,6.5rem);--step--2:clamp(0.6875rem,0.2vw + 0.66rem,0.75rem);--step--1:clamp(0.8125rem,0.35vw + 0.75rem,0.9rem);--step-0:clamp(1rem,0.4vw + 0.92rem,1.0625rem);--step-1:clamp(1.125rem,0.9vw + 0.95rem,1.3125rem);--step-2:clamp(1.3125rem,1.5vw + 1.05rem,1.6875rem);--step-3:clamp(1.5rem,2.3vw + 1.1rem,2.125rem);--step-4:clamp(1.875rem,3.8vw + 1.1rem,2.875rem);--step-5:clamp(2.375rem,6.8vw + 0.9rem,4.5rem);--radius-pill:999px;--radius-box:0.9rem}:root:not([data-theme]),[data-theme=kina]{color-scheme:light;--palette-pelorous-100:oklch(95% 0.035 var(--hue-pelorous));--palette-pelorous-400:oklch(62% 0.11 var(--hue-pelorous));--palette-pelorous-500:oklch(42% 0.14 var(--hue-pelorous));--palette-pelorous-700:oklch(34% 0.11 var(--hue-pelorous));--palette-mountbatten-500:oklch(62% 0.045 var(--hue-mountbatten));--palette-edward-500:oklch(55% 0.014 var(--hue-edward));--palette-graynurse-50:oklch(99% 0.004 var(--hue-spine));--palette-graynurse-200:oklch(95.5% 0.008 var(--hue-spine));--palette-graynurse-400:oklch(88% 0.012 var(--hue-spine));--palette-abbey-500:oklch(38% 0.022 var(--hue-spine));--palette-abbey-700:oklch(23% 0.02 var(--hue-spine));--palette-abbey-900:oklch(14% 0.018 var(--hue-spine));--lab-canvas:oklab(99% 0 -0.004);--lab-ink:oklab(25% 0.002 -0.03);--lab-line:lab(88% -1 -4);--lch-warning:lch(72% 42 85);--color-primary:var(--palette-pelorous-500);--color-primary-soft:var(--palette-pelorous-100);--color-secondary:var(--palette-mountbatten-500);--color-canvas:var(--palette-graynurse-50);--color-elev:var(--lab-canvas);--color-ink:var(--lab-ink);--color-muted:var(--palette-edward-500);--color-line:var(--lab-line);--color-code:color-mix(in oklab,var(--color-ink) 6%,var(--color-canvas));--color-code-muted:color-mix(in oklab,var(--color-muted) 68%,var(--color-ink));--action-primary-bg:var(--color-primary);--action-primary-fg:oklch(99.2% 0.014 95);--chroma:0.12;--color-base-100:var(--palette-graynurse-50);--color-base-200:var(--palette-graynurse-200);--color-base-300:var(--palette-graynurse-400);--color-base-content:var(--palette-abbey-700);--color-primary-content:var(--action-primary-fg);--color-secondary-content:oklch(99% 0.01 var(--hue-mountbatten));--color-accent:var(--palette-edward-500);--color-accent-content:oklch(99% 0.008 var(--hue-edward));--color-neutral:var(--palette-abbey-500);--color-neutral-content:var(--palette-graynurse-50);--color-info:oklch(52% 0.1 230);--color-info-content:oklch(98% 0.02 230);--color-success:oklch(48% 0.12 155);--color-success-content:oklch(98% 0.02 155);--color-warning:var(--lch-warning);--color-warning-content:oklch(22% 0.04 85);--color-error:oklch(52% 0.16 25);--color-error-content:oklch(98% 0.02 25);--radius-selector:var(--radius-pill);--radius-field:var(--radius-pill);--radius-box:0.9rem;--size-selector:0.25rem;--size-field:0.25rem;--border:1px;--depth:0;--noise:0}[data-theme=kina-dark]{color-scheme:dark;--palette-pelorous-100:oklch(28% 0.05 var(--hue-pelorous));--palette-pelorous-400:oklch(76% 0.1 var(--hue-pelorous));--palette-pelorous-500:oklch(76% 0.1 var(--hue-pelorous));--palette-pelorous-700:oklch(86% 0.08 var(--hue-pelorous));--palette-mountbatten-500:oklch(74% 0.05 var(--hue-mountbatten));--palette-edward-500:oklch(72% 0.02 var(--hue-edward));--palette-abbey-900:oklch(14% 0.018 var(--hue-spine));--lab-canvas:oklab(18% 0 -0.012);--lab-ink:oklab(93% 0 -0.01);--lab-line:lab(32% -2 -6);--lch-warning:lch(78% 38 85);--color-primary:var(--palette-pelorous-400);--color-primary-soft:var(--palette-pelorous-100);--color-secondary:var(--palette-mountbatten-500);--color-canvas:var(--palette-abbey-900);--color-elev:oklab(23% 0 -0.014);--color-ink:var(--lab-ink);--color-muted:var(--palette-edward-500);--color-line:var(--lab-line);--color-code:color-mix(in oklab,var(--color-ink) 8%,var(--color-canvas));--color-code-muted:color-mix(in oklab,var(--color-muted) 68%,var(--color-ink));--action-primary-bg:var(--palette-pelorous-400);--action-primary-fg:oklch(18% 0.03 var(--hue-pelorous));--chroma:0.1;--color-base-100:var(--palette-abbey-900);--color-base-200:var(--color-elev);--color-base-300:oklch(30% 0.02 var(--hue-spine));--color-base-content:oklch(93% 0.012 var(--hue-spine));--color-primary-content:var(--action-primary-fg);--color-secondary-content:oklch(18% 0.02 var(--hue-mountbatten));--color-accent:var(--palette-edward-500);--color-accent-content:oklch(16% 0.01 var(--hue-edward));--color-neutral:oklch(80% 0.014 var(--hue-spine));--color-neutral-content:var(--palette-abbey-900);--color-info:oklch(74% 0.08 230);--color-info-content:oklch(18% 0.02 230);--color-success:oklch(74% 0.1 155);--color-success-content:oklch(18% 0.03 155);--color-warning:var(--lch-warning);--color-warning-content:oklch(22% 0.04 85);--color-error:oklch(72% 0.14 25);--color-error-content:oklch(18% 0.04 25)}@supports (color:color(display-p3 0 0.4 0.48)){@media (color-gamut:p3){[data-theme=kina]{--palette-pelorous-500:oklch(42% 0.17 var(--hue-pelorous));--color-primary:var(--palette-pelorous-500);--action-primary-bg:var(--palette-pelorous-500)}[data-theme=kina-dark]{--palette-pelorous-400:oklch(76% 0.13 var(--hue-pelorous));--color-primary:var(--palette-pelorous-400);--action-primary-bg:var(--palette-pelorous-400)}}}@media (color-gamut:rec2020){[data-theme=kina]{--palette-pelorous-500:oklch(42% 0.2 var(--hue-pelorous));--color-primary:var(--palette-pelorous-500);--action-primary-bg:var(--palette-pelorous-500)}[data-theme=kina-dark]{--palette-pelorous-400:oklch(76% 0.15 var(--hue-pelorous));--color-primary:var(--palette-pelorous-400);--action-primary-bg:var(--palette-pelorous-400)}}*,:after,:before{box-sizing:border-box}html{font-family:var(--family-sans);font-optical-sizing:auto;font-size:var(--step-0);line-height:1.6;hanging-punctuation:first last;interpolate-size:allow-keywords;-webkit-text-size-adjust:100%}body,html{min-block-size:100dvh;background:var(--color-canvas);color:var(--color-ink)}body{display:flex;flex-direction:column;margin:0}:where(h1,h2,h3,h4,p,figure,blockquote,dl,dd){margin:0}:where(h1,h2,h3,h4){text-wrap:balance;overflow-wrap:break-word}:where(p,li){text-wrap:pretty}:focus-visible{outline:2px solid var(--color-primary);outline-offset:.2rem}img,svg,video{max-inline-size:100%;block-size:auto}button,summary{font:inherit;color:inherit}:where(code,kbd,samp){font-family:var(--family-mono);font-size:.92em}:not(pre)>code{padding:.1em .35em;border-radius:.3rem;background:var(--color-code);color:var(--color-ink)}a{color:var(--color-primary);text-decoration-thickness:from-font;text-underline-offset:.18em;transition:color var(--motion-micro) var(--ease)}a:hover{color:color-mix(in oklab,var(--color-primary) 70%,var(--color-ink))}.skip{position:absolute;inset-inline-start:var(--gutter);inset-block-start:var(--space-2);z-index:30;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-canvas);text-decoration:none;translate:0 -200%}.skip:focus{translate:0 0}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.frame{width:var(--frame);margin-inline:auto}.masthead{position:sticky;inset-block-start:0;z-index:20;border-block-end:1px solid var(--color-line);background:color-mix(in oklab,var(--color-canvas) 84%,transparent);backdrop-filter:blur(14px)}.masthead-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:3.75rem;padding-block:var(--space-2)}.brand{color:var(--color-ink);font-family:var(--family-mono);font-size:var(--step--1);font-weight:500;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.brand b{color:var(--color-primary);font-weight:500}.nav{display:none;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--step--1)}.nav a{color:var(--color-muted);text-decoration:none}.nav a:hover,.nav a[aria-current]{color:var(--color-ink)}.nav a[aria-current]{font-weight:650;text-decoration:underline;text-decoration-thickness:.12em;text-underline-offset:.3em}.menu{position:relative}.menu>summary{list-style:none}.menu>summary::-webkit-details-marker,.menu>summary::marker{content:none;display:none}.panel{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + var(--space-2));z-index:30;min-inline-size:13rem;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-box);background:var(--color-elev);box-shadow:0 1rem 2.5rem oklab(20% 0 0/.12)}.panel,.panel nav{display:grid;gap:var(--space-3)}.panel nav{font-size:var(--step--1)}.panel a{color:var(--color-ink);text-decoration:none}.panel a[aria-current]{color:var(--color-primary);font-weight:650;text-decoration:underline;text-decoration-thickness:.12em;text-underline-offset:.3em}.menu.menu-specimen{display:inline-grid;justify-items:start}.menu-specimen .panel{position:static;margin-block-start:var(--space-2)}.colophon{margin-block-start:auto;border-block-start:1px solid var(--color-line);padding-block:var(--space-5) var(--space-7);color:var(--color-muted);font-family:var(--family-mono);font-size:var(--step--2)}main{flex:1 1 auto}.page{padding-block:var(--space-7) var(--space-8)}.band,.hero{padding-block:var(--space-7)}.hero{display:grid;justify-items:start;gap:var(--space-4);padding-block:var(--space-8) var(--space-6)}.intro{display:grid;gap:var(--space-3);margin-block-end:var(--space-6);max-inline-size:var(--measure)}.kicker{margin:0;color:var(--color-primary);font-family:var(--family-mono);font-size:var(--step--2);font-weight:500;letter-spacing:.16em;text-transform:uppercase}.display{max-inline-size:min(18ch,100%);font-size:var(--step-5);letter-spacing:-.04em;line-height:1.02}.display,.title{font-family:var(--family-display);font-weight:500}.title{max-inline-size:var(--measure);font-size:var(--step-4);letter-spacing:-.035em;line-height:1.1}.section{font-size:var(--step-3);font-weight:650;letter-spacing:-.025em;line-height:1.2}.lede,.section{font-family:var(--family-sans)}.lede{max-inline-size:42rem;color:var(--color-muted);font-size:var(--step-1);font-weight:400;line-height:1.55}.actions,.chips{display:flex;flex-wrap:wrap;gap:var(--space-3)}.actions{margin-block-start:var(--space-1)}.action{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.5rem;padding-inline:1.05rem;border:1px solid var(--color-muted);border-radius:var(--radius-pill);background:var(--color-elev);font-family:var(--family-sans);font-size:var(--step--1);font-weight:550;line-height:1;text-decoration:none;cursor:pointer;transition:background-color var(--motion-micro) var(--ease),border-color var(--motion-micro) var(--ease),color var(--motion-micro) var(--ease)}.action,.action:hover{color:var(--color-ink)}.action:hover{border-color:var(--color-primary)}.action-primary{background:var(--action-primary-bg)}.action-primary,.action-primary:hover{border-color:transparent;color:var(--action-primary-fg)}.action-primary:hover{background:color-mix(in oklab,var(--action-primary-bg) 86%,var(--color-ink))}.action-ghost{min-block-size:2.25rem;padding-inline:.75rem;border-color:transparent;background:transparent;color:var(--color-muted)}.action-ghost:hover{border-color:transparent;background:color-mix(in oklab,var(--color-ink) 6%,transparent);color:var(--color-ink)}.action-ghost[aria-pressed=true],.action-ghost[aria-pressed=true]:hover{border-color:var(--color-muted);background:var(--color-primary-soft);color:var(--color-ink);font-weight:650}.action-danger{border-color:color-mix(in oklab,var(--color-error) 72%,var(--color-ink));background:var(--color-elev)}.action-danger,.action-danger:hover{color:color-mix(in oklab,var(--color-error) 72%,var(--color-ink))}.action-danger:hover{border-color:var(--color-error);background:color-mix(in oklab,var(--color-error) 10%,var(--color-elev))}.action:disabled,.action[aria-disabled=true]{border-color:var(--color-line);background:var(--color-code);color:var(--color-muted);cursor:not-allowed;opacity:.72}.action[aria-busy=true]{cursor:progress}.chip{display:inline-flex;align-items:center;padding:.28rem .7rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-muted);font-family:var(--family-mono);font-size:var(--step--2);letter-spacing:.02em}.form-demo{padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-box);background:var(--color-elev)}.form-demo,.form-grid{display:grid;gap:var(--space-5)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.field{display:grid;align-content:start;gap:var(--space-2);min-inline-size:0;margin:0;padding:0;border:0}.field-label{color:var(--color-ink);font-size:var(--step--1);font-weight:650;line-height:1.35}.field-error,.field-hint{font-size:var(--step--1);line-height:1.45}.field-hint{color:var(--color-muted)}.field-error{color:color-mix(in oklab,var(--color-error) 68%,var(--color-ink));font-weight:550}.control{inline-size:100%;min-block-size:2.75rem;padding:.65rem var(--space-3);border:1px solid var(--color-muted);border-radius:.55rem;background:var(--color-elev);color:var(--color-ink);font:inherit;line-height:1.35;transition:background-color var(--motion-micro) var(--ease),border-color var(--motion-micro) var(--ease)}.control::-moz-placeholder{color:var(--color-code-muted);opacity:1}.control::placeholder{color:var(--color-code-muted);opacity:1}.control:hover:not(:disabled,:-moz-read-only){border-color:var(--color-primary)}.control:hover:not(:disabled,:read-only){border-color:var(--color-primary)}.control[aria-invalid=true]{border-color:color-mix(in oklab,var(--color-error) 72%,var(--color-ink));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-error) 72%,var(--color-ink))}.control:-moz-read-only{background:var(--color-code)}.control:read-only{background:var(--color-code)}.control:disabled{border-color:var(--color-line);background:var(--color-code);color:var(--color-muted);cursor:not-allowed;opacity:.78}textarea.control{min-block-size:8rem;resize:vertical}.control::file-selector-button{margin:-.65rem var(--space-3) -.65rem -.75rem;padding:.65rem var(--space-3);border:0;border-inline-end:1px solid var(--color-line);background:var(--color-code);color:var(--color-ink);font:inherit;font-weight:650;cursor:pointer}.control::file-selector-button:hover{background:var(--color-primary-soft)}.choice-group{display:grid;gap:var(--space-2)}.choice{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--color-ink);font-size:var(--step--1);line-height:1.45;cursor:pointer}.choice input{flex:0 0 auto;inline-size:1.05rem;block-size:1.05rem;margin:.18em 0 0;accent-color:var(--color-primary)}.choice input[role=switch]{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:2.25rem;block-size:1.25rem;margin-block-start:.05em;border:1px solid var(--color-muted);border-radius:var(--radius-pill);background:radial-gradient(circle at .55rem 50%,var(--color-muted) 0 .36rem,transparent .39rem),var(--color-code);transition:background-color var(--motion-micro) var(--ease),background-position var(--motion-micro) var(--ease),border-color var(--motion-micro) var(--ease)}.choice input[role=switch]:checked{border-color:var(--color-primary);background:radial-gradient(circle at calc(100% - .55rem) 50%,var(--action-primary-fg) 0 .36rem,transparent .39rem),var(--action-primary-bg)}.choice:has(input:disabled){color:var(--color-muted);cursor:not-allowed}.empty-state-actions,.feedback-row,.field-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.notice{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid color-mix(in oklab,var(--notice-tone) 74%,var(--color-ink));border-inline-start-width:.3rem;border-radius:var(--radius-box);background:color-mix(in oklab,var(--notice-tone) 9%,var(--color-elev));color:var(--color-ink)}.notice,.notice-info{--notice-tone:var(--color-info)}.notice-success{--notice-tone:var(--color-success)}.notice-warning{--notice-tone:color-mix(in oklab,var(--color-warning) 58%,var(--color-ink))}.notice-error{--notice-tone:var(--color-error)}.notice-title{font-weight:700}.notice :where(p,ul,ol){margin:0}.empty-state{display:grid;justify-items:center;gap:var(--space-3);max-inline-size:34rem;margin-inline:auto;padding:var(--space-6);text-align:center}.empty-state-actions{justify-content:center}.progress-stack{display:grid;gap:var(--space-2);max-inline-size:32rem}.progress-stack label{font-weight:650}.progress-stack progress{inline-size:100%;block-size:.75rem;accent-color:var(--color-primary)}.spinner{display:inline-block;inline-size:1.15rem;block-size:1.15rem;border:.16rem solid var(--color-line);border-block-start-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.skeleton-stack{display:grid;gap:var(--space-2);padding-block:var(--space-2)}.skeleton-line{display:block;block-size:.75rem;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-muted) 28%,var(--color-code))}.skeleton-line:nth-child(2){inline-size:86%}.skeleton-line:nth-child(3){inline-size:64%}.toast-region{position:fixed;inset-inline-end:var(--gutter);inset-block-end:var(--space-5);z-index:50;display:grid;max-inline-size:min(24rem,calc(100vw - 2 * var(--gutter)))}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-muted);border-radius:var(--radius-box);background:var(--color-elev);box-shadow:0 1rem 2.5rem oklab(20% 0 0/.16)}.toast-copy{flex:1 1 auto;font-size:var(--step--1);line-height:1.45}.toast-close{flex:0 0 auto;min-inline-size:2.25rem;padding-inline:var(--space-2)}.breadcrumbs ol,.link-list,.pagination-pages{margin:0;padding:0;list-style:none}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--step--1)}.breadcrumbs li{display:inline-flex;align-items:center;gap:var(--space-2)}.breadcrumbs li+li:before{content:"/";color:var(--color-code-muted)}.breadcrumbs [aria-current=page]{color:var(--color-ink);font-weight:650}.pagination,.pagination-pages{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.pagination{justify-content:space-between}.pagination-current{place-items:center;min-inline-size:2.5rem;min-block-size:2.5rem;border:1px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-ink);font-size:var(--step--1);font-weight:650}.pagination-current,.pagination-pages a{display:inline-grid;padding-inline:var(--space-2)}.pagination-pages a{place-items:center;min-inline-size:2.5rem;min-block-size:2.5rem;border:1px solid transparent;border-radius:var(--radius-pill);text-decoration:none}.pagination-pages a:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.pagination>[aria-disabled=true]{color:var(--color-code-muted)}.tabs{display:grid;gap:var(--space-4)}.tab-list{display:flex;gap:var(--space-2);overflow-x:auto;border-block-end:1px solid var(--color-line)}.tab{margin-block-end:-1px;padding:var(--space-2) var(--space-3);border:0;border-block-end:2px solid transparent;background:transparent;color:var(--color-muted);font:inherit;font-size:var(--step--1);font-weight:550;cursor:pointer}.tab:hover,.tab[aria-selected=true]{color:var(--color-ink)}.tab[aria-selected=true]{border-block-end-color:var(--color-primary)}.tab-panel{min-block-size:7rem;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-box);background:var(--color-code)}.link-list{display:grid;border-block-start:1px solid var(--color-line)}.link-list-item{display:grid;gap:var(--space-1);padding-block:var(--space-3);border-block-end:1px solid var(--color-line)}.link-list-item a{font-weight:650}.disclosure{border:1px solid var(--color-line);border-radius:var(--radius-box);background:var(--color-elev)}.disclosure>summary{padding:var(--space-4);font-weight:650;cursor:pointer}.disclosure[open]>summary{border-block-end:1px solid var(--color-line)}.disclosure-body{padding:var(--space-4)}.dialog{inline-size:min(32rem,calc(100% - 2 * var(--gutter)));max-inline-size:none;padding:0;border:1px solid var(--color-muted);border-radius:var(--radius-box);background:var(--color-elev);color:var(--color-ink);box-shadow:0 1.5rem 4rem oklab(12% 0 0/.28)}.dialog::backdrop{background:oklab(12% 0 0/.56);backdrop-filter:blur(3px)}.dialog-body{display:grid;gap:var(--space-4);padding:var(--space-5)}.tooltip{position:relative;display:inline-flex}.tooltip-bubble{position:absolute;inset-inline-start:50%;inset-block-end:calc(100% + var(--space-2));z-index:10;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:min(18rem,80vw);padding:var(--space-2) var(--space-3);border-radius:.45rem;background:var(--color-ink);color:var(--color-canvas);font-size:var(--step--2);line-height:1.4;opacity:0;pointer-events:none;translate:-50% var(--space-1);transition:opacity var(--motion-micro) var(--ease),translate var(--motion-micro) var(--ease),visibility 0s linear var(--motion-micro);visibility:hidden}.tooltip:focus-within .tooltip-bubble,.tooltip:hover .tooltip-bubble{opacity:1;translate:-50% 0;transition-delay:0s;visibility:visible}.stack{display:grid;gap:var(--space-6)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}.masonry,.tiles{gap:var(--space-4)}.masonry{-moz-column-width:min(18rem,100%);column-width:min(18rem,100%);-moz-column-gap:var(--space-4);column-gap:var(--space-4);display:grid-lanes;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr))}.masonry>.tile{display:inline-grid;width:100%;margin-block-end:var(--space-4);-moz-column-break-inside:avoid;break-inside:avoid}@supports (display:grid-lanes){.masonry>.tile{display:grid;margin-block-end:0}}.tile{display:grid;align-content:start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-box);background:var(--color-elev);box-shadow:0 1px 0 oklab(20% 0 0/.05);color:inherit;overflow-wrap:anywhere;text-decoration:none;transition:background-color var(--motion-micro) var(--ease),border-color var(--motion-micro) var(--ease)}.tile:hover{border-color:color-mix(in oklab,var(--color-primary) 35%,var(--color-line));background:color-mix(in oklab,var(--color-primary) 6%,var(--color-elev));color:inherit}a.tile{border-color:var(--color-muted)}a.tile:hover{border-color:var(--color-primary)}.tile-title{font-family:var(--family-sans);font-size:var(--step-2);font-weight:650;letter-spacing:-.02em;line-height:1.25;overflow-wrap:anywhere}.tile-name{font-family:var(--family-mono);font-size:var(--step-0);font-weight:500;letter-spacing:0;line-height:1.35}.tile-copy{color:var(--color-muted);font-family:var(--family-sans);font-size:var(--step--1);line-height:1.45;overflow-wrap:anywhere}.tile-preview{margin:0;overflow:hidden;padding:var(--space-3);border-radius:.55rem;background:var(--color-code);color:var(--color-ink);line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.figure-label,.tile-meta,.tile-preview{font-family:var(--family-mono);font-size:var(--step--2)}.figure-label,.tile-meta{color:var(--color-muted);letter-spacing:.04em}.figure{display:grid;gap:var(--space-3);margin:0}.codeblock,.prose pre{margin:0;overflow:auto;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-box);background:var(--color-code);font-family:var(--family-mono);font-size:var(--step--1);line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.codeblock>code,.prose pre>code{font:inherit;-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit}.code-token-keyword{color:var(--color-primary);font-weight:500}.code-token-attribute,.code-token-type{color:color-mix(in oklab,var(--color-primary) 58%,var(--color-ink));font-weight:500}.code-token-function,.code-token-string,.code-token-variable{color:color-mix(in oklab,var(--color-secondary) 58%,var(--color-ink))}.code-token-literal,.code-token-number{color:color-mix(in oklab,var(--color-primary) 42%,var(--color-ink));font-variant-numeric:tabular-nums}.code-token-comment{color:var(--color-code-muted);font-style:italic}.code-token-operator{color:color-mix(in oklab,var(--color-primary) 30%,var(--color-ink));font-weight:500}.group{display:grid;gap:var(--space-3)}.group ul{margin:0;padding-inline-start:1.2em}.group li+li{margin-block-start:.35em}.defs{display:grid;gap:var(--space-4);margin:0}.defs div{display:grid;gap:var(--space-1)}.defs dt{font-family:var(--family-mono);font-size:var(--step-0);font-weight:500}.defs dd{color:var(--color-muted);font-family:var(--family-sans);font-size:var(--step--1);line-height:1.45}.prose{max-inline-size:var(--measure)}.prose>:first-child{margin-block-start:0}.prose :where(h1,h2,h3,h4){color:var(--color-ink);font-family:var(--family-sans);text-wrap:balance}.prose h1{font-size:var(--step-3);letter-spacing:-.025em;line-height:1.2}.prose h1,.prose h2{margin-block:var(--space-6) var(--space-3);font-weight:650}.prose h2{font-size:var(--step-2);letter-spacing:-.02em;line-height:1.25}.prose h3{margin-block:var(--space-5) var(--space-2);font-size:var(--step-1);font-weight:600;letter-spacing:-.015em;line-height:1.3}.prose h4{margin-block:var(--space-4) var(--space-2);font-size:var(--step-0);font-weight:650;letter-spacing:-.01em}.prose :where(p,ul,ol,dl,blockquote,table,pre){margin-block:.9em}.prose :where(p,li){color:color-mix(in oklab,var(--color-ink) 88%,var(--color-muted))}.prose :where(ul,ol){padding-inline-start:1.3em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose :where(ul,ol) :where(ul){list-style:circle}.prose li+li{margin-block-start:.3em}.prose li::marker{color:var(--color-muted)}.prose blockquote{padding-inline-start:1rem;border-inline-start:3px solid var(--color-primary);color:var(--color-muted)}.prose hr{margin-block:var(--space-7);border:0;border-block-start:1px solid var(--color-line)}.prose :not(pre)>code{padding:.12em .35em;border-radius:.3rem;background:var(--color-code)}.prose a{color:var(--color-primary)}.prose strong{font-weight:650;color:var(--color-ink)}.prose table{width:100%;border-collapse:collapse;font-size:var(--step--1)}.prose caption{caption-side:top;padding-block-end:var(--space-2);text-align:start}.prose td,.prose th{padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-line);text-align:start;vertical-align:top}.prose th{font-weight:650;color:var(--color-ink)}.prose img{border-radius:var(--radius-box)}@media (width >= 48rem){.nav{display:flex}.menu{display:none}}@media (width < 40rem){.display,.title{max-inline-size:100%}.hero{padding-block:var(--space-6) var(--space-5)}.actions .action{flex:1 1 11rem}}.catalog-nav{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-block-end:var(--space-6);font-size:var(--step--1)}.catalog-nav a{color:var(--color-muted);text-decoration:none}.catalog-nav a:hover{color:var(--color-ink)}.catalog-nav a[aria-current]{color:var(--color-ink);font-weight:650;text-decoration:underline;text-decoration-thickness:.12em;text-underline-offset:.3em}.tile-static{cursor:default}.tile-static:hover{border-color:var(--color-line);background:var(--color-elev)}.family-sample{margin-block:var(--space-2) var(--space-3);overflow-wrap:anywhere}.family-sample-display{font-family:var(--family-display);font-size:var(--step-3);font-weight:500;letter-spacing:-.03em;line-height:1.15}.family-sample-sans{font-family:var(--family-sans);font-size:var(--step-1);line-height:1.45}.family-sample-mono{font-family:var(--family-mono);font-size:var(--step-0);line-height:1.4}.ladder{display:grid;gap:0;margin:0;padding:0;list-style:none;border-block-start:1px solid var(--color-line)}.ladder-row{display:grid;gap:var(--space-2);padding-block:var(--space-4);border-block-end:1px solid var(--color-line)}.ladder-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);color:var(--color-muted);font-family:var(--family-mono);font-size:var(--step--2);letter-spacing:.04em}.ladder-sample{font-family:var(--family-sans);font-weight:650;letter-spacing:-.02em;line-height:1.2}.specimen-list{display:grid;gap:0;border-block-start:1px solid var(--color-line)}.specimen-row{display:grid;gap:var(--space-3);padding-block:var(--space-5);border-block-end:1px solid var(--color-line)}.specimen-head{display:grid;gap:var(--space-1)}.specimen-note,.specimen-spec{color:var(--color-muted);font-size:var(--step--1);line-height:1.45}.specimen-spec{font-family:var(--family-mono);font-size:var(--step--2);letter-spacing:.02em}.specimen-live{padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-box);background:var(--color-elev);overflow:auto}.specimen-live .display,.specimen-live .title{max-inline-size:min(18ch,100%)}.specimen-live .brand{display:inline-block}.specimen-prose{padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-box);background:var(--color-elev)}.snippet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:var(--space-5)}.snippet-grid>*{min-inline-size:0}.landing-specimen{overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-box);background:var(--color-canvas)}.landing-specimen .band,.landing-specimen .hero{padding:var(--space-5)}.landing-specimen .hero{display:grid;gap:var(--space-3);background:var(--color-elev)}.landing-specimen .band{border-block-start:1px solid var(--color-line)}.landing-specimen .display{max-inline-size:18ch;font-size:var(--step-3)}.structure-outline{margin:0;overflow:auto;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-box);background:var(--color-code);font-family:var(--family-mono);font-size:var(--step--1);line-height:1.55;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre}.structure-rules{margin:0;padding-inline-start:1.25em}.structure-rules li+li{margin-block-start:.45em}.structure-rules li{color:color-mix(in oklab,var(--color-ink) 88%,var(--color-muted));line-height:1.45}.swatch-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr))}.swatch{display:grid;align-content:start;gap:var(--space-2)}.swatch-chip{min-block-size:4.5rem;border:1px solid var(--color-line);border-radius:var(--radius-box)}.space-bar{display:block;min-inline-size:.25rem;block-size:.7rem;border-radius:var(--radius-pill);background:var(--color-primary)}.measure-demo{max-inline-size:var(--measure);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-box);background:var(--color-elev)}.measure-demo p+p{margin-block-start:var(--space-3)}@keyframes spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important}.spinner{animation:none}}