@font-face{font-family:Inter;src:url('./Inter-Variable.29160a80ff49.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}

:root{
  color-scheme:light;
  --bg:#fff;
  --surface:#fff;
  --surface-subtle:#f0f2f6;
  --text:#202536;
  --muted:#566079;
  --border:#dfe3ea;
  --border-subtle:#e8ebf0;
  --primary:#f7630c;
  --primary-pressed:#d34c00;
  --container:#fff0e7;
  --callout:#fff6f0;
  --on-primary:#fff;
  --shadow-soft:0 1px 2px rgba(32,37,54,.05);
  --shadow-raised:0 24px 70px rgba(32,37,54,.13);
  --ds-color-canvas:var(--bg);
  --ds-color-surface:var(--surface);
  --ds-color-text:var(--text);
  --ds-color-muted:var(--muted);
  --ds-color-border:var(--border);
  --ds-color-action:var(--primary);
  --ds-color-action-hover:var(--primary-pressed);
  --ds-color-on-action:var(--on-primary);
  --ds-color-focus:var(--primary);
  --ds-font-body:Inter,Arial,sans-serif;
  --ds-control-min-size:48px
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme=light]){
    color-scheme:dark;
    --bg:#0f0f0f;
    --surface:#171719;
    --surface-subtle:#242428;
    --text:#f1f2f5;
    --muted:#a4a7af;
    --border:#303034;
    --border-subtle:#29292d;
    --primary:#ff7624;
    --primary-pressed:#ff8a47;
    --container:#342015;
    --callout:#26170f;
    --on-primary:#fff;
    --shadow-soft:none;
    --shadow-raised:none
  }
}
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#0f0f0f;
  --surface:#171719;
  --surface-subtle:#242428;
  --text:#f1f2f5;
  --muted:#a4a7af;
  --border:#303034;
  --border-subtle:#29292d;
  --primary:#ff7624;
  --primary-pressed:#ff8a47;
  --container:#342015;
  --callout:#26170f;
  --on-primary:#fff;
  --shadow-soft:none;
  --shadow-raised:none
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{min-height:100vh;min-height:100svh;margin:0;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--ds-font-body);font-size:var(--rds-type-body-size);font-weight:var(--rds-type-body-weight);line-height:var(--rds-type-body-line-height)}
button,a{font:inherit}
a{color:var(--primary-pressed)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.skip-link{position:absolute;left:1rem;top:-5rem;z-index:40;padding:.7rem 1rem;border-radius:12px;background:var(--primary);color:var(--on-primary);text-decoration:none}
.skip-link:focus{top:1rem}
.ui-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.display-title{font-size:var(--rds-type-display-size);font-weight:var(--rds-type-display-weight);letter-spacing:var(--rds-type-display-letter-spacing);line-height:var(--rds-type-display-line-height)}
.page-title{font-size:var(--rds-type-page-title-size);font-weight:var(--rds-type-page-title-weight);letter-spacing:var(--rds-type-page-title-letter-spacing);line-height:var(--rds-type-page-title-line-height)}
.disclosure-summary:after{content:'';width:10px;height:10px;margin:0 7px;flex:0 0 10px;border:solid currentColor;border-width:0 2px 2px 0;color:var(--text);transform:rotate(45deg);transform-origin:center;transition:transform 160ms ease}
details[open]>.disclosure-summary:after{transform:rotate(-135deg)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:700px){.display-title{font-size:var(--rds-type-display-mobile-size)}}
@media print{body{background:#fff;color:#111}}
