@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=M+PLUS+Rounded+1c&family=Sono:wght@200..800&display=swap";:root{--course-paper-ground:#d3ceb4;--course-paper-rough:#75945b;--course-paper-collar:#8fad69;--course-paper-fairway:#a9c77c;--course-paper-green:#c3d996;--course-paper-sand:#eddbaf;--course-paper-ditch:#8a8158;--course-paper-native:#a3a066;--course-paper-shallow:#83bac6;--course-paper-deep:#397d94;--course-paper-path:#c5b89d;--course-paper-asphalt:#7e7c74;--course-paper-paint:#ecebe4;--course-paper-building:#a7b0b3;--course-paper-tee:#b5ca83;--course-paper-tree:#416d4c;--course-paper-tree-light:#5c8151;--type-display-size:3rem;--type-display-line:3.5rem;--type-h1-size:2.5rem;--type-h1-line:3rem;--type-h2-size:2rem;--type-h2-line:2.5rem;--type-h3-size:1.5rem;--type-h3-line:2rem;--type-h4-size:1.25rem;--type-h4-line:1.75rem;--type-h5-size:1rem;--type-h5-line:1.5rem;--type-h6-size:.875rem;--type-h6-line:1.25rem;--type-body-lg-size:1.125rem;--type-body-lg-line:1.75rem;--type-body-size:1rem;--type-body-line:1.625rem;--type-small-size:.875rem;--type-small-line:1.375rem;--color-canvas:color-mix(in oklch, var(--neutral-100), var(--neutral-200));--color-sunken:var(--neutral-100);--color-panel:var(--neutral-50);--color-header-frosted:color-mix(in oklab, var(--color-panel) 60%, transparent);--color-backdrop:color-mix(in oklab, var(--neutral-950) 35%, transparent);--color-border-subtle:var(--neutral-200);--color-border:var(--neutral-300);--color-border-strong:var(--neutral-400);--color-text-primary:var(--neutral-900);--color-text-secondary:var(--neutral-700);--color-text-muted:var(--neutral-600);--color-text-disabled:var(--neutral-500);--color-focus:var(--sky-500);--color-on-dark:var(--neutral-50);--color-primary-soft:var(--slate-100);--color-primary-soft-hover:var(--slate-200);--color-primary-border:var(--slate-300);--color-primary-default:var(--slate-600);--color-primary-hover:var(--slate-700);--color-primary-active:var(--slate-800);--color-on-primary:var(--color-on-dark);--color-positive-soft:var(--green-100);--color-positive-default:var(--green-500);--color-positive-hover:var(--green-600);--color-positive-active:var(--green-700);--color-on-positive:var(--neutral-950);--color-accent-soft:var(--orange-100);--color-accent-border:var(--orange-300);--color-accent-text:var(--orange-800);--color-accent-default:var(--orange-500);--color-accent-hover:var(--orange-600);--color-accent-active:var(--orange-700);--color-on-accent:var(--neutral-950);--color-success-soft:var(--green-100);--color-success-border:var(--green-300);--color-success-solid:var(--green-700);--color-success-text:var(--green-800);--color-info-default:var(--sky-500);--color-info-soft:var(--sky-100);--color-info-border:var(--sky-300);--color-info-text:var(--sky-800);--color-warning-default:var(--amber-500);--color-warning-soft:var(--amber-100);--color-warning-border:var(--amber-300);--color-warning-text:var(--amber-800);--color-danger-soft:var(--crimson-100);--color-danger-border:var(--crimson-300);--color-danger-solid:var(--crimson-600);--color-danger-hover:var(--crimson-700);--color-danger-active:var(--crimson-800);--color-danger-text:var(--crimson-800);--radius-small:4px;--radius-medium:6px;--radius-large:8px;--shadow-flat:none;--shadow-raised:0 1px 2px oklch(20% .004 90/.16);--shadow-floating:0 3px 6px -1px oklch(20% .004 90/.18), 0 1px 2px oklch(20% .004 90/.12);--control-height-small:1.75rem;--control-height-default:2rem;--control-height-large:2.5rem;--transition-fast:.15s;--transition-panel:.22s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--design-header-height:3.75rem}body{color:var(--color-text-primary)}.paper-demo{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-panel);overflow:hidden}.paper-demo-toolbar,.paper-demo-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.paper-demo-heading{gap:.2rem;display:grid}.paper-demo-heading span,.paper-demo-note{color:var(--color-text-muted);font-size:.8125rem}.paper-demo-scales{gap:.25rem;display:flex}.paper-demo-stage{background:var(--course-paper-ground);position:relative;overflow:hidden}.paper-demo-stage svg{width:100%;height:auto;display:block}.paper-sample-hole-camera{transform-origin:630px 285px;transition:transform var(--transition-panel) var(--ease-standard)}.paper-demo-caption{color:var(--color-text-primary);background:var(--color-panel);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.8125rem;display:flex;position:absolute;bottom:1.25rem;left:1.25rem}.paper-demo-caption>span{font-family:var(--text-mono);font-size:1.5rem;font-weight:var(--text-mono-weight)}.paper-demo-caption p{font-family:var(--text-expressive);color:var(--color-text-secondary);margin:.1rem 0 0;font-size:.75rem}.paper-demo-inset,.paper-demo-toggle{align-items:center;gap:.6rem;font-size:.8125rem;display:flex}.paper-demo-inset{flex-wrap:wrap}.paper-demo-inset input{width:8rem;accent-color:var(--color-primary-default)}.paper-demo-inset output{font-variant-numeric:tabular-nums;min-width:4rem;color:var(--color-text-secondary)}.paper-demo-toggle input{accent-color:var(--color-primary-default)}.paper-demo-note{margin:0;padding:0 1.25rem 1rem}.paper-demo-annotations{fill:var(--color-panel);stroke:none}.paper-demo-annotations text{fill:var(--color-text-primary);font:var(--text-mono-weight) 12px var(--text-mono)}.paper-demo-shot{stroke:var(--color-panel);stroke-width:1.5px;stroke-dasharray:5 5}.paper-demo-position,.paper-demo-pin{stroke:var(--color-primary-default);stroke-width:2px}@media (prefers-reduced-motion:reduce){.paper-sample-hole-camera{transition:none}}@media (width<=40rem){.paper-demo-caption{border:0;border-radius:0;position:static}}.design-header{background:var(--color-panel);border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-flat);grid-area:header;grid-template-columns:subgrid;transition:background-color var(--transition-fast) var(--ease-standard), box-shadow var(--transition-fast) var(--ease-standard);z-index:3;display:grid;position:sticky;top:0}.design-header.is-scrolled{box-shadow:var(--shadow-raised)}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.design-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.design-header.is-scrolled{background:var(--color-header-frosted)}}.design-header-content{min-height:calc(var(--design-header-height) - 1px);grid-column:2/4;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:.75rem;padding:.5rem 1.5rem;display:grid}.button.design-navigation-toggle{display:none}.design-sidebar.design-navigation-drawer{background:var(--color-canvas);width:min(19rem,100vw - 3rem);max-width:none;height:100dvh;max-height:100dvh;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:0 var(--radius-large) var(--radius-large) 0;box-shadow:var(--shadow-floating);transition:transform var(--transition-panel) var(--ease-standard), display var(--transition-panel) allow-discrete, overlay var(--transition-panel) allow-discrete;margin:0;padding:1rem;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.design-sidebar.design-navigation-drawer[open]{transform:translate(0)}@starting-style{.design-sidebar.design-navigation-drawer[open]{transform:translate(-100%)}}.design-navigation-drawer::backdrop{background:var(--color-backdrop);opacity:0;transition:opacity var(--transition-panel) var(--ease-standard), display var(--transition-panel) allow-discrete, overlay var(--transition-panel) allow-discrete}.design-navigation-drawer[open]::backdrop{opacity:1}@starting-style{.design-navigation-drawer[open]::backdrop{opacity:0}}html:has(.design-navigation-drawer:modal){overflow:hidden}.design-navigation-heading{font-family:var(--text-heading);grid-template-columns:1fr auto;align-items:center;gap:1rem;margin-bottom:1.5rem;display:grid}.design-brand{color:var(--color-primary-default);font-family:var(--text-heading);font-size:1rem;font-weight:700;text-decoration:none}.design-header-label{color:var(--color-text-muted);font-family:var(--text-heading);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.design-sidebar{max-height:calc(100dvh - var(--design-header-height));scrollbar-width:thin;top:var(--design-header-height);grid-area:sidebar;align-self:start;padding:1.5rem 1rem 1.5rem 1.5rem;position:sticky;overflow-y:auto}.design-sidebar nav{gap:.375rem;display:grid}aside.design-sidebar{opacity:1;transition:transform var(--transition-panel) var(--ease-standard), opacity var(--transition-panel) var(--ease-standard), display var(--transition-panel) allow-discrete;transform:translate(0)}@starting-style{aside.design-sidebar{opacity:0;transform:translate(-100%)}}.design-sidebar p{color:var(--color-text-muted);font-family:var(--text-heading);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.design-sidebar nav p:not(:first-child){margin-top:1.25rem}.design-sidebar a{border-radius:var(--radius-medium);color:var(--color-text-secondary);font-family:var(--text-heading);transition:background-color var(--transition-fast) var(--ease-standard), border-color var(--transition-fast) var(--ease-standard), box-shadow var(--transition-fast) var(--ease-standard), color var(--transition-fast) var(--ease-standard);border:1px solid #0000;grid-template-columns:1.125rem minmax(0,1fr);align-items:start;gap:.5rem;padding:calc(.5rem - 1px) calc(.625rem - 1px);font-size:.875rem;font-weight:600;text-decoration:none;display:grid}.design-sidebar iconify-icon{color:var(--color-text-muted);transition:color var(--transition-fast) var(--ease-standard);margin-top:.0625rem;display:block}.design-sidebar a:hover{background:var(--color-sunken);color:var(--color-text-primary)}.design-sidebar a:hover iconify-icon{color:var(--color-text-secondary)}.design-sidebar a:active{background:var(--color-canvas);color:var(--color-text-primary)}.design-sidebar a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.design-sidebar a[aria-current=location]{background:var(--color-panel);border-color:var(--color-border);box-shadow:var(--shadow-raised);color:var(--color-text-primary)}.design-sidebar a[aria-current=location] iconify-icon{color:var(--color-primary-default)}.design-sidebar a[aria-current=location]:hover{border-color:var(--color-border-strong)}.design-sidebar a[aria-current=location]:active{box-shadow:var(--shadow-flat)}@supports (anchor-name:--nav-current){.design-sidebar nav,.design-sidebar a{position:relative}aside.design-sidebar a[aria-current=location]{anchor-name:--design-nav-aside}.design-navigation-drawer a[aria-current=location]{anchor-name:--design-nav-drawer}.design-sidebar nav:has(a[aria-current=location]):before{inset:anchor(top) anchor(right) anchor(bottom) anchor(left);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-panel);box-shadow:var(--shadow-raised);content:"";pointer-events:none;transition:top var(--transition-panel) var(--ease-standard), bottom var(--transition-panel) var(--ease-standard), border-color var(--transition-fast) var(--ease-standard), box-shadow var(--transition-fast) var(--ease-standard);position:absolute}aside.design-sidebar nav:before{position-anchor:--design-nav-aside}.design-navigation-drawer nav:before{position-anchor:--design-nav-drawer}.design-sidebar a[aria-current=location],.design-sidebar a[aria-current=location]:hover,.design-sidebar a[aria-current=location]:active{box-shadow:none;background:0 0;border-color:#0000}.design-sidebar nav:has(a[aria-current=location]:hover):before{border-color:var(--color-border-strong)}.design-sidebar nav:has(a[aria-current=location]:active):before{box-shadow:var(--shadow-flat)}@media (prefers-reduced-motion:reduce){.design-sidebar nav:before{transition:none}}}.design-main{grid-area:main;min-width:0;padding:4rem 2rem 8rem}.design-page{grid-template-columns:minmax(0,1fr);gap:5rem;display:grid}.design-page-intro{gap:.75rem;max-width:44rem;display:grid}.design-eyebrow,.design-kicker,.sample-label{color:var(--color-primary-default);font-family:var(--text-heading);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:600}.design-page-intro h1,.design-section h1,.design-section h2,.design-section h3,.design-section h4,.design-section h5,.design-section h6{color:var(--color-text-primary);font-family:var(--text-heading);letter-spacing:-.02em;margin:0;font-weight:600}.design-page-intro h1{font-size:var(--type-display-size);line-height:var(--type-display-line)}.design-lede{color:var(--color-text-secondary);font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line);margin:0}.design-section{scroll-margin-top:calc(var(--design-header-height) + 2rem);grid-template-columns:minmax(0,1fr);gap:2rem;display:grid}.design-main [id]{scroll-margin-top:calc(var(--design-header-height) + 2rem)}.design-section-intro{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(16rem,28rem);align-items:end;gap:2rem;padding-bottom:1rem;display:grid}.design-section-intro>div{gap:.375rem;display:grid}.design-section-intro h2{font-size:var(--type-h2-size);line-height:var(--type-h2-line)}.design-section-intro>p{color:var(--color-text-secondary);font-size:var(--type-small-size);line-height:var(--type-small-line);margin:0}.typeface-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.typeface-card{background:var(--color-panel);border:1px solid var(--neutral-300);border-radius:var(--radius-medium);grid-template-rows:1fr auto;gap:2rem;min-height:15rem;padding:1.5rem;display:grid}.typeface-sample{color:var(--color-primary-default);align-self:center;font-size:4.5rem;line-height:1}.typeface-card h3{font-size:var(--type-body-size);line-height:var(--type-body-line)}.typeface-card p{color:var(--neutral-600);font-size:var(--type-small-size);line-height:var(--type-small-line);margin:.25rem 0 0}.typeface-heading,.typeface-heading .typeface-sample{font-family:var(--text-heading)}.typeface-body,.typeface-body .typeface-sample{font-family:var(--text-expressive)}.typeface-mono,.typeface-mono .typeface-sample{font-family:var(--text-mono);font-weight:var(--text-mono-weight)}.typeface-mono h3{font-weight:500}.type-scale{background:var(--color-panel);border:1px solid var(--neutral-300);border-radius:var(--radius-medium);display:grid}.type-scale-row{grid-template-columns:9rem minmax(0,1fr);align-items:baseline;gap:2rem;padding:1.75rem;display:grid}.type-scale-row+.type-scale-row{border-top:1px solid var(--neutral-300)}.type-meta{gap:.25rem;display:grid}.type-meta code,.type-meta span{font-family:var(--text-mono);font-size:.75rem;line-height:1.25rem}.type-meta code{color:var(--color-primary-default)}.type-meta span{color:var(--neutral-600)}.type-display{font-family:var(--text-heading);font-size:var(--type-display-size);letter-spacing:-.025em;font-weight:600;line-height:var(--type-display-line);margin:0}.type-scale h1{font-size:var(--type-h1-size);line-height:var(--type-h1-line)}.type-scale h2{font-size:var(--type-h2-size);line-height:var(--type-h2-line)}.type-scale h3{font-size:var(--type-h3-size);line-height:var(--type-h3-line)}.type-scale h4{font-size:var(--type-h4-size);line-height:var(--type-h4-line)}.type-scale h5{font-size:var(--type-h5-size);line-height:var(--type-h5-line)}.type-scale h6{font-size:var(--type-h6-size);line-height:var(--type-h6-line);text-transform:uppercase}.body-copy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.copy-sample{background:var(--color-panel);border:1px solid var(--neutral-300);border-radius:var(--radius-medium);gap:1rem;padding:1.5rem;display:grid}.copy-sample>p:last-child{font-size:var(--type-body-size);line-height:var(--type-body-line);margin:0}.copy-large{grid-column:1/-1}.copy-large>p:last-child{font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line)}.copy-small>p:last-child{font-size:var(--type-small-size);line-height:var(--type-small-line)}.inline-grid,.text-tone-grid{background:var(--color-panel);border:1px solid var(--neutral-300);border-radius:var(--radius-medium);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.inline-grid p,.text-tone-grid p{font-size:var(--type-body-size);line-height:var(--type-body-line);margin:0;padding:1rem 1.25rem}.inline-grid p:nth-child(2n),.text-tone-grid p:nth-child(2n){border-left:1px solid var(--neutral-300)}.inline-grid p:nth-child(n+3),.text-tone-grid p:nth-child(n+3){border-top:1px solid var(--neutral-300)}.inline-grid a{color:var(--color-primary-default);-webkit-text-decoration-color:var(--slate-300);text-decoration-color:var(--slate-300);text-underline-offset:.2em;transition:color var(--transition-fast) var(--ease-standard), text-decoration-color var(--transition-fast) var(--ease-standard);font-weight:600;text-decoration-thickness:1px}.inline-grid a:hover{color:var(--slate-700);text-decoration-color:currentColor}.inline-grid a:active{color:var(--slate-800)}.inline-grid mark{background:var(--amber-200);border-radius:var(--radius-small);color:var(--neutral-900);padding:.1em .25em}.inline-grid code,.inline-grid kbd{background:var(--color-sunken);border:1px solid var(--neutral-300);border-radius:var(--radius-small);font-family:var(--text-mono);padding:.15em .35em;font-size:.875em}.inline-grid kbd{border-bottom-color:var(--neutral-500);border-bottom-width:2px}.text-tone-grid{margin-top:-1rem}.text-secondary{color:var(--neutral-600)}.text-success{color:var(--color-success-text)}.text-warning{color:var(--color-warning-text)}.text-danger{color:var(--color-danger-text)}.text-disabled{color:var(--neutral-500)}.number-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;display:grid}.number-grid>div{background:var(--color-panel);border:1px solid var(--neutral-300);border-radius:var(--radius-medium);gap:.75rem;padding:1.25rem;display:grid}.number-grid dt{color:var(--neutral-600);font-family:var(--text-heading);font-size:var(--type-small-size);font-weight:600;line-height:var(--type-small-line)}.number-grid dd{color:var(--color-primary-default);font-family:var(--text-mono);font-size:2rem;font-weight:var(--text-mono-weight);font-variant-numeric:tabular-nums;margin:0;line-height:2.5rem}.number-grid dd span{color:var(--neutral-600);font-size:.875rem}.foundation-subsection{gap:1.25rem;display:grid}.foundation-subsection-intro{grid-template-columns:minmax(10rem,max-content) minmax(0,1fr);align-items:baseline;gap:1rem;display:grid}.foundation-subsection-intro h3,.color-ramp-heading h4,.color-state h4{font-family:var(--text-heading);letter-spacing:-.01em;margin:0;font-weight:600}.foundation-subsection-intro h3{font-size:var(--type-h4-size);line-height:var(--type-h4-line)}.foundation-subsection-intro p{color:var(--color-text-muted);font-size:var(--type-small-size);line-height:var(--type-small-line);margin:0}.color-ramp-grid{gap:.75rem;display:grid}.color-ramp{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);gap:1rem;padding:1rem;display:grid}.color-ramp-heading{grid-template-columns:minmax(0,1fr) max-content;align-items:end;display:grid}.color-ramp-heading>div{gap:.125rem;display:grid}.color-ramp-heading h4{font-size:var(--type-body-size);line-height:var(--type-body-line);text-transform:capitalize}.color-ramp-heading p,.color-ramp-heading code{color:var(--color-text-muted);margin:0;font-size:.75rem;line-height:1.25rem}.color-ramp-heading code{font-family:var(--text-mono)}.color-ramp ol{grid-template-columns:repeat(10,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.color-ramp li{gap:.375rem;min-width:0;display:grid}.color-swatch{background:var(--swatch);border-block:1px solid color-mix(in oklch, var(--swatch), var(--neutral-950) 12%);height:3.75rem;display:block}.color-ramp li:first-child .color-swatch{border-left:1px solid color-mix(in oklch, var(--swatch), var(--neutral-950) 12%);border-radius:var(--radius-small) 0 0 var(--radius-small)}.color-ramp li:last-child .color-swatch{border-radius:0 var(--radius-small) var(--radius-small) 0;border-right:1px solid color-mix(in oklch, var(--swatch), var(--neutral-950) 12%)}.color-ramp li>span:last-child{color:var(--color-text-muted);font-family:var(--text-mono);font-size:.6875rem;font-weight:var(--text-mono-weight);text-align:center;line-height:1rem}.color-ramp li.is-anchor .color-swatch{box-shadow:inset 0 0 0 2px var(--neutral-950), inset 0 0 0 3px var(--color-panel)}.color-ramp li.is-anchor>span:last-child{color:var(--color-text-primary);font-weight:700}.color-ramp li:first-child{--swatch:var(--ramp-50)}.color-ramp li:nth-child(2){--swatch:var(--ramp-100)}.color-ramp li:nth-child(3){--swatch:var(--ramp-200)}.color-ramp li:nth-child(4){--swatch:var(--ramp-300)}.color-ramp li:nth-child(5){--swatch:var(--ramp-400)}.color-ramp li:nth-child(6){--swatch:var(--ramp-500)}.color-ramp li:nth-child(7){--swatch:var(--ramp-600)}.color-ramp li:nth-child(8){--swatch:var(--ramp-700)}.color-ramp li:nth-child(9){--swatch:var(--ramp-800)}.color-ramp li:nth-child(10){--swatch:var(--ramp-900)}.color-ramp-slate{--ramp-50:var(--slate-50);--ramp-100:var(--slate-100);--ramp-200:var(--slate-200);--ramp-300:var(--slate-300);--ramp-400:var(--slate-400);--ramp-500:var(--slate-500);--ramp-600:var(--slate-600);--ramp-700:var(--slate-700);--ramp-800:var(--slate-800);--ramp-900:var(--slate-900)}.color-ramp-green{--ramp-50:var(--green-50);--ramp-100:var(--green-100);--ramp-200:var(--green-200);--ramp-300:var(--green-300);--ramp-400:var(--green-400);--ramp-500:var(--green-500);--ramp-600:var(--green-600);--ramp-700:var(--green-700);--ramp-800:var(--green-800);--ramp-900:var(--green-900)}.color-ramp-orange{--ramp-50:var(--orange-50);--ramp-100:var(--orange-100);--ramp-200:var(--orange-200);--ramp-300:var(--orange-300);--ramp-400:var(--orange-400);--ramp-500:var(--orange-500);--ramp-600:var(--orange-600);--ramp-700:var(--orange-700);--ramp-800:var(--orange-800);--ramp-900:var(--orange-900)}.color-ramp-sky{--ramp-50:var(--sky-50);--ramp-100:var(--sky-100);--ramp-200:var(--sky-200);--ramp-300:var(--sky-300);--ramp-400:var(--sky-400);--ramp-500:var(--sky-500);--ramp-600:var(--sky-600);--ramp-700:var(--sky-700);--ramp-800:var(--sky-800);--ramp-900:var(--sky-900)}.color-ramp-amber{--ramp-50:var(--amber-50);--ramp-100:var(--amber-100);--ramp-200:var(--amber-200);--ramp-300:var(--amber-300);--ramp-400:var(--amber-400);--ramp-500:var(--amber-500);--ramp-600:var(--amber-600);--ramp-700:var(--amber-700);--ramp-800:var(--amber-800);--ramp-900:var(--amber-900)}.color-ramp-crimson{--ramp-50:var(--crimson-50);--ramp-100:var(--crimson-100);--ramp-200:var(--crimson-200);--ramp-300:var(--crimson-300);--ramp-400:var(--crimson-400);--ramp-500:var(--crimson-500);--ramp-600:var(--crimson-600);--ramp-700:var(--crimson-700);--ramp-800:var(--crimson-800);--ramp-900:var(--crimson-900)}.color-role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.color-role{border-radius:var(--radius-medium);align-content:end;gap:.125rem;min-height:8rem;padding:1rem;display:grid}.color-role strong,.color-role span{font-size:var(--type-small-size);line-height:var(--type-small-line)}.color-role strong{font-family:var(--text-heading);font-weight:700}.color-role-primary{background:var(--color-primary-default);color:var(--color-on-primary)}.color-role-positive{background:var(--color-positive-default);color:var(--color-on-positive)}.color-role-accent{background:var(--color-accent-default);color:var(--color-on-accent)}.color-role-success{background:var(--color-success-solid);color:var(--color-on-dark)}.color-role-info{background:var(--color-info-default);color:var(--neutral-950)}.color-role-warning{background:var(--color-warning-default);color:var(--neutral-950)}.color-role-danger{background:var(--color-danger-solid);color:var(--color-on-dark)}.color-state-grid{gap:.75rem;display:grid}.color-state{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);gap:.75rem;padding:1rem;display:grid}.color-state h4{font-size:var(--type-small-size);line-height:var(--type-small-line)}.color-state-samples{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.color-state-samples>div{align-content:end;gap:.125rem;min-height:6rem;padding:.75rem;display:grid}.color-state-samples>div:first-child{border-radius:var(--radius-small) 0 0 var(--radius-small)}.color-state-samples>div:last-child{border-radius:0 var(--radius-small) var(--radius-small) 0}.color-state-samples span,.color-state-samples code{font-size:.75rem;line-height:1.125rem}.color-state-samples span{font-family:var(--text-heading);font-weight:700}.color-state-samples code{color:inherit;font-family:var(--text-mono);opacity:.8}.color-state-primary .state-soft{background:var(--color-primary-soft);color:var(--color-text-primary)}.color-state-primary .state-default{background:var(--color-primary-default);color:var(--color-on-primary)}.color-state-primary .state-hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.color-state-primary .state-active{background:var(--color-primary-active);color:var(--color-on-primary)}.color-state-positive .state-soft{background:var(--color-positive-soft);color:var(--color-text-primary)}.color-state-positive .state-default{background:var(--color-positive-default);color:var(--color-on-positive)}.color-state-positive .state-hover{background:var(--color-positive-hover);color:var(--color-on-dark)}.color-state-positive .state-active{background:var(--color-positive-active);color:var(--color-on-dark)}.color-state-accent .state-soft{background:var(--color-accent-soft);color:var(--color-text-primary)}.color-state-accent .state-default{background:var(--color-accent-default);color:var(--color-on-accent)}.color-state-accent .state-hover{background:var(--color-accent-hover);color:var(--color-on-dark)}.color-state-accent .state-active{background:var(--color-accent-active);color:var(--color-on-dark)}.foundation-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.surface-grid{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-medium);grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:.75rem;display:grid}.surface-grid>div{border:1px solid var(--color-border);border-radius:var(--radius-small);align-content:end;min-height:7rem;padding:.75rem;display:grid}.surface-grid strong,.surface-grid code{font-size:.75rem;line-height:1.125rem}.surface-grid strong{font-family:var(--text-heading)}.surface-grid code{color:var(--color-text-muted);font-family:var(--text-mono)}.surface-canvas{background:var(--color-canvas)}.surface-sunken{background:var(--color-sunken)}.surface-panel{background:var(--color-panel)}.text-hierarchy{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);display:grid}.text-hierarchy p{font-size:var(--type-small-size);line-height:var(--type-small-line);margin:0;padding:1rem;display:grid}.text-hierarchy p+p{border-top:1px solid var(--color-border)}.text-hierarchy strong{font-family:var(--text-heading)}.text-primary{color:var(--color-text-primary)}.text-muted{color:var(--color-text-muted)}.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.feedback-grid>div{border-radius:var(--radius-medium);border:1px solid;gap:.25rem;padding:1rem;display:grid}.feedback-grid strong{font-family:var(--text-heading);font-size:var(--type-small-size);line-height:var(--type-small-line)}.feedback-grid span{font-size:var(--type-small-size);line-height:var(--type-small-line)}.feedback-success{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-success-text)}.feedback-info{background:var(--color-info-soft);border-color:var(--color-info-border);color:var(--color-info-text)}.feedback-warning{background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning-text)}.feedback-danger{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger-text)}.typeface-card,.type-scale,.copy-sample,.inline-grid,.text-tone-grid,.number-grid>div,.color-ramp,.color-state,.text-hierarchy,.feedback-grid>div{box-shadow:var(--shadow-raised)}.radius-grid,.border-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.radius-grid>div,.border-grid>div{background:var(--color-panel);border:1px solid var(--color-border);align-content:end;min-height:8rem;padding:1rem;display:grid}.radius-grid strong,.radius-grid code,.border-grid strong,.border-grid code{font-size:.75rem;line-height:1.125rem}.radius-grid strong,.border-grid strong{font-family:var(--text-heading)}.radius-grid code,.border-grid code{color:var(--color-text-muted);font-family:var(--text-mono)}.radius-small,.border-grid>div{border-radius:var(--radius-small)}.radius-medium{border-radius:var(--radius-medium)}.radius-large{border-radius:var(--radius-large)}.border-grid>.border-subtle{border-color:var(--color-border-subtle)}.border-grid>.border-default{border-color:var(--color-border)}.border-grid>.border-strong{border-color:var(--color-border-strong)}.elevation-stage{background:var(--color-sunken);border:1px solid var(--color-border);border-radius:var(--radius-medium);grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:2rem;display:grid}.elevation-sample{background:var(--color-panel);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);grid-template-rows:1fr auto;gap:2rem;min-height:10rem;padding:1.25rem;display:grid}.elevation-sample>div{gap:.25rem;display:grid}.elevation-sample strong{font-family:var(--text-heading);font-size:var(--type-body-size);line-height:var(--type-body-line)}.elevation-sample span,.elevation-sample code{color:var(--color-text-muted);font-size:.75rem;line-height:1.25rem}.elevation-sample code{font-family:var(--text-mono)}.elevation-flat{box-shadow:var(--shadow-flat)}.elevation-raised{box-shadow:var(--shadow-raised)}.elevation-floating{box-shadow:var(--shadow-floating)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card-pattern-intro{grid-template-columns:minmax(10rem,max-content) minmax(0,1fr);align-items:baseline;gap:1rem;margin-top:1rem;display:grid}.card-pattern-intro h4{font-family:var(--text-heading);font-size:var(--type-body-size);font-weight:600;line-height:var(--type-body-line);margin:0}.card-pattern-intro p{color:var(--color-text-muted);font-size:var(--type-small-size);line-height:var(--type-small-line);margin:0}.card-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card{appearance:none;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-flat);color:var(--color-text-primary);font:inherit;text-align:left;grid-template-rows:auto auto 1fr auto;gap:.75rem;width:100%;min-height:14rem;margin:0;padding:1.25rem;text-decoration:none;display:grid}.card-eyebrow,.card-meta{font-family:var(--text-heading);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1.25rem}.card-eyebrow{color:var(--color-primary-default)}.card-title{font-family:var(--text-heading);font-size:var(--type-h4-size);letter-spacing:-.01em;font-weight:600;line-height:var(--type-h4-line)}.card-copy{color:var(--color-text-secondary);font-size:var(--type-small-size);line-height:var(--type-small-line);margin:0}.card-meta{color:var(--color-text-muted)}.card-interactive,.card-selectable{cursor:pointer;transition:background-color var(--transition-fast) var(--ease-standard), border-color var(--transition-fast) var(--ease-standard), box-shadow var(--transition-fast) var(--ease-standard)}.card-interactive:hover,.card-selectable:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-raised)}.card-interactive:active,.card-selectable:active{box-shadow:var(--shadow-flat)}.card-interactive:focus-visible,.card-selectable:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.card-selectable[aria-pressed=true]{background:var(--color-primary-soft);border:2px solid var(--color-primary-default);padding:calc(1.25rem - 1px)}.card-status{background:var(--color-success-soft);border-color:var(--color-success-border)}.card-status .card-eyebrow{color:var(--color-success-text);grid-template-columns:.5rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.card-status .card-eyebrow:before{background:var(--color-success-solid);content:"";border-radius:2px;width:.5rem;height:.5rem}.card-figures{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.card-data{grid-template-rows:auto 1fr auto}.card-figures>div{gap:.25rem;display:grid}.card-figures dt{color:var(--color-text-muted);font-family:var(--text-heading);font-size:.75rem;line-height:1.25rem}.card-figures dd{color:var(--color-primary-default);font-family:var(--text-heading);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem;font-weight:600;line-height:2rem}.card:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.card-with-actions{box-shadow:var(--shadow-raised)}.card-footer{border-top:1px solid var(--color-border-subtle);grid-auto-columns:max-content;grid-auto-flow:column;justify-content:end;gap:.5rem;margin:.25rem -1.25rem -1.25rem;padding:.75rem 1.25rem;display:grid}.button-variant-grid,.button-state-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.button-size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.button-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.button-sample{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-raised);grid-template-rows:1fr auto;align-content:space-between;gap:2rem;min-height:10rem;padding:1.25rem;display:grid}.button-sample>.button{place-self:center start}.button-sample>div:last-child{gap:.125rem;display:grid}.button-sample strong,.button-sample code{font-size:.75rem;line-height:1.25rem}.button-sample strong{font-family:var(--text-heading)}.button-sample code{color:var(--color-text-muted);font-family:var(--text-mono)}.button{--button-press-offset:1px;appearance:none;background:var(--color-panel);border:1px solid var(--color-border-strong);border-radius:var(--radius-medium);box-shadow:var(--shadow-raised);color:var(--color-text-primary);cursor:pointer;font-family:var(--text-heading);min-height:var(--control-height-default);text-align:center;transition:background-color var(--transition-fast) var(--ease-standard), border-color var(--transition-fast) var(--ease-standard), box-shadow var(--transition-fast) var(--ease-standard), color var(--transition-fast) var(--ease-standard), transform var(--transition-fast) var(--ease-standard);white-space:nowrap;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;display:grid}.button:hover:not(:disabled){background:var(--color-sunken);border-color:var(--color-border-strong)}.button:active:not(:disabled){background:var(--color-canvas);box-shadow:var(--shadow-flat);transform:translateY(var(--button-press-offset))}.button:focus-visible,.button[data-demo-state=focus]{outline:2px solid var(--color-focus);outline-offset:2px}.button-primary{background:var(--color-primary-default);border-color:var(--color-primary-default);color:var(--color-on-primary)}.button-primary:hover:not(:disabled),.button-primary[data-demo-state=hover]{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button-primary:active:not(:disabled),.button-primary[data-demo-state=active]{background:var(--color-primary-active);border-color:var(--color-primary-active);box-shadow:var(--shadow-flat);transform:translateY(var(--button-press-offset))}.button-secondary{background:var(--color-panel);border-color:var(--color-border-strong);color:var(--color-text-primary)}.button-positive{background:var(--color-positive-default);border-color:var(--color-positive-default);color:var(--color-on-positive)}.button-positive:hover:not(:disabled){background:var(--color-positive-hover);border-color:var(--color-positive-hover);color:var(--color-on-dark)}.button-positive:active:not(:disabled){background:var(--color-positive-active);border-color:var(--color-positive-active);box-shadow:var(--shadow-flat);color:var(--color-on-dark);transform:translateY(var(--button-press-offset))}.button-danger{background:var(--color-danger-solid);border-color:var(--color-danger-solid);color:var(--color-on-dark)}.button-danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.button-danger:active:not(:disabled){background:var(--color-danger-active);border-color:var(--color-danger-active);box-shadow:var(--shadow-flat);transform:translateY(var(--button-press-offset))}.button-text{box-shadow:none;color:var(--color-primary-default);background:0 0;border-color:#0000}.button-text:hover:not(:disabled){background:var(--color-sunken);color:var(--color-primary-hover);border-color:#0000}.button-text:active:not(:disabled){background:var(--color-canvas);color:var(--color-primary-active);border-color:#0000}.button-small{border-radius:var(--radius-small);min-height:var(--control-height-small);padding:.375rem .625rem;font-size:.75rem}.button-large{min-height:var(--control-height-large);padding:.625rem 1rem}.button-icon-only{width:var(--control-height-default);grid-auto-columns:auto;padding:0;font-size:1.125rem}.button:disabled{background:var(--color-sunken);border-color:var(--color-border);box-shadow:none;color:var(--color-text-disabled);cursor:not-allowed;transform:none}.icon-button-row,.button-content-row{flex-wrap:wrap;justify-content:start;align-items:center;gap:.5rem;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.field{gap:.375rem;min-width:0;display:grid}.field-wide{grid-column:1/-1}.field-label{color:var(--color-text-primary);font-family:var(--text-heading);font-size:.75rem;font-weight:600;line-height:1.25rem}.field-required{color:var(--color-danger-text);margin-inline-start:.125rem}.field-control{appearance:none;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-small);color:var(--color-text-primary);font-family:var(--text-heading);min-height:var(--control-height-default);min-width:0;transition:background-color var(--transition-fast) var(--ease-standard), border-color var(--transition-fast) var(--ease-standard), box-shadow var(--transition-fast) var(--ease-standard), color var(--transition-fast) var(--ease-standard);width:100%;padding:.3125rem .625rem;font-size:.875rem;line-height:1.25rem}select.field-control{appearance:auto}textarea.field-control{resize:vertical;min-height:6rem;padding-block:.5rem}.field-control::placeholder{color:var(--color-text-disabled);opacity:1}.field-control:hover:not(:disabled):not([readonly]),.field-control[data-demo-state=hover]{border-color:var(--color-border-strong)}.field-control:focus,.field-control[data-demo-state=focus]{border-color:var(--color-primary-default);outline:2px solid var(--color-focus);outline-offset:2px}.field-control[aria-invalid=true]{border-color:var(--color-danger-solid);box-shadow:0 0 0 1px var(--color-danger-solid)}.field-control[readonly]{background:var(--color-sunken);color:var(--color-text-secondary)}.field-control:disabled{background:var(--color-sunken);color:var(--color-text-disabled);cursor:not-allowed}.field-help,.field-error{font-size:.75rem;line-height:1.25rem}.field-help{color:var(--color-text-muted)}.field-error{color:var(--color-danger-text)}.field-state-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.combobox{min-width:0;position:relative}.combobox-popup{top:calc(100% + .375rem);z-index:2;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-floating);position:absolute;inset-inline:0;overflow:hidden}.combobox-list{overscroll-behavior:contain;max-height:16rem;margin:0;padding:.25rem;list-style:none;overflow-y:auto}.combobox-list:empty{padding:0}.combobox-list [role=option]{border-radius:var(--radius-small);color:var(--color-text-primary);cursor:pointer;font-family:var(--text-heading);overflow-wrap:anywhere;transition:background-color var(--transition-fast) var(--ease-standard), color var(--transition-fast) var(--ease-standard);gap:.125rem;padding:.5rem .625rem;font-size:.875rem;line-height:1.25rem;display:grid}.combobox-list [role=option]:hover{background:var(--color-sunken)}.combobox-list [aria-selected=true]{background:var(--color-primary-soft);outline:1px solid var(--color-primary-default);outline-offset:-1px}.combobox-list small{color:var(--color-text-secondary);font-size:.75rem}.combobox-message{color:var(--color-text-secondary);margin:0;padding:.75rem;font-size:.8125rem}.field-sample{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-raised);grid-template-rows:1.25rem var(--control-height-default) 1.25rem;align-content:center;min-height:8rem;padding:1rem}.selection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.selection-panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-raised);min-width:0;padding:1.25rem}.selection-fieldset{border:0;gap:.875rem;min-width:0;margin:0;padding:0;display:grid}.selection-fieldset legend{color:var(--color-text-primary);font-family:var(--text-heading);font-size:var(--type-body-size);font-weight:600;line-height:var(--type-body-line);margin-bottom:.5rem;padding:0}.choice{cursor:pointer;font-size:var(--type-small-size);line-height:var(--type-small-line);grid-template-columns:1rem minmax(0,1fr);align-items:center;gap:.625rem;display:grid}.choice input{appearance:none;background:var(--color-panel);border:1px solid var(--color-border-strong);height:1rem;transition:background-color var(--transition-fast) var(--ease-standard), border-color var(--transition-fast) var(--ease-standard), box-shadow var(--transition-fast) var(--ease-standard);place-content:center;width:1rem;margin:0;display:grid}.choice input[type=checkbox]{border-radius:var(--radius-small)}.choice input[type=checkbox]:before{background:var(--color-on-primary);clip-path:polygon(14% 44%,0 59%,40% 100%,100% 20%,84% 6%,39% 67%);content:"";width:.5rem;height:.5rem;transform:scale(0)}.choice input[type=checkbox]:checked,.choice input[type=checkbox]:indeterminate{background:var(--color-primary-default);border-color:var(--color-primary-default)}.choice input[type=checkbox]:checked:before,.choice input[type=checkbox]:indeterminate:before{transform:scale(1)}.choice input[type=checkbox]:indeterminate:before{clip-path:none;height:2px}.choice input[type=radio]{border-radius:50%}.choice input[type=radio]:before{background:var(--color-primary-default);content:"";border-radius:50%;width:.5rem;height:.5rem;transform:scale(0)}.choice input[type=radio]:checked{border-color:var(--color-primary-default)}.choice input[type=radio]:checked:before{transform:scale(1)}.choice input:hover:not(:disabled){border-color:var(--color-primary-default)}.choice input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.choice:has(input:disabled){color:var(--color-text-disabled);cursor:not-allowed}.choice input:disabled{background:var(--color-sunken);border-color:var(--color-border)}.switch{cursor:pointer;grid-template-columns:1.75rem minmax(0,1fr);align-items:start;gap:.75rem;display:grid;position:relative}.switch>input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.switch-track{background:var(--neutral-300);border:1px solid var(--color-border-strong);border-radius:var(--radius-medium);height:1rem;transition:background-color var(--transition-fast) var(--ease-standard), border-color var(--transition-fast) var(--ease-standard);align-items:center;width:1.75rem;padding:2px;display:grid}.switch-track>span{background:var(--color-panel);border-radius:var(--radius-small);box-shadow:var(--shadow-raised);height:.625rem;transition:background-color var(--transition-fast) var(--ease-standard), box-shadow var(--transition-fast) var(--ease-standard), transform var(--transition-fast) var(--ease-standard);width:.625rem;transform:translate(0)}.switch>input:checked+.switch-track{background:var(--color-primary-default);border-color:var(--color-primary-default)}.switch>input:checked+.switch-track>span{transform:translate(.75rem)}.switch>input:focus-visible+.switch-track{outline:2px solid var(--color-focus);outline-offset:2px}.switch>span:last-child{gap:.125rem;display:grid}.switch strong{font-family:var(--text-heading);font-size:var(--type-small-size);line-height:var(--type-small-line)}.switch small{color:var(--color-text-muted);font-size:.75rem;line-height:1.25rem}.switch:has(input:disabled){color:var(--color-text-disabled);cursor:not-allowed;opacity:.65}.status-badge-row,.tag-row{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));justify-content:start;align-items:center;gap:.5rem;display:grid}.count-badge-row,.avatar-row,.avatar-size-row{grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start;align-items:center;gap:.5rem;display:grid}.status-badge,.tag{border-radius:var(--radius-small);font-family:var(--text-heading);white-space:nowrap;border:1px solid #0000;grid-auto-flow:column;justify-self:start;align-items:center;min-height:1.5rem;padding:.1875rem .5rem;font-size:.75rem;font-weight:600;line-height:1rem;display:inline-grid}.status-badge{gap:.375rem}.status-indicator{background:currentColor;border-radius:50%;width:.375rem;height:.375rem}.status-badge-neutral{background:var(--color-sunken);border-color:var(--color-border);color:var(--color-text-secondary)}.status-badge-info{background:var(--color-info-soft);border-color:var(--color-info-border);color:var(--color-info-text)}.status-badge-success{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-success-text)}.status-badge-warning{background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning-text)}.status-badge-danger{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger-text)}.tag{background:var(--color-panel);border-color:var(--color-border);color:var(--color-text-secondary)}.tag-primary{background:var(--color-primary-soft);border-color:var(--slate-300);color:var(--slate-800)}.tag-accent{background:var(--color-accent-soft);border-color:var(--color-accent-border);color:var(--color-accent-text)}.identity-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.component-sample-panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-raised);gap:1.25rem;padding:1.25rem;display:grid}.component-sample-panel h3,.component-sample-panel p{margin:0}.component-sample-panel p{color:var(--color-text-muted);font-size:var(--type-small-size);line-height:var(--type-small-line);margin-top:.25rem}.count-badge{background:var(--color-danger-solid);border:1px solid var(--color-danger-solid);border-radius:var(--radius-small);color:var(--color-on-dark);font-family:var(--text-heading);place-items:center;min-width:1.25rem;min-height:1.25rem;padding-inline:.25rem;font-size:.6875rem;font-weight:700;line-height:1rem;display:inline-grid}.count-badge-muted{background:var(--color-sunken);border-color:var(--color-border);color:var(--color-text-muted)}.avatar-with-count{grid-template-columns:max-content;justify-self:start;display:grid;position:relative}.count-badge-overlay{position:absolute;top:-.5rem;right:-.5rem}.avatar{border:1px solid var(--color-border-strong);border-radius:var(--radius-medium);font-family:var(--text-heading);text-transform:uppercase;place-items:center;font-weight:700;display:inline-grid;overflow:hidden}.avatar>img{object-fit:cover;width:100%;height:100%;display:block}.avatar-sm{border-radius:var(--radius-small);width:1.5rem;height:1.5rem;font-size:.625rem}.avatar-md{width:2rem;height:2rem;font-size:.6875rem}.avatar-lg{width:2.5rem;height:2.5rem;font-size:.75rem}.avatar-primary{background:var(--color-primary-default);border-color:var(--color-primary-default);color:var(--color-on-primary)}.avatar-accent{background:var(--color-accent-default);border-color:var(--color-accent-hover);color:var(--color-on-accent)}.avatar-fallback{background:var(--color-sunken);color:var(--color-text-muted)}.avatar-disabled{background:var(--color-sunken);color:var(--color-text-disabled);opacity:.65}.avatar-person{place-items:center;gap:.125rem;display:grid}.avatar-person:before,.avatar-person:after{content:"";background:currentColor;display:block}.avatar-person:before{border-radius:50%;width:.4375rem;height:.4375rem}.avatar-person:after{border-radius:var(--radius-small) var(--radius-small) 2px 2px;width:.75rem;height:.375rem}.avatar-size-row{gap:1.5rem}.avatar-size-sample{grid-template-columns:max-content max-content;align-items:center;gap:.5rem;display:grid}.avatar-size-sample code{color:var(--color-text-muted);font-size:.75rem}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.data-table-frame{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-raised);overflow:hidden}.data-table-scroll{position:relative;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:48rem;font-size:.8125rem;line-height:1.25rem}.data-table th,.data-table td{border-bottom:1px solid var(--color-border-subtle);text-align:left;vertical-align:middle;white-space:nowrap;height:2.5rem;padding:.375rem .75rem}.data-table thead th{background:var(--color-sunken);color:var(--color-text-muted);font-family:var(--text-heading);font-size:.75rem;font-weight:600}.data-table tbody th{color:var(--color-text-primary);font-family:var(--text-heading);font-weight:600}.data-table tbody tr{background:var(--color-panel);transition:background-color var(--transition-fast) var(--ease-standard)}.data-table tbody tr:hover,.data-table tbody tr[data-demo-state=hover]{background:var(--color-sunken)}.data-table tbody tr[data-selected=true]{background:var(--color-primary-soft)}.data-table tbody tr[data-selected=true]:hover{background:var(--color-primary-soft-hover)}.data-table tbody tr:last-child>*{border-bottom:0}.data-table .table-number{font-variant-numeric:tabular-nums;text-align:right}.data-table .table-score{color:var(--color-text-primary);font-family:var(--text-mono);font-weight:700}.data-table .table-select-cell{width:2.5rem;padding-inline:.75rem .25rem}.table-choice{grid-template-columns:1rem;width:1rem}.table-action-cell{text-align:right;width:4rem}.table-sort{appearance:none;border-radius:var(--radius-small);color:inherit;cursor:pointer;font:inherit;transition:background-color var(--transition-fast) var(--ease-standard), color var(--transition-fast) var(--ease-standard);background:0 0;border:0;grid-auto-flow:column;align-items:center;gap:.375rem;margin:-.25rem;padding:.25rem;display:inline-grid}.table-sort:hover{background:var(--color-canvas);color:var(--color-text-primary)}.table-sort:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.data-table-empty{min-width:36rem}.data-table-empty tbody td{padding:0}.table-empty-state{text-align:center;place-items:center;gap:.375rem;min-height:12rem;padding:2rem;display:grid}.table-empty-state strong{font-family:var(--text-heading);font-size:var(--type-body-size);line-height:var(--type-body-line)}.table-empty-state span{color:var(--color-text-muted)}.table-empty-state .button{margin-top:.625rem}.alert-grid,.feedback-component-grid,.display-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.alert{border-radius:var(--radius-medium);border:1px solid;grid-template-columns:1.5rem minmax(0,1fr);gap:.75rem;padding:1rem;display:grid}.alert-mark{place-items:center;width:1.5rem;height:1.5rem;display:grid}.alert strong{font-family:var(--text-heading);font-size:var(--type-small-size);line-height:var(--type-small-line)}.alert p{margin:.125rem 0 0;font-size:.8125rem;line-height:1.25rem}.alert-info{background:var(--color-info-soft);border-color:var(--color-info-border);color:var(--color-info-text)}.alert-success{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-success-text)}.alert-warning{background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning-text)}.alert-danger{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger-text)}.progress-stack{gap:1.25rem;display:grid}.progress-sample,.meter-sample{grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;gap:.375rem .75rem;font-size:.8125rem;display:grid}.progress-sample strong,.meter-sample strong{font-family:var(--text-mono);font-size:.75rem;font-weight:var(--text-mono-weight);font-variant-numeric:tabular-nums}.progress-sample progress,.meter-sample meter{appearance:none;background:var(--color-sunken);border:0;border-radius:2px;grid-column:1/-1;width:100%;height:.5rem;overflow:hidden}.progress-sample progress::-webkit-progress-bar{background:var(--color-sunken);border:0;border-radius:2px}.meter-sample meter::-webkit-meter-bar{background:var(--color-sunken);border:0;border-radius:2px}.progress-sample progress::-webkit-progress-value{background:var(--color-primary-default);border-radius:2px}.progress-sample progress::-moz-progress-bar{background:var(--color-primary-default);border-radius:2px}.progress-success progress::-webkit-progress-value{background:var(--color-success-solid);border-radius:2px}.meter-positive meter::-webkit-meter-optimum-value{background:var(--color-success-solid);border-radius:2px}.progress-success progress::-moz-progress-bar{background:var(--color-success-solid);border-radius:2px}.meter-positive meter::-moz-meter-bar{background:var(--color-success-solid);border-radius:2px}.meter-warning meter::-webkit-meter-optimum-value{background:var(--amber-600);border-radius:2px}.meter-warning meter::-webkit-meter-suboptimum-value{background:var(--amber-600);border-radius:2px}.meter-warning meter::-webkit-meter-even-less-good-value{background:var(--amber-600);border-radius:2px}.meter-warning meter::-moz-meter-bar{background:var(--amber-600);border-radius:2px}.loading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.skeleton-card,.skeleton-table,.spinner-panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-raised);min-height:9rem;padding:1.25rem}.skeleton-card{grid-template-columns:2.5rem minmax(0,1fr);align-content:start;gap:.75rem;display:grid}.skeleton-copy{align-content:start;gap:.625rem;display:grid}.skeleton,.skeleton-avatar{background:var(--neutral-200);border-radius:var(--radius-small);animation:1.6s ease-in-out infinite skeleton-pulse}.skeleton-avatar{width:2.5rem;height:2.5rem}.skeleton-line{width:100%;height:.625rem}.skeleton-line-short{width:42%}.skeleton-line-medium{width:72%}.skeleton-table{align-content:center;display:grid}.skeleton-table-row{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr 2fr 1fr;gap:.75rem;padding-block:.75rem;display:grid}.skeleton-table-row:last-child{border-bottom:0}.skeleton-cell{height:.625rem}.spinner-panel{align-content:center;justify-items:center;gap:.75rem;font-size:.8125rem;display:grid}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary-default);border-radius:50%;width:1.5rem;height:1.5rem;animation:.7s linear infinite spinner-rotate}@keyframes skeleton-pulse{0%,to{background-color:var(--neutral-200)}50%{background-color:var(--neutral-300)}}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.stat{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-raised);gap:.25rem;padding:1.25rem;display:grid}.stat span,.stat small{color:var(--color-text-muted);font-size:.75rem;line-height:1.25rem}.stat strong{font-family:var(--text-heading);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:600;line-height:2rem}.round-overview{gap:1rem;display:grid}.round-overview-content{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem;display:grid}.round-overview .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.round-overview .card-figures{align-self:end}.round-overview .stat{box-shadow:var(--shadow-flat)}.stat .stat-trend{color:var(--color-success-text);grid-auto-flow:column;justify-content:start;align-items:center;gap:.25rem;display:grid}.round-overview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.round-overview .card{grid-template-rows:auto auto auto 1fr auto}.round-overview .card-title{font-size:var(--type-h3-size);line-height:var(--type-h3-line);overflow-wrap:anywhere}.round-overview .item-list{align-content:start}.description-list{margin:0;display:grid}.description-list>div{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding-block:.625rem;font-size:.8125rem;display:grid}.description-list>div:last-child{border-bottom:0}.description-list dt{color:var(--color-text-muted)}.description-list dd{margin:0;font-weight:600}.item-list{margin:0;padding:0;list-style:none;display:grid}.item-list li{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:1rem;min-height:3.25rem;padding-block:.5rem;display:grid}.item-list li:last-child{border-bottom:0}.item-list li>div{gap:.125rem;display:grid}.item-list strong{font-family:var(--text-heading);font-size:.8125rem}.item-list small{color:var(--color-text-muted);font-size:.75rem}.empty-state{background:var(--color-sunken);border:1px dashed var(--color-border-strong);border-radius:var(--radius-medium);text-align:center;align-content:center;justify-items:center;min-height:13rem;padding:2rem;display:grid}.empty-state strong{font-family:var(--text-heading)}.empty-state p{max-width:22rem}.empty-state .button{margin-top:.75rem}.thumbnail-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.75rem;display:grid}.thumbnail-row figure{gap:.375rem;margin:0;display:grid}.thumbnail{background:var(--color-sunken);border:1px dashed var(--color-border-strong);border-radius:var(--radius-medium);color:var(--color-text-muted);text-align:center;place-items:center;padding:.5rem;font-size:.6875rem;display:grid;overflow:hidden}.thumbnail>img{object-fit:cover;width:100%;height:100%;display:block}.thumbnail-landscape{aspect-ratio:16/9}.thumbnail-standard{aspect-ratio:4/3}.thumbnail-square{aspect-ratio:1}.thumbnail-row figcaption{color:var(--color-text-muted);font-family:var(--text-mono);font-size:.6875rem;font-weight:var(--text-mono-weight);text-align:center}.breadcrumbs ol{flex-wrap:wrap;justify-content:start;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.breadcrumbs li{grid-auto-flow:column;align-items:center;gap:.5rem;display:grid}.breadcrumbs li+li:before{color:var(--color-text-disabled);content:"/"}.breadcrumbs a{border-radius:var(--radius-small);color:var(--color-primary-default);transition:background-color var(--transition-fast) var(--ease-standard), color var(--transition-fast) var(--ease-standard);padding:.25rem;text-decoration:none}.breadcrumbs a:hover{background:var(--color-sunken);color:var(--color-primary-hover)}.breadcrumbs a:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.breadcrumbs [aria-current=page]{color:var(--color-text-primary);font-weight:600}.breadcrumbs-compact{border-top:1px solid var(--color-border-subtle);padding-top:1rem}.breadcrumbs-compact ol{font-size:.75rem}.disclosure-stack{gap:.5rem;display:grid}.dialog{z-index:6;overscroll-behavior:contain;background:var(--color-panel);width:min(34rem,100% - 2rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-floating);margin:auto;padding:1.25rem;position:fixed;inset:0;overflow-y:auto}.dialog[data-size=small]{width:min(26rem,100% - 2rem)}.dialog[open]:not(:modal){margin:0;inset:auto 1rem 1rem auto}.dialog::backdrop{background:var(--color-backdrop)}html:has(.dialog:modal){overflow:hidden}.dialog[open]{animation:dialog-enter var(--transition-fast) var(--ease-standard)}@keyframes dialog-enter{0%{opacity:0;transform:translateY(-.375rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dialog[open]{animation:none}}.dialog-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;display:grid}.dialog-header h2{font-family:var(--text-heading);overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:600;line-height:1.75rem}.dialog-header h2:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-small)}.dialog-description{color:var(--color-text-secondary);margin:.75rem 0 0;font-size:.875rem;line-height:1.5}.dialog-body{margin-top:1.25rem}.dialog-form{gap:1rem;display:grid}.dialog-actions,.dialog-demo-actions{flex-wrap:wrap;gap:.5rem;display:flex}.dialog-actions{border-top:1px solid var(--color-border-subtle);justify-content:end;margin-top:1.25rem;padding-top:1rem}.dialog-form>.dialog-actions{margin-top:0}.dialog-reference{gap:.75rem;margin:0;font-size:.875rem;display:grid}.dialog-reference>div{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.dialog-reference dt{font-family:var(--text-heading);font-weight:600}.dialog-reference dd{color:var(--color-text-secondary);margin:0}.dropdown{width:fit-content;position:relative}.dropdown-menu{z-index:4;overscroll-behavior:contain;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);width:max-content;min-width:11rem;max-width:calc(100vw - 2rem);max-height:min(20rem,60vh);box-shadow:var(--shadow-floating);margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .375rem);overflow-y:auto}.dropdown-menu[data-align=end]{inset-inline-end:0}.dropdown-menu[data-align=start]{inset-inline-start:0}.dropdown-menu.opens-above{top:auto;bottom:calc(100% + .375rem)}.dropdown-item{border-radius:var(--radius-small);width:100%;color:var(--color-text-primary);font-family:var(--text-heading);text-align:start;overflow-wrap:anywhere;cursor:pointer;transition:background-color var(--transition-fast) var(--ease-standard), color var(--transition-fast) var(--ease-standard);background:0 0;border:0;padding:.5rem .625rem;font-size:.875rem;line-height:1.25rem;text-decoration:none;display:block}.dropdown-item:hover{background:var(--color-sunken)}.dropdown-item:focus{background:var(--color-primary-soft);outline:1px solid var(--color-primary-default);outline-offset:-1px}.dropdown-item.is-danger{color:var(--color-danger-text)}.dropdown-item.is-danger:hover,.dropdown-item.is-danger:focus{background:var(--color-danger-soft)}.dropdown-item[aria-disabled=true]{color:var(--color-text-disabled);cursor:not-allowed}.dropdown-separator{border-top:1px solid var(--color-border-subtle);margin:.25rem 0}.multi-select{width:100%}.multi-select-trigger{text-align:start;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.multi-select-trigger:disabled{cursor:not-allowed}.multi-select-summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-select-summary.is-empty{color:var(--color-text-disabled)}.multi-select-list{min-width:100%}.multi-select-option{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.625rem;display:grid}.multi-select-option small{color:var(--color-text-muted);grid-column:1/-1;font-size:.75rem;line-height:1rem}.multi-select-option:focus{background:0 0}.multi-select-option:hover{background:var(--color-sunken)}.multi-select-option[aria-selected=true]{background:var(--color-primary-soft);color:var(--color-primary-default)}.multi-select-option[aria-selected=true]:hover{background:var(--color-primary-soft-hover)}.multi-select-check{color:var(--color-primary-default);opacity:0;transition:opacity var(--transition-fast) var(--ease-standard)}.multi-select-option[aria-selected=true] .multi-select-check{opacity:1}.multi-select-option[aria-disabled=true]:hover{background:0 0}.account-trigger{border-radius:var(--radius-medium);color:var(--color-text-primary);font-family:var(--text-heading);cursor:pointer;transition:background-color var(--transition-fast) var(--ease-standard);background:0 0;border:1px solid #0000;grid-auto-flow:column;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:grid}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:var(--color-sunken)}.account-trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.design-menu-notice{inset-inline-end:1rem;z-index:5;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);max-width:min(26rem,100vw - 2rem);box-shadow:var(--shadow-floating);gap:.5rem;padding:1rem;display:grid;position:fixed;bottom:1rem}.design-menu-notice p{margin:0;font-size:.875rem}.disclosure{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-raised);overflow:hidden}.disclosure-trigger{color:var(--color-text-primary);cursor:pointer;font-family:var(--text-heading);text-align:start;min-height:2.75rem;transition:background-color var(--transition-fast) var(--ease-standard), color var(--transition-fast) var(--ease-standard);background:0 0;border:0;grid-template-columns:minmax(0,1fr) max-content;align-items:center;width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:600;line-height:1.375rem;display:grid}.disclosure-indicator{color:var(--color-text-muted);transition:transform var(--transition-fast) var(--ease-standard);display:block}.disclosure-trigger[aria-expanded=true] .disclosure-indicator{transform:rotate(180deg)}.disclosure-trigger:hover{background:var(--color-sunken)}.disclosure-trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.disclosure-content{border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:.875rem 1rem 1rem;font-size:.8125rem;line-height:1.375rem}.disclosure-content p{margin:0}.divider-stack{gap:1.5rem;padding-block:1rem;display:grid}.divider{border:0;border-top:1px solid var(--color-border-subtle);width:100%;margin:0}.divider-strong{border-top-color:var(--color-border-strong)}.labeled-divider{color:var(--color-text-muted);font-family:var(--text-heading);grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);align-items:center;gap:.75rem;font-size:.75rem;font-weight:600;display:grid}.labeled-divider:before,.labeled-divider:after{border-top:1px solid var(--color-border-subtle);content:""}.keyboard-hint-list{gap:.75rem;display:grid}.keyboard-hint-list p{color:var(--color-text-secondary);margin:0;font-size:.8125rem}kbd{background:var(--color-sunken);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);box-shadow:var(--shadow-raised);color:var(--color-text-primary);font-family:var(--text-mono);border-bottom-width:2px;padding:.125rem .3125rem;font-size:.6875rem;font-weight:600}.content-quote,.code-block{border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:var(--shadow-raised);min-width:0;margin:0;padding:1.5rem}.content-quote{background:var(--color-panel);gap:1rem;display:grid}.content-quote p{font-family:var(--text-heading);font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line);margin:0}.content-quote cite{color:var(--color-text-muted);font-size:.75rem;font-style:normal}.code-block{background:var(--neutral-900);border-color:var(--neutral-800);color:var(--neutral-100);font-family:var(--text-mono);font-size:.8125rem;font-weight:var(--text-mono-weight);white-space:pre;line-height:1.5rem;overflow-x:auto}.code-block code{font:inherit}@media (width<=64rem){.round-overview-content,.round-overview .stat-grid{grid-template-columns:minmax(0,1fr)}.design-section-intro{grid-template-columns:1fr;align-items:start}.design-header-label{display:none}.design-header-content{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) max-content;gap:.5rem}.button.design-navigation-toggle{display:grid}.design-sidebar.design-navigation-drawer[open]{display:block}:root{--type-display-size:2.5rem;--type-display-line:3rem;--type-h1-size:2rem;--type-h1-line:2.5rem}.design-sidebar{display:none}aside.design-sidebar{z-index:2;background:var(--color-canvas);opacity:0;pointer-events:none;width:14rem;position:fixed;inset-inline-start:0;transform:translate(-100%)}.design-header-content{padding-inline:1rem}.design-main{padding:3rem 1rem 6rem}.design-page{gap:4rem}.typeface-grid,.body-copy-grid,.inline-grid,.text-tone-grid,.number-grid,.color-role-grid,.foundation-split,.feedback-grid,.card-grid,.card-action-grid,.elevation-stage,.radius-grid,.border-grid,.surface-grid,.button-variant-grid,.button-state-grid,.button-size-grid,.button-content-grid,.alert-grid,.feedback-component-grid,.display-demo-grid,.loading-grid,.stat-grid,.form-grid,.field-state-grid,.selection-grid,.identity-demo-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.card-pattern-intro,.foundation-subsection-intro{grid-template-columns:1fr;align-items:start}.color-ramp{overflow-x:auto}.color-ramp ol{min-width:34rem}.color-state-samples{grid-template-columns:repeat(2,minmax(0,1fr))}.color-state-samples>div:first-child{border-radius:var(--radius-small) 0 0}.color-state-samples>div:nth-child(2){border-radius:0 var(--radius-small) 0 0}.color-state-samples>div:nth-child(3){border-radius:0 0 0 var(--radius-small)}.color-state-samples>div:last-child{border-radius:0 0 var(--radius-small)}.copy-large{grid-column:auto}.inline-grid p:nth-child(2n),.text-tone-grid p:nth-child(2n){border-left:0}.inline-grid p:nth-child(n+2),.text-tone-grid p:nth-child(n+2){border-top:1px solid var(--neutral-300)}.type-scale-row{grid-template-columns:1fr;align-items:start;gap:1rem}}@media (prefers-reduced-motion:reduce){aside.design-sidebar,.design-sidebar.design-navigation-drawer,.design-navigation-drawer::backdrop,.dropdown-item,.combobox-list [role=option],.disclosure-indicator,.account-trigger,.design-header,.design-sidebar a,.design-sidebar iconify-icon,.inline-grid a,.card-interactive,.card-selectable,.button,.field-control,.choice input,.switch-track,.switch-track>span,.data-table tbody tr,.table-sort,.breadcrumbs a,.disclosure-trigger{transition:none}.skeleton,.skeleton-avatar,.spinner{animation:none}.button{--button-press-offset:0px}}.stack{gap:1rem;display:grid}.stack-tight{gap:.25rem}.split-row{align-items:var(--split-row-align,start);grid-template-columns:minmax(0,1fr) max-content;gap:1rem;display:grid}@media (width<=34rem){.split-row{grid-template-columns:1fr;align-items:start}}.tab-list{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-sunken);grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start;gap:.125rem;padding:.1875rem;display:grid}.tab-list [role=tab]{appearance:none;border-radius:var(--radius-small);color:var(--color-text-secondary);cursor:pointer;font:600 var(--type-small-size) / 1.25rem var(--text-heading);transition:background-color var(--transition-fast) var(--ease-standard), border-color var(--transition-fast) var(--ease-standard), box-shadow var(--transition-fast) var(--ease-standard), color var(--transition-fast) var(--ease-standard);background:0 0;border:1px solid #0000;padding:.375rem .875rem}.tab-list [role=tab]:hover{color:var(--color-text-primary)}.tab-list [role=tab]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tab-list [role=tab][aria-selected=true]{background:var(--color-panel);border-color:var(--color-border);box-shadow:var(--shadow-raised);color:var(--color-text-primary)}@supports (anchor-name:--tab-current){.tab-list{anchor-scope:--tab-current;position:relative}.tab-list [role=tab]{position:relative}.tab-list [role=tab][aria-selected=true]{anchor-name:--tab-current;box-shadow:none;background:0 0;border-color:#0000}.tab-list:has([role=tab][aria-selected=true]):before{position-anchor:--tab-current;inset:anchor(top) anchor(right) anchor(bottom) anchor(left);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-panel);box-shadow:var(--shadow-raised);content:"";transition:left var(--transition-panel) var(--ease-standard), right var(--transition-panel) var(--ease-standard);position:absolute}}@media (prefers-reduced-motion:reduce){.tab-list [role=tab],.tab-list:before{transition:none}}:root{--slate-50:oklch(97% .012 260.4);--slate-100:oklch(94% .024 260.4);--slate-200:oklch(88% .045 260.4);--slate-300:oklch(80% .07 260.4);--slate-400:oklch(70% .095 260.4);--slate-500:oklch(62% .115 260.4);--slate-600:oklch(53.544% .10158 260.364);--slate-700:oklch(46% .088 260.4);--slate-800:oklch(38% .07 260.4);--slate-900:oklch(30% .05 260.4);--green-50:oklch(97.5% .019 142);--green-100:oklch(94.5% .042 142);--green-200:oklch(89% .08 142);--green-300:oklch(82.5% .124 142);--green-400:oklch(75.5% .162 142);--green-500:oklch(68% .19 142);--green-600:oklch(53% .144 142);--green-700:oklch(46% .122 142);--green-800:oklch(38% .099 142);--green-900:oklch(30% .072 142);--orange-50:oklch(97.5% .013 50);--orange-100:oklch(94.5% .031 50);--orange-200:oklch(89% .065 50);--orange-300:oklch(83% .105 50);--orange-400:oklch(77.5% .146 50);--orange-500:oklch(72% .18 50);--orange-600:oklch(56% .148 50);--orange-700:oklch(47% .125 50);--orange-800:oklch(39% .104 50);--orange-900:oklch(30% .076 50);--sky-50:oklch(97.5% .014 228);--sky-100:oklch(94.5% .031 228);--sky-200:oklch(89% .059 228);--sky-300:oklch(82.5% .091 228);--sky-400:oklch(73% .119 228);--sky-500:oklch(63% .123 228);--sky-600:oklch(55% .107 228);--sky-700:oklch(47% .092 228);--sky-800:oklch(39% .076 228);--sky-900:oklch(30% .059 228);--amber-50:oklch(97.5% .017 85);--amber-100:oklch(95% .037 85);--amber-200:oklch(91% .071 85);--amber-300:oklch(87% .111 85);--amber-400:oklch(83.5% .145 85);--amber-500:oklch(80% .164 85);--amber-600:oklch(58% .118 85);--amber-700:oklch(49% .101 85);--amber-800:oklch(40% .082 85);--amber-900:oklch(31% .064 85);--crimson-50:oklch(97.5% .012 22);--crimson-100:oklch(94.5% .027 22);--crimson-200:oklch(89% .057 22);--crimson-300:oklch(82% .1 22);--crimson-400:oklch(72% .17 22);--crimson-500:oklch(62% .2 22);--crimson-600:oklch(54% .19 22);--crimson-700:oklch(46% .16 22);--crimson-800:oklch(38% .124 22);--crimson-900:oklch(30% .084 22);--neutral-0:oklch(100% 0 0);--neutral-50:oklch(98.3% .006 90);--neutral-100:oklch(96.5% .0075 90);--neutral-200:oklch(93% .009 90);--neutral-300:oklch(87.5% .011 90);--neutral-400:oklch(79% .013 90);--neutral-500:oklch(68% .014 90);--neutral-600:oklch(54% .013 90);--neutral-700:oklch(46% .011 90);--neutral-800:oklch(35% .008 90);--neutral-900:oklch(25.5% .006 90);--neutral-950:oklch(20% .004 90);--text-body:"Inter", sans-serif;--text-expressive:"M PLUS Rounded 1c", sans-serif;--text-heading:"Inter", sans-serif;--text-mono:"Sono", monospace;--text-mono-weight:350}*,:before,:after{box-sizing:border-box}html{min-height:100vh}html body{background:var(--color-canvas);min-height:100vh;font-family:var(--text-body);margin:0}code,kbd,samp{font-family:var(--text-mono);font-weight:var(--text-mono-weight)}pre{font-family:inherit}