/* Generated from src/main/design-system/tokens.json, Veritop 1792253350-7487. Do not edit: see docs/design-system.md. */
:root {
  --bg-deep: #0c0d1a;
  --bg: #0f1020;
  --surface: #171833;
  --surface-raised: #1d1f3f;
  --field: #13142a;
  --tag-bg: #22244a;
  --pattern-line: #191a35;
  --line: #2a2c4d;
  --line-strong: #5c61a0;
  --ink: #eceaf6;
  --ink-soft: #c9c7dc;
  --ink-muted: #a3a3c2;
  --tag-ink: #d6d3f0;
  --gold: #f5c451;
  --gold-hover: #ffd97f;
  --on-gold: #0f1020;
  --promo: #a393ff;
  --on-promo: #0f1020;
  --conflict: #c4b8ff;
  --flag: #ff8f80;
  --error: #ff8aa0;
  --error-bg: #3a1a28;
  --uptime-ok: #3d8fd6;
  --uptime-fail: #ff9f5a;
  --status-open-bg: #15304a;
  --status-open-ink: #9fd3ff;
  --status-open-dot: #5bb8ff;
  --timeline-past: #5a5d8a;
  --link: var(--gold);
  --focus: var(--gold);
  --space-half: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-18: 72px;
  --admin-gutter: 32px;
  --admin-gutter-compact: 20px;
  --page-gutter: 72px;
  --page-gutter-compact: 20px;
  --radius-xs: 3px;
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --control-h: 38px;
  --control-h-compact: 46px;
  --control-h-l: 46px;
  --header-h: 72px;
  --header-h-compact: 60px;
  --plaque-w: 116px;
  --plaque-w-compact: 88px;
  --server-body-min-w: 280px;
  --server-body-min-w-compact: 160px;
  --grid-pitch: 48px;
  --grid-pitch-compact: 32px;
  --icon-s: 14px;
  --icon-m: 16px;
  --bar-h: 28px;
  --chart-h: 150px;
  --uptime-label-w: 130px;
  --opening-date-w: 58px;
  --launch-title-w: 110px;
  --lede-max-w: 720px;
  --sidebar-w: 240px;
  --login-w: 400px;
  --form-max-w: 640px;
  --form-split-max-w: 1328px;
  --form-col-w: 440px;
  --form-col-w-compact: 100%;
  --field-min-w: 200px;
  --textarea-min-h: 96px;
  --check-col-w: 160px;
  --check-col-w-compact: 100%;
  --checklist-max-h: 296px;
  --touch-min: 0px;
  --touch-min-compact: 44px;
  --screen-min-h: 100dvh;
  --jentry-time-w: 136px;
  --jentry-body-min-w: 320px;
  --subsection-title-basis: 0px;
  --subsection-title-basis-compact: 768px;
  --page-max-w: 1440px;
  --main-min-w: 480px;
  --aside-w: 320px;
  --aside-w-compact: 100%;
  --promo-card-w: 240px;
  --promo-card-w-compact: 80%;
  --opening-when-w: 96px;
  --fact-min-w: 160px;
  --tip-max-w: 280px;
  --dropdown-w: 320px;
  --range-input-w: 96px;
  --opacity-past: 0.72;
  --font-display: "Source Serif 4", Georgia, serif;
  --font-sans: "Golos Text", system-ui, sans-serif;
}
.t-page-title {
  font-family: var(--font-display);
  font-size: 50px;
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.t-section-title {
  font-family: var(--font-display);
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: normal;
}
.t-card-title {
  font-family: var(--font-display);
  font-size: 21px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.t-page-title-compact {
  font-family: var(--font-display);
  font-size: 34px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.t-card-title-compact {
  font-family: var(--font-display);
  font-size: 19px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: normal;
}
.t-lede {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.55;
  font-weight: 400;
  letter-spacing: normal;
}
.t-body {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: normal;
}
.t-body-s {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
}
.t-caption {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: normal;
}
.t-micro {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: normal;
}
.t-label {
  font-family: var(--font-sans);
  font-size: 11px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.t-rate-hero {
  font-family: var(--font-sans);
  font-size: 34px;
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: normal;
}
.t-rate {
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: normal;
}
.t-stat {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: normal;
}
.t-rate-compact {
  font-family: var(--font-sans);
  font-size: 19px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: normal;
}
@media (width < 768px) {
  :root {
    --admin-gutter: var(--admin-gutter-compact);
    --page-gutter: var(--page-gutter-compact);
    --control-h: var(--control-h-compact);
    --header-h: var(--header-h-compact);
    --plaque-w: var(--plaque-w-compact);
    --server-body-min-w: var(--server-body-min-w-compact);
    --grid-pitch: var(--grid-pitch-compact);
    --form-col-w: var(--form-col-w-compact);
    --check-col-w: var(--check-col-w-compact);
    --touch-min: var(--touch-min-compact);
    --subsection-title-basis: var(--subsection-title-basis-compact);
    --aside-w: var(--aside-w-compact);
    --promo-card-w: var(--promo-card-w-compact);
  }
  .t-page-title {
    font-family: var(--font-display);
    font-size: 34px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.02em;
  }
  .t-card-title {
    font-family: var(--font-display);
    font-size: 19px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: normal;
  }
  .t-rate {
    font-family: var(--font-sans);
    font-size: 19px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: normal;
  }
  .vt-wide-only {
    display: none !important;
  }
}
@media (width >= 768px) {
  .vt-compact-only {
    display: none !important;
  }
}
