*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  max-width: 100%;
  overflow-x: clip;
  background: var(--tn-bg);
  color: var(--tn-fg);
  font-family: var(--tn-font-body, system-ui, sans-serif);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

html { scroll-behavior: smooth; scroll-padding-top: 88px; scrollbar-gutter: stable; }

a { color: var(--tn-link); }

img { max-width: 100%; height: auto; }

:focus-visible { outline: 2px solid var(--tn-primary); outline-offset: 3px; }

.chrome-brand-slot { line-height: 0; }

.t-section { min-height: 280px; }

[data-uiry0gf23x] { max-width: 100%; min-width: 0; overflow-x: clip; }

.page-main-layout { isolation: isolate; }

 .footer-main-wrap {
  --tn-badge-slot: 4.75rem;
  padding-bottom: calc(var(--tn-badge-slot) + env(safe-area-inset-bottom, 0px)) !important;
}

body > .t-glance {
  position: fixed;
  z-index: 35;
  pointer-events: none;
  opacity: 0;
  color: color-mix(in srgb, var(--tn-fg) 88%, transparent);
  background: color-mix(in srgb, var(--tn-card) 42%, transparent);
  border: 1px solid color-mix(in srgb, var(--tn-primary) 40%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity .35s ease, transform .35s ease, bottom .25s ease, left .25s ease, right .25s ease;
}

body > .t-glance.t-visible {
  opacity: 1;
}

 .t-glance {
  left: 50%;
  bottom: max(14px, env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%) translateY(6px);
  max-width: min(88vw, 380px);
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-align: center;
  color: color-mix(in srgb, var(--tn-fg) 78%, transparent);
  background: color-mix(in srgb, var(--tn-card) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--tn-primary) 48%, transparent);
  box-shadow: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

 .t-glance.t-visible {
  transform: translateX(-50%) translateY(0);
}

 .t-glance.is-footer-clear {
  bottom: max(18px, env(safe-area-inset-bottom, 0px));
}

@media block per axis value, not one block with all of them. For
   css_selection_filter an @media group is a single rule, and it drops a rule as
   soon as its text names any non-selected value of a site-level axis — so a
   shared block listing all five looks, as this one did, was thrown away on every
   site: no site ever got the mobile sizes below. Same defect as the one found in
   shared/slider_styles.css.tpl. Keep one value per group. */
@media (max-width: 720px) {
   .footer-main-wrap {
    --tn-badge-slot: 5.25rem;
  }
}

@media (max-width: 720px) {
   .t-glance {
    font-size: 0.7rem;
    padding: 7px 12px;
    max-width: min(90vw, 300px);
  }
}

@media (max-width: 900px) {
  .t-trigger {
    position: static;
    
    flex: 0 0 auto;
    justify-self: end;
    align-self: center;
    margin: 0;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    width: auto;
    height: auto;
    padding: 10px 14px;
    border-radius: 8px;
    box-shadow: none;
  }
  header > div {
    display: flex !important;
    align-items: center;
    gap: 12px;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    
    padding-right: 14px !important;
    padding-left: 14px !important;
  }
  header > div > a:first-child,
  header > div > [class*="brand"],
  header > div > [class*="logo"] {
    min-width: 0;
    flex: 1 1 auto;
  }
  
  body.nav-open header,
  body.nav-open [data-uiry0gf23x] > header,
  body.nav-open [data-uiry0gf23x] > div > header {
    position: sticky;
    top: 0;
    z-index: 59;
  }
  
  body .t-wrapper .t-menu__drawer {
    padding-top: 72px;
  }
}

 .t-trigger {
  order: 20;
  margin-left: auto;
}

 [data-uiwf8sb7o8] {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  
  padding-block: 12px 28px;
  box-sizing: border-box;
}

[data-uiwf8sb7o8][data-uihy6quo95="1"] {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

[data-uiwf8sb7o8][data-uihy6quo95="1"]::-webkit-scrollbar { display: none; }

[data-uiwf8sb7o8] > [data-uiykk0siqg]:last-child {
  scroll-snap-align: end;
}

 [data-uiwf8sb7o8] {
  scroll-snap-type: x mandatory; scrollbar-width: none;
  
  margin-bottom: 2.5rem;
}

 [data-uiwf8sb7o8]::-webkit-scrollbar { display: none; }

 [data-uiykk0siqg] { scroll-snap-align: start; }

 .t-slds__arrow,
 .t-slds__progress { display: none !important; }

 .t-slds__bullet_wrapper {
  display: flex; gap: 8px; justify-content: center;
  margin-bottom: 0; min-height: 1.5rem; align-items: center;
}

 .t-slds__bullet {
  width: 10px; height: 10px; border-radius: 999px; border: 0;
  background: color-mix(in srgb, var(--tn-muted) 55%, transparent);
  cursor: pointer; padding: 0;
}

 .t-slds__bullet:hover,
 .t-slds__bullet:focus-visible,
 .t-slds__bullet.t-active {
  background: var(--tn-primary);
}

.t-slds__main {
  position: relative; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box;
}

.t-slds__arrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
  width: 2.4rem; height: 2.4rem; border: 0; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1.35rem; line-height: 1;
  color: var(--tn-over-primary); background: var(--tn-primary);
  transition: opacity .15s ease;
}

.t-slds__arrow[data-uim5mk5q8p] { left: 0.4rem; }

.t-slds__arrow[data-uim5ybrxg8] { right: 0.4rem; }

[data-uim5mk5q8p], [data-uim5ybrxg8] { transition: opacity .15s ease; }

[data-uim5mk5q8p].t-container_100, [data-uim5ybrxg8].t-container_100 { opacity: 0; pointer-events: none; }

.t-slds__bullet_wrapper {
  display: flex; gap: 8px; justify-content: center;
  margin-top: 0.35rem; margin-bottom: 0; min-height: 1.5rem; align-items: center;
}

.t-slds__main.is-dots-inset .t-slds__bullet_wrapper {
  margin-top: -2.25rem;
}

.t-slds__bullet {
  width: 8px; height: 8px; border-radius: 999px; border: 0;
  background: color-mix(in srgb, var(--tn-muted) 45%, transparent);
  cursor: pointer; padding: 0;
}

.t-slds__bullet:hover,
.t-slds__bullet:focus-visible,
.t-slds__bullet.t-active {
  background: var(--tn-primary);
}

.t-slds__main:not(.is-scrollable) .t-slds__arrow,
.t-slds__main:not(.is-scrollable) .t-slds__bullet_wrapper,
.t-slds__main:not(.is-scrollable) .t-slds__progress {
  display: none !important;
}

.t-slds__main:not(.is-scrollable) [data-uiwf8sb7o8] {
  justify-content: center;
}

:root {
  --tn-primary: #d4af37;
  --tn-secondary: #00d2d3;
  --tn-brand-pop: #ff00ff;
  --tn-key-soft: #4b3c28;
  --tn-bg: #1e252b;
  --tn-hairline: #483b46;
  --tn-rule-strong: #665063;
  --tn-invert: #dc143c;
  --tn-warn-strong: #b42318;
  --tn-link: #d4af37;
  --tn-jump-hover: #74be7d;
  --tn-muted: #a596a3;
  --tn-over-primary: #000000;
  --tn-flip-fg: #241822;
  --tn-good: #067647;
  --tn-card: #251c24;
  --tn-float: #30262e;
  --tn-surface-inv: #dc143c;
  --tn-fg: #f0eef0;
  --tn-copy-inv: #241822;
}

@font-face {
  font-family: 'Outfit';
  src: url('/assets/fonts/outfit-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Outfit';
  src: url('/assets/fonts/outfit-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Instrument Sans';
  src: url('/assets/fonts/instrument-sans-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Instrument Sans';
  src: url('/assets/fonts/instrument-sans-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Instrument Sans';
  src: url('/assets/fonts/instrument-sans-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}

:root {
  --tn-title-font: 'Outfit', system-ui, sans-serif;
  --tn-font-body: 'Instrument Sans', system-ui, -apple-system, sans-serif;
  --tn-round: 26px;
  --tn-hover-move: scale(1.03);
  --tn-press-tone: none;
  --tn-btn-glow: 0 4px 14px color-mix(in srgb, var(--tn-fg) 12%, transparent);
  --tn-body-scale: 0.96;
  --tn-head-scale: 1.14;
  --tn-scale-all: 1.1;
}

html {
  font-size: calc(100% * var(--tn-scale-all, 1) * var(--tn-body-scale, 1));
}

html, body {
  font-family: var(--tn-font-body);
}

h1 { font-size: calc(2.25rem * var(--tn-head-scale, 1)); }

h2 { font-size: calc(1.75rem * var(--tn-head-scale, 1)); }

h3 { font-size: calc(1.35rem * var(--tn-head-scale, 1)); }

h4 { font-size: calc(1.15rem * var(--tn-head-scale, 1)); }

h1, h2, h3, h4,
[class*="title"], [class*="Title"], [class*="headline"], [class*="Headline"] {
  font-family: var(--tn-title-font);
}

a[class*="btn"]:hover,
a[class*="-cta-"]:hover,
button:hover,
[class*="Btn"]:hover,
[class*="-btn-"]:hover {
  transform: var(--tn-hover-move);
  filter: var(--tn-press-tone);
  box-shadow: var(--tn-btn-glow);
}

a[class*="btn"],
a[class*="-cta-"],
button,
[class*="Btn"],
[class*="-btn-"] {
  transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

[data-uiry0gf23x="s2xiozy2c"].page-main-layout {
  --page-max: 1220px;
  --page-gut: clamp(12px, 2.4vw, 28px);
  --tn-spine: 264px;
  --flow-gap: clamp(56px, 7vw, 96px);
  --sheet-gap: max(12px, calc(var(--flow-gap) * 0.24));
  --sheet-pad: clamp(18px, 2.6vw, 34px);
  --gap-grid: clamp(10px, 1.4vw, 16px);
  --r: var(--tn-round, 10px);
  --r-s: min(calc(var(--tn-round, 10px) * 0.6), 10px);
  --r-sheet: min(calc(var(--tn-round, 10px) * 1.2), 20px);
  --r-card: min(var(--tn-round, 10px), 14px);
  --r-field: min(var(--tn-round, 10px), 10px);
  --sheet-line: color-mix(in srgb, var(--tn-hairline) 80%, transparent);
  --zebra: color-mix(in srgb, var(--tn-bg) 55%, var(--tn-card));
  --tint: color-mix(in srgb, var(--tn-primary) 11%, var(--tn-card));
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--tn-bg);
  color: var(--tn-fg);
  counter-reset: sec;
}

[data-uiry0gf23x="s2xiozy2c"] .desktop-view-frame { flex: 1; width: min(100%, var(--page-max)); margin: 0 auto; padding: var(--sheet-gap) var(--page-gut) calc(var(--sheet-gap) * 3); }

[data-uiry0gf23x="s2xiozy2c"] .desktop-view-main { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; width: min(100%, 900px); margin: 0 auto; }

[data-uiry0gf23x="s2xiozy2c"] .desktop-view-main > * { min-width: 0; margin-block: 0 var(--sheet-gap); }

[data-uiry0gf23x="s2xiozy2c"] :is(h1, h2, h3, h4) { font-family: var(--tn-title-font); font-weight: 700; line-height: 1.2; letter-spacing: -0.012em; overflow-wrap: break-word; text-wrap: balance; }

[data-uiry0gf23x="s2xiozy2c"] [data-dqjj43] { --fs-fit: min(var(--fs), calc(100cqi / (var(--lw) * 0.62))); }

.overlay-sheet-box { padding: var(--sheet-pad); border: 1px solid var(--sheet-line); border-radius: var(--r-sheet); background: var(--tn-card); color: var(--tn-fg); box-shadow: 0 1px 2px color-mix(in srgb, var(--tn-fg) 6%, transparent); }

.overlay-sheet-box:has(+ .overlay-sheet-action) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.desktop-view-main > .overlay-sheet-action { margin-top: calc(-1 * var(--sheet-gap)); border-top: 1px dashed var(--tn-hairline); border-top-left-radius: 0; border-top-right-radius: 0; }

.overlay-sheet-header { display: flex; align-items: flex-start; gap: 14px; margin: 0 0 clamp(14px, 1.8vw, 22px); min-width: 0; }

.section-sub-kicker { flex: none; padding-right: 14px; border-right: 2px solid var(--tn-rule-strong); color: var(--tn-muted); font: 300 calc(clamp(1.3rem, 1.9vw, 1.75rem) * var(--tn-head-scale, 1))/1.2 var(--tn-title-font); font-variant-numeric: tabular-nums; }

.section-sub-kicker::before { counter-increment: sec; content: counter(sec); }

.overlay-sheet-caption { flex: 1 1 auto; width: 100%; min-width: 0; container-type: inline-size; }

.overlay-sheet-title { --fs: calc(clamp(1.3rem, 1.9vw, 1.75rem) * var(--tn-head-scale, 1)); margin: 0; font-size: var(--fs-fit, var(--fs)); }

.standard-body-text { color: var(--tn-fg); line-height: 1.62; overflow-wrap: break-word; }

.standard-body-text > * { margin-block: 0; }

.standard-body-text > * + * { margin-top: 0.9em; }

.standard-body-text h3, .standard-body-text h4 { margin-top: 1.5em; padding-top: 1.1em; border-top: 1px solid var(--sheet-line); font-size: 1.12rem; }

.standard-body-text > h3:first-child, .standard-body-text > h4:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

.standard-body-text ul { list-style: none; padding-left: 0; }

.standard-body-text ul > li { position: relative; padding-left: 1.6em; }

.standard-body-text ul > li::before { content: ""; position: absolute; left: 0.2em; top: 0.5em; width: 0.62em; height: 0.62em; border: 1.5px solid var(--tn-muted); border-radius: 50%; }

.standard-body-text ol { padding-left: 1.4em; }

.standard-body-text li + li { margin-top: 0.4em; }

.standard-body-text a { color: var(--tn-link); text-underline-offset: 0.18em; }

.standard-body-text a:hover { color: var(--tn-jump-hover); }

.standard-body-text img { display: block; max-width: 100%; height: auto; border-radius: var(--r-s); }

.t614__wrapper_go-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5em; min-height: 44px; padding: 0.7em 1.4em; border: 0; border-radius: var(--r-field); background: var(--tn-primary); color: var(--tn-over-primary); font: 700 0.95rem/1.15 var(--tn-font-body); text-align: center; text-decoration: none; cursor: pointer; transition: transform 0.18s, box-shadow 0.18s, filter 0.18s; }

.t614__wrapper_go-btn:hover { transform: var(--tn-hover-move); filter: var(--tn-press-tone); box-shadow: var(--tn-btn-glow); }

.btn-arrow-icon { flex: none; }

[data-uiry0gf23x="s2xiozy2c"] .desktop-view-main > section:has(> .html-block-content) { padding: var(--sheet-pad); border: 1px solid var(--sheet-line); border-radius: var(--r-sheet); background: var(--tn-card); color: var(--tn-fg); }

.desktop-view-main .html-block-content { line-height: 1.62; }

.desktop-view-main .html-block-content > * + * { margin-top: 0.9em; }

.desktop-view-main section > h2.section-title { --fs: calc(clamp(1.3rem, 1.9vw, 1.75rem) * var(--tn-head-scale, 1)); font-size: var(--fs); margin: 0 0 16px; }

.desktop-view-main .html-block-content table, .desktop-view-main .standard-body-text table { width: 100%; border-collapse: collapse; font-size: 0.93rem; }

.desktop-view-main .html-block-content caption, .desktop-view-main .standard-body-text caption { caption-side: top; text-align: left; padding-bottom: 8px; font-size: 0.85rem; color: var(--tn-muted); }

.desktop-view-main .html-block-content th, .desktop-view-main .html-block-content td, .desktop-view-main .standard-body-text th, .desktop-view-main .standard-body-text td { padding: 10px 12px; text-align: left; vertical-align: top; }

.desktop-view-main .html-block-content tbody tr:nth-child(odd), .desktop-view-main .standard-body-text tbody tr:nth-child(odd) { background: var(--zebra); }

.desktop-view-main .html-block-content thead th, .desktop-view-main .standard-body-text thead th { font-size: 0.8rem; font-weight: 600; color: var(--tn-muted); border-bottom: 1px solid var(--tn-hairline); }

.desktop-view-main .html-block-content div:has(> table), .desktop-view-main .standard-body-text div:has(> table) { overflow-x: auto; }

@media (min-width: 1024px) {
  [data-uiry0gf23x="s2xiozy2c"] .desktop-view-main:has(> .side-rail-container) { grid-template-columns: var(--tn-spine) minmax(0, 1fr); column-gap: clamp(18px, 2vw, 28px); width: 100%; }
  [data-uiry0gf23x="s2xiozy2c"] .desktop-view-main:has(> .side-rail-container) > * { grid-column: 2; }
  [data-uiry0gf23x="s2xiozy2c"] .desktop-view-main > .side-rail-container { grid-column: 1; grid-row: 1 / span 90; align-self: stretch; margin: 0; }
  [data-uiry0gf23x="s2xiozy2c"] .desktop-view-main:has(> .slider-dot-container) { grid-template-columns: var(--tn-spine) minmax(0, 1fr); column-gap: clamp(18px, 2vw, 28px); width: 100%; }
  [data-uiry0gf23x="s2xiozy2c"] .desktop-view-main:has(> .slider-dot-container) > * { grid-column: 2; }
  [data-uiry0gf23x="s2xiozy2c"] .desktop-view-main > .slider-dot-container { grid-column: 1; grid-row: 1 / span 90; align-self: stretch; margin: 0; }
}

@media (max-width: 760px) {
  .desktop-view-main .html-block-content table, .desktop-view-main .standard-body-text table { display: block; max-width: 100%; overflow-x: auto; }
}

@media (max-width: 640px) {
  [data-uiry0gf23x="s2xiozy2c"] .desktop-view-frame { padding-inline: 8px; }
  .overlay-sheet-box { padding: 18px 16px; }
  .overlay-sheet-header { gap: 10px; }
  .section-sub-kicker { padding-right: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  [data-uiry0gf23x="s2xiozy2c"] * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

.side-drawer-container { position: fixed; inset: 0; z-index: 80; }

.side-drawer-container[hidden] { display: none; }

.side-drawer-overlay { position: absolute; inset: 0; background: color-mix(in srgb, var(--tn-surface-inv) 55%, transparent); }

.side-drawer-content { position: absolute; top: 0; bottom: 0; left: 0; display: flex; flex-direction: column; width: min(380px, 90vw); background: var(--tn-card); color: var(--tn-fg); border-right: 1px solid var(--tn-hairline); box-shadow: 12px 0 40px -20px color-mix(in srgb, var(--tn-fg) 55%, transparent); }

.side-drawer-header { display: flex; align-items: center; gap: 8px; padding: calc(12px + env(safe-area-inset-top, 0px)) 12px 12px 16px; border-bottom: 1px solid var(--tn-hairline); }

.side-drawer-search { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; padding: 0 12px; border-radius: var(--r-field, 8px); background: var(--tn-float); color: var(--tn-muted); }

.side-drawer-search:focus-within { outline: 2px solid var(--tn-primary); outline-offset: 0; }

.side-drawer-field { flex: 1; min-width: 0; height: 44px; padding: 0; border: 0; outline: none; background: transparent; color: var(--tn-fg); font: 500 1rem var(--tn-font-body); }

.side-drawer-close-btn { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 0; border-radius: var(--r-field, 8px); background: transparent; color: var(--tn-fg); cursor: pointer; }

.side-drawer-close-btn:hover { background: var(--tn-float); }

.side-drawer-navigation { flex: 1; list-style: none; margin: 0; padding: 8px 8px 32px; overflow-y: auto; overscroll-behavior: contain; }

.side-drawer-navigation > .side-drawer-item + .side-drawer-item { border-top: 1px solid var(--tn-hairline); }

.side-drawer-sub-menu { list-style: none; margin: 0 0 8px 18px; padding: 0 0 0 10px; border-left: 2px solid var(--tn-hairline); }

.side-drawer-anchor { display: flex; align-items: center; min-height: 44px; padding: 6px 10px; border-radius: var(--r-s, 6px); color: var(--tn-fg); font-size: 0.95rem; line-height: 1.3; text-decoration: none; overflow-wrap: anywhere; }

.side-drawer-navigation > .side-drawer-item > .side-drawer-anchor { font: 700 1rem/1.3 var(--tn-title-font); }

.side-drawer-sub-menu .side-drawer-anchor { min-height: 40px; color: var(--tn-muted); }

a.side-drawer-anchor:hover { background: var(--tn-float); color: var(--tn-fg); }

.side-drawer-anchor[aria-current="page"] { color: var(--tn-link); box-shadow: inset 3px 0 0 var(--tn-link); }

.side-drawer-item[hidden] { display: none; }

.stepper-fold-root { min-width: 0; }

.stepper-fold-root .stepper-fold-group { display: grid; gap: 8px; }

.stepper-fold-root .stepper-fold-unit { border: 1px solid var(--tn-hairline); border-radius: var(--r-card); background: var(--tn-card); }

.stepper-fold-root .stepper-fold-unit[open] { border-color: var(--tn-rule-strong); }

.stepper-fold-root .stepper-fold-header { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 10px 14px; cursor: pointer; list-style: none; font-weight: 700; }

.stepper-fold-root .stepper-fold-header::-webkit-details-marker { display: none; }

.stepper-fold-root .stepper-fold-index { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: var(--r-s); background: var(--zebra); color: var(--tn-muted); font: 700 0.9rem/1 var(--tn-title-font); font-variant-numeric: tabular-nums; }

.stepper-fold-root .stepper-fold-label { flex: 1; min-width: 0; line-height: 1.35; overflow-wrap: anywhere; }

.stepper-fold-root .stepper-fold-icon { flex: none; color: var(--tn-muted); transition: transform 0.2s; }

.stepper-fold-root [open] > summary .stepper-fold-icon { transform: rotate(180deg); }

.stepper-fold-root .stepper-fold-body { padding: 0 14px 16px 60px; max-width: 80ch; }

@media (max-width: 560px) {
  .stepper-fold-root .stepper-fold-body { padding-left: 14px; }
}

.alert-notice-box { display: grid; justify-items: center; gap: 6px; padding-top: 0; overflow: hidden; border-color: color-mix(in srgb, var(--tn-primary) 40%, var(--tn-hairline)); text-align: center; }

.alert-notice-box .alert-notice-strip { justify-self: stretch; min-height: 56px; margin: 0 calc(-1 * var(--sheet-pad)); padding: 14px var(--sheet-pad) 30px; background: var(--tn-primary); color: var(--tn-over-primary); text-align: left; }

.alert-notice-box .alert-notice-header { margin: 0; color: var(--tn-over-primary); font-size: calc(1.15rem * var(--tn-head-scale, 1)); }

.alert-notice-box .alert-notice-icon { display: grid; place-items: center; width: 84px; height: 84px; margin-top: -42px; border: 4px solid var(--tn-card); border-radius: 50%; overflow: hidden; background: var(--tn-float); color: var(--tn-fg); font: 800 1.6rem/1 var(--tn-title-font); }

.alert-notice-box .alert-notice-icon img { display: block; width: 100%; height: 100%; object-fit: cover; }

.alert-notice-box .alert-notice-label { margin: 6px 0 0; font: 700 1.05rem/1.3 var(--tn-title-font); }

.alert-notice-box .alert-notice-type { margin: 0; color: var(--tn-muted); font-size: 0.86rem; }

.alert-notice-box .alert-notice-msg { max-width: 64ch; margin-top: 8px; font-size: 0.95rem; line-height: 1.6; }

.alert-notice-box .alert-notice-msg > * { margin: 0; }

.alert-notice-box .alert-notice-msg > * + * { margin-top: 0.7em; }

.feature-plus-grid { min-width: 0; }

.feature-plus-grid .feature-plus-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: var(--gap-grid); }

.feature-plus-grid .feature-plus-card { display: grid; align-content: start; gap: 10px; padding: 16px; border-radius: var(--r-card); background: var(--zebra); border: 1px solid var(--sheet-line); }

.feature-plus-grid .feature-plus-header { display: flex; align-items: center; gap: 10px; min-width: 0; }

.feature-plus-grid .feature-plus-icon { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--tn-primary); color: var(--tn-over-primary); }

.feature-plus-grid .feature-plus-title { margin: 0; font-size: 1rem; line-height: 1.3; min-width: 0; }

.feature-plus-grid .feature-plus-text { margin: 0; color: var(--tn-muted); font-size: 0.9rem; line-height: 1.5; }

.jump-nav-bar { min-width: 0; }

.jump-nav-bar .t874__hop-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; font-size: 0.82rem; }

.jump-nav-bar .jump-nav-tag { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }

.jump-nav-bar .jump-nav-tag + .jump-nav-tag::before { content: "\203A"; color: var(--tn-muted); }

.jump-nav-bar .t800__hop-link, .jump-nav-bar .jump-nav-trigger { display: inline-block; padding: 4px 10px; border: 1px solid var(--tn-hairline); border-radius: 999px; background: var(--tn-card); line-height: 1.3; overflow-wrap: anywhere; }

.jump-nav-bar .t800__hop-link { color: var(--tn-muted); text-decoration: none; }

.jump-nav-bar .t800__hop-link:hover { color: var(--tn-fg); border-color: var(--tn-rule-strong); }

.jump-nav-bar .jump-nav-trigger { color: var(--tn-fg); font-weight: 600; }

.content-strip-wrapper { min-width: 0; }

.content-strip-wrapper .content-strip-track { list-style: none; margin: 0; padding: 2px 2px 10px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(230px, 1fr); gap: var(--gap-grid); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: thin; }

.content-strip-wrapper .content-strip-cell { display: flex; min-width: 0; scroll-snap-align: start; }

.content-strip-wrapper .content-strip-card { display: flex; flex-direction: column; width: 100%; overflow: hidden; border: 1px solid var(--tn-hairline); border-radius: var(--r-card); background: var(--tn-card); }

.content-strip-wrapper .content-strip-image img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; background: var(--tn-float); }

.content-strip-wrapper .content-strip-body { display: grid; align-content: start; gap: 8px; flex: 1; padding: 14px 14px 16px; }

.content-strip-wrapper .content-strip-heading { margin: 0; font-size: 1.02rem; line-height: 1.3; }

.content-strip-wrapper .content-strip-anchor { color: var(--tn-fg); text-decoration: none; }

.content-strip-wrapper .content-strip-anchor:hover { color: var(--tn-jump-hover); text-decoration: underline; }

.content-strip-wrapper .content-strip-copy { color: var(--tn-muted); font-size: 0.9rem; line-height: 1.5; }

.content-strip-wrapper .content-strip-copy > * { margin: 0; }

.content-strip-wrapper .content-strip-copy > * + * { margin-top: 0.5em; }

.content-strip-wrapper .content-strip-copy a { color: var(--tn-link); }

.content-strip-wrapper .content-strip-link { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 8px 14px; border-top: 1px solid var(--tn-hairline); background: var(--tint); color: var(--tn-link); font-weight: 700; font-size: 0.9rem; text-decoration: none; }

.content-strip-wrapper .content-strip-link:hover { color: var(--tn-jump-hover); }

.content-strip-wrapper .content-strip-cell:only-child .content-strip-card { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); grid-template-rows: 1fr auto; }

.content-strip-wrapper .content-strip-cell:only-child .content-strip-image { grid-row: span 2; }

.content-strip-wrapper .content-strip-cell:only-child .content-strip-image img { height: 100%; aspect-ratio: auto; }

@media (max-width: 640px) {
  .content-strip-wrapper .content-strip-track { grid-auto-columns: 78%; }
  .content-strip-wrapper .content-strip-cell:only-child .content-strip-card { display: flex; }
}

.aurora-grid-container { min-width: 0; }

.aurora-grid-container .aurora-grid-list { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); margin: 0; border-top: 1px solid var(--sheet-line); }

.aurora-grid-container .aurora-grid-ques, .aurora-grid-container .aurora-grid-ans { margin: 0; padding: 14px 0; border-bottom: 1px solid var(--sheet-line); }

.aurora-grid-container .aurora-grid-ques { padding-right: 18px; font: 700 0.98rem/1.4 var(--tn-title-font); overflow-wrap: anywhere; }

.aurora-grid-container .aurora-grid-ans { font-size: 0.93rem; }

@media (max-width: 640px) {
  .aurora-grid-container .aurora-grid-list { grid-template-columns: minmax(0, 1fr); }
  .aurora-grid-container .aurora-grid-ques { padding: 14px 0 4px; border-bottom: 0; }
  .aurora-grid-container .aurora-grid-ans { padding-top: 0; }
}

.compact-fold-root { min-width: 0; }

.compact-fold-root .compact-fold-list { display: grid; gap: 6px; }

.compact-fold-root .compact-fold-ques { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 12px; border-radius: var(--r-field); background: var(--zebra); cursor: pointer; list-style: none; font-weight: 600; font-size: 0.95rem; }

.compact-fold-root .compact-fold-ques::-webkit-details-marker { display: none; }

.compact-fold-root .compact-fold-toggle { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--tn-primary); color: var(--tn-over-primary); font: 800 0.8rem/1 var(--tn-title-font); }

.compact-fold-root .compact-fold-copy { flex: 1; min-width: 0; overflow-wrap: anywhere; }

.compact-fold-root .compact-fold-item[open] .compact-fold-ques { background: var(--tint); }

.compact-fold-root .compact-fold-ans { padding: 8px 12px 10px 46px; font-size: 0.92rem; }

.widget-kit-section { min-width: 0; }

.widget-kit-section .widget-kit-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: var(--gap-grid); }

.widget-kit-section .widget-kit-card { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; min-width: 0; padding: 18px; border-radius: var(--r-card); background: var(--tint); }

.widget-kit-section .widget-kit-text { display: grid; gap: 6px; min-width: 0; }

.widget-kit-section .widget-kit-title { margin: 0; font-size: 1.05rem; line-height: 1.3; }

.widget-kit-section .widget-kit-desc { margin: 0; color: var(--tn-fg); font-size: 0.9rem; line-height: 1.5; }

.widget-kit-section .widget-kit-icon { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: var(--r-field); background: var(--tn-card); color: var(--tn-fg); }

.footer-main-wrap { margin-top: auto; background: var(--tn-surface-inv); color: var(--tn-flip-fg); }

.footer-main-wrap .footer-inner-shell { width: min(100%, var(--page-max)); margin: 0 auto; padding: clamp(28px, 4vw, 48px) var(--page-gut) 20px; }

.footer-main-wrap .footer-sitemap { padding-bottom: clamp(20px, 3vw, 32px); border-bottom: 1px solid color-mix(in srgb, var(--tn-flip-fg) 18%, transparent); }

.footer-main-wrap .footer-social-feed { list-style: none; margin: 0; padding: 0; columns: 4 190px; column-gap: clamp(20px, 3vw, 40px); }

.footer-main-wrap .t332__wrapper_foot-node { break-inside: avoid; }

.footer-main-wrap .footer-social-feed > .t332__wrapper_foot-node { padding-bottom: 14px; }

.footer-main-wrap .footer-parental-info { list-style: none; margin: 2px 0 0; padding: 0; }

.footer-main-wrap .tn-atom__foot-link { display: inline-block; padding: 4px 0; color: var(--tn-flip-fg); font-size: 0.88rem; line-height: 1.35; text-decoration: none; opacity: 0.78; overflow-wrap: anywhere; }

.footer-main-wrap .footer-social-feed > .t332__wrapper_foot-node > .tn-atom__foot-link { font: 700 0.95rem/1.3 var(--tn-title-font); opacity: 1; }

.footer-main-wrap a.tn-atom__foot-link:hover { opacity: 1; text-decoration: underline; }

.footer-main-wrap .tn-atom__foot-link[aria-current="page"] { opacity: 1; text-decoration: underline; text-underline-offset: 0.2em; }

.footer-main-wrap .footer-bottom-bar { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1.4fr); grid-template-areas: "plate legal care" "copy copy copy"; gap: 18px clamp(20px, 3vw, 40px); align-items: start; padding-top: clamp(20px, 3vw, 28px); }

.footer-main-wrap .footer-logo-plate { grid-area: plate; display: inline-flex; padding: 10px 14px; border-radius: var(--r-field); background: var(--tn-card); }

.footer-main-wrap .footer-brand-mark { display: inline-flex; align-items: center; color: var(--tn-fg); font: 800 1.05rem/1 var(--tn-title-font); text-decoration: none; }

.footer-main-wrap .footer-disclaimer { grid-area: legal; list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }

.footer-main-wrap .footer-fine-print { display: inline-block; padding: 3px 0; color: var(--tn-flip-fg); font-size: 0.84rem; text-decoration: none; opacity: 0.78; }

.footer-main-wrap a.footer-fine-print:hover { opacity: 1; text-decoration: underline; }

.footer-main-wrap .footer-support-links { grid-area: care; display: flex; gap: 14px; align-items: flex-start; }

.footer-main-wrap .footer-age-limit { display: grid; place-items: center; flex: none; min-width: 44px; height: 44px; padding: 0 6px; border: 2px solid currentColor; border-radius: var(--r-field); font: 800 0.95rem/1 var(--tn-title-font); }

.footer-main-wrap .footer-small-print { margin: 0; font-size: 0.84rem; line-height: 1.5; opacity: 0.85; }

.footer-main-wrap .t597__wrapper_foot-copy { grid-area: copy; margin: 0; padding-top: 14px; border-top: 1px solid color-mix(in srgb, var(--tn-flip-fg) 18%, transparent); font-size: 0.8rem; opacity: 0.7; }

@media (max-width: 860px) {
  .footer-main-wrap .footer-bottom-bar { grid-template-columns: minmax(0, 1fr); grid-template-areas: "plate" "care" "legal" "copy"; }
  .footer-main-wrap .footer-logo-plate { justify-self: start; }
}

@media (max-width: 480px) {
  .footer-main-wrap .footer-social-feed { columns: 2 140px; }
}

.t250__wrapper_top-root { --band-h: 60px; position: sticky; top: calc(-1 * var(--band-h)); z-index: 50; }

.t250__wrapper_top-root .top-header-strip { height: var(--band-h); background: var(--tn-card); color: var(--tn-fg); border-bottom: 1px solid var(--sheet-line); }

.t250__wrapper_top-root .top-header-layout { display: flex; align-items: center; gap: 14px; height: 100%; width: min(100%, var(--page-max)); margin: 0 auto; padding-inline: var(--page-gut); }

.t250__wrapper_top-root .top-header-menu-btn { display: grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 0; border: 1px solid var(--tn-hairline); border-radius: var(--r-field); background: var(--tn-card); color: var(--tn-fg); cursor: pointer; }

.t250__wrapper_top-root .top-header-menu-btn:hover, .t250__wrapper_top-root .top-header-menu-btn[aria-expanded="true"] { border-color: var(--tn-fg); }

.t250__wrapper_top-root .top-header-logo { display: inline-flex; align-items: center; min-width: 0; color: var(--tn-fg); text-decoration: none; font: 800 1.2rem/1 var(--tn-title-font); letter-spacing: -0.02em; }

.t250__wrapper_top-root .top-header-bar { background: var(--tn-surface-inv); color: var(--tn-flip-fg); }

.t250__wrapper_top-root .top-header-nav { list-style: none; display: flex; align-items: center; gap: 2px; width: min(100%, var(--page-max)); min-height: 48px; margin: 0 auto; padding: 0 var(--page-gut); overflow-x: auto; scrollbar-width: none; }

.t250__wrapper_top-root .top-header-nav::-webkit-scrollbar { display: none; }

.t250__wrapper_top-root .top-header-utility { flex: none; }

.t250__wrapper_top-root .top-header-anchor { display: flex; align-items: center; min-height: 48px; padding: 0 12px; border: 0; border-bottom: 3px solid transparent; background: none; color: var(--tn-flip-fg); font: 600 0.9rem/1.2 var(--tn-font-body); text-decoration: none; white-space: nowrap; cursor: pointer; opacity: 0.82; }

.t250__wrapper_top-root .top-header-anchor:hover { opacity: 1; }

.t250__wrapper_top-root .top-header-anchor[aria-current="page"] { opacity: 1; border-bottom-color: currentColor; }

.t250__wrapper_top-root .top-header-promo { position: sticky; right: 0; margin-left: auto; padding: 0 0 0 12px; background: var(--tn-surface-inv); }

.t250__wrapper_top-root .top-header-promo .t614__wrapper_go-btn { min-height: 36px; padding: 0.5em 1.1em; font-size: 0.86rem; white-space: nowrap; }

@media (max-width: 640px) {
  .t250__wrapper_top-root { --band-h: 56px; }
  .t250__wrapper_top-root .top-header-nav { min-height: 44px; }
  .t250__wrapper_top-root .top-header-anchor { min-height: 44px; padding: 0 10px; font-size: 0.86rem; }
}

.promo-sheet-wrapper { padding: 0; overflow: hidden; }

.promo-sheet-wrapper .promo-sheet-image { margin: 0; }

.promo-sheet-wrapper .promo-sheet-image img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 2; object-fit: cover; background: var(--tn-float); }

.promo-sheet-wrapper .promo-sheet-content { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 16px clamp(18px, 3vw, 36px); align-items: end; padding: var(--sheet-pad); }

.promo-sheet-wrapper .promo-sheet-title { --fs: calc(clamp(1.6rem, 3vw, 2.5rem) * var(--tn-head-scale, 1)); margin: 0; font-size: var(--fs-fit, var(--fs)); font-weight: 800; line-height: 1.1; }

.promo-sheet-wrapper .promo-sheet-aside { display: grid; gap: 14px; }

.promo-sheet-wrapper .promo-sheet-subtitle { color: var(--tn-muted); line-height: 1.5; }

.promo-sheet-wrapper .promo-sheet-subtitle > * { margin: 0; }

.promo-sheet-wrapper .promo-sheet-action { width: 100%; }

@media (max-width: 760px) {
  .promo-sheet-wrapper .promo-sheet-content { grid-template-columns: minmax(0, 1fr); }
  .promo-sheet-wrapper .promo-sheet-image img { aspect-ratio: 16 / 9; }
}

.quad-info-section { min-width: 0; }

.quad-info-section .quad-info-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: var(--gap-grid); }

.quad-info-section .quad-info-card { position: relative; display: grid; min-width: 0; padding: 18px 56px 18px 18px; border: 1px solid var(--tn-hairline); border-top: 3px solid var(--tn-primary); border-radius: var(--r-card); background: var(--tn-card); }

.quad-info-section .quad-info-text { display: grid; gap: 6px; }

.quad-info-section .quad-info-title { margin: 0; font-size: 1rem; line-height: 1.3; }

.quad-info-section .quad-info-desc { margin: 0; color: var(--tn-muted); font-size: 0.9rem; line-height: 1.5; }

.quad-info-section .quad-info-badge { position: absolute; top: 14px; right: 14px; color: var(--tn-rule-strong); font: 800 1.9rem/1 var(--tn-title-font); font-variant-numeric: tabular-nums; }

.brand-strip-container { min-width: 0; }

.brand-strip-container .brand-strip-scroller { display: flex; gap: clamp(18px, 3vw, 36px); align-items: center; padding: 14px 4px; overflow-x: auto; border-block: 1px solid var(--sheet-line); scrollbar-width: thin; }

.brand-strip-container .brand-strip-item { display: grid; justify-items: center; gap: 6px; flex: none; margin: 0; min-width: 88px; }

.brand-strip-container .brand-strip-item img { display: block; max-height: 36px; max-width: 120px; width: auto; height: auto; object-fit: contain; filter: grayscale(1); opacity: 0.85; transition: filter 0.2s, opacity 0.2s; }

.brand-strip-container .brand-strip-item:hover img { filter: none; opacity: 1; }

.brand-strip-container .brand-strip-text { color: var(--tn-muted); font-size: 0.78rem; white-space: nowrap; }

.brand-strip-container .brand-strip-intro { margin-top: 14px; max-width: 76ch; color: var(--tn-muted); font-size: 0.93rem; }

.timer-module { min-width: 0; }

.timer-module .timer-layout-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: var(--gap-grid); }

.timer-module .timer-display-box { display: grid; align-content: start; gap: 6px; padding: 16px; border: 1px solid var(--tn-hairline); border-top: 4px solid var(--tn-rule-strong); border-radius: var(--r-card); background: var(--tn-card); }

.timer-module .timer-speed-high { border-top-color: var(--tn-good); }

.timer-module .timer-speed-med { border-top-color: var(--tn-primary); }

.timer-module .timer-speed-low { border-top-color: var(--tn-warn-strong); }

.timer-module .timer-indicator { margin: 0; color: var(--tn-muted); font-size: 0.86rem; font-weight: 600; line-height: 1.3; }

.timer-module .timer-digits { color: var(--tn-fg); font: 800 calc(1.35rem * var(--tn-head-scale, 1))/1.15 var(--tn-title-font); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

.timer-module .timer-caption { margin: 4px 0 0; color: var(--tn-muted); font-size: 0.86rem; line-height: 1.5; }

.fixture-event-card { min-width: 0; }

.fixture-event-card .fixture-event-scroll { overflow-x: auto; border: 1px solid var(--tn-hairline); border-radius: var(--r-card); }

.fixture-event-card .fixture-event-table { width: 100%; min-width: 440px; border-collapse: collapse; table-layout: fixed; }

.fixture-event-card .fixture-header-home, .fixture-event-card .fixture-header-away { padding: 12px 14px; text-align: left; font: 700 0.95rem/1.3 var(--tn-title-font); border-bottom: 3px solid var(--tn-good); }

.fixture-event-card .fixture-header-away { border-bottom-color: var(--tn-warn-strong); }

.fixture-event-card .fixture-event-row:nth-child(odd) { background: var(--zebra); }

.fixture-event-card .fixture-team-home, .fixture-event-card .fixture-team-away { padding: 10px 14px 10px 30px; vertical-align: top; position: relative; line-height: 1.45; }

.fixture-event-card .fixture-team-home:not(:empty)::before, .fixture-event-card .fixture-team-away:not(:empty)::before { position: absolute; left: 12px; top: 10px; font-weight: 800; }

.fixture-event-card .fixture-team-home:not(:empty)::before { content: "+"; color: var(--tn-good); }

.fixture-event-card .fixture-team-away:not(:empty)::before { content: "\2212"; color: var(--tn-warn-strong); }

.fixture-event-card .fixture-team-away { border-left: 1px solid var(--tn-hairline); }

.fixture-event-card .fixture-event-name { display: block; font-weight: 600; }

.fixture-event-card .fixture-event-note { display: block; color: var(--tn-muted); font-size: 0.88rem; }

.toast-container { display: grid; justify-items: center; gap: 8px; padding: 14px 18px; border: 1.5px dashed var(--tn-rule-strong); border-radius: var(--r-sheet); background: var(--tn-card); color: var(--tn-fg); text-align: center; }

.toast-container .toast-message { margin: 0; max-width: 70ch; line-height: 1.45; }

.toast-container .toast-header { font: 700 1.02rem/1.35 var(--tn-title-font); }

.toast-container .toast-divider { color: var(--tn-muted); font-size: 0.92rem; }

.toast-container .toast-action-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 6px; color: var(--tn-link); font-weight: 700; text-decoration: underline; text-underline-offset: 0.2em; }

.toast-container .toast-action-link:hover { color: var(--tn-jump-hover); }

.sidebar-nav-container .sidebar-nav-container {
  padding: 12px 10px;
  background: var(--tn-card);
  border-radius: calc(var(--tn-round, 8px) + 4px);
  box-shadow: 0 8px 28px color-mix(in srgb, var(--tn-fg) 10%, transparent);
}

.sidebar-nav-container .sidebar-nav-heading {
  font-size: 0.85rem; font-weight: 700; margin: 0 0 14px; color: var(--tn-fg);
}

.sidebar-nav-container .sidebar-nav-list {
  list-style: none; margin: 0; padding: 0; display: grid; gap: 2px;
}

.sidebar-nav-container .sidebar-nav-subtitle {
  list-style: none; gap: 2px;
  padding: 4px 0 4px 10px; margin: 2px 0 6px; border: 0;
  border-left: 3px solid color-mix(in srgb, var(--tn-primary) 35%, transparent);
}

.sidebar-nav-container .t631__wrapper_block {
  display: block; padding: 8px 10px; border-radius: var(--tn-round, 6px);
  text-decoration: none; font-size: 0.9rem; color: var(--tn-muted);
}

.sidebar-nav-container .t631__wrapper_block:hover {
  color: var(--tn-fg);
}

.sidebar-nav-container .tn-atom__sidebar-item.t-active > .t631__wrapper_block {
  background: var(--tn-primary); color: var(--tn-over-primary, #fff); font-weight: 600;
}

.sidebar-nav-container .t219__block {
  padding: 8px 10px 4px; font-size: 0.68rem; font-weight: 800;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--tn-muted);
}

.metric-dashboard { min-width: 0; }

.metric-dashboard .metric-row { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }

.metric-dashboard .metric-cell { display: grid; align-content: start; gap: 6px; flex: 1 1 150px; min-width: 0; padding: 6px 18px; border-left: 1px solid var(--tn-hairline); }

.metric-dashboard .metric-cell:first-child { padding-left: 0; border-left: 0; }

.metric-dashboard .metric-value { color: var(--tn-fg); font: 800 calc(clamp(1.6rem, 3vw, 2.4rem) * var(--tn-head-scale, 1))/1.05 var(--tn-title-font); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

.metric-dashboard .metric-label { color: var(--tn-muted); font-size: 0.84rem; line-height: 1.35; }

@media (max-width: 560px) {
  .metric-dashboard .metric-cell { flex-basis: 45%; padding: 10px 12px 10px 0; border-left: 0; border-top: 1px solid var(--tn-hairline); }
}

.slider-dot-container { min-width: 0; }

.slider-dot-container .slider-dot-active { padding: 14px 16px; border: 1px solid var(--sheet-line); border-radius: var(--r-sheet); background: var(--tn-card); }

.slider-dot-container .slider-dot-label { margin: 0 0 10px; font: 700 0.95rem/1.3 var(--tn-title-font); }

.slider-dot-container .slider-dot-group { position: relative; list-style: none; margin: 0; padding: 0 0 0 18px; }

.slider-dot-container .slider-dot-group::before { content: ""; position: absolute; left: 4px; top: 8px; bottom: 8px; width: 2px; background: var(--tn-hairline); }

.slider-dot-container .slider-dot-item { position: relative; }

.slider-dot-container .slider-dot-item::before { content: ""; position: absolute; left: -18px; top: 0.72em; width: 10px; height: 10px; border: 2px solid var(--tn-rule-strong); border-radius: 50%; background: var(--tn-card); }

.slider-dot-container .slider-dot-nav { display: block; padding: 6px 0; color: var(--tn-muted); font-size: 0.87rem; line-height: 1.35; text-decoration: none; overflow-wrap: anywhere; }

.slider-dot-container .slider-dot-nav:hover { color: var(--tn-fg); }

.slider-dot-container .slider-dot-nav[aria-current="true"] { color: var(--tn-fg); font-weight: 700; }

.slider-dot-container .slider-dot-item:has(> [aria-current="true"])::before { border-color: var(--tn-primary); background: var(--tn-primary); }

@media (min-width: 1024px) {
  .slider-dot-container .slider-dot-active { position: sticky; top: 64px; max-height: calc(100vh - 80px); overflow-y: auto; scrollbar-width: thin; }
}

@media (max-width: 1023px) {
  .slider-dot-container .slider-dot-group { columns: 2 220px; column-gap: 24px; }
  .slider-dot-container .slider-dot-group::before { display: none; }
  .slider-dot-container .slider-dot-item { break-inside: avoid; }
}

.testimonial-wall { min-width: 0; }

.testimonial-wall .testimonial-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: var(--gap-grid); }

.testimonial-wall .testimonial-card { display: flex; flex-direction: column; justify-content: space-between; gap: 14px; margin: 0; padding: 18px; border-radius: var(--r-card); background: var(--zebra); border: 1px solid var(--sheet-line); }

.testimonial-wall .testimonial-quote { position: relative; margin: 0; padding-top: 18px; font-size: 0.95rem; line-height: 1.55; }

.testimonial-wall .testimonial-quote::before { content: "\201C"; position: absolute; top: -14px; left: -2px; color: var(--tn-rule-strong); font: 800 3rem/1 var(--tn-title-font); }

.testimonial-wall .testimonial-author { display: flex; align-items: center; gap: 10px; min-width: 0; }

.testimonial-wall .testimonial-avatar { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--tn-surface-inv); color: var(--tn-flip-fg); font: 800 0.9rem/1 var(--tn-title-font); }

.testimonial-wall .testimonial-handle { display: grid; min-width: 0; line-height: 1.3; font-size: 0.9rem; }

.testimonial-wall .testimonial-details { color: var(--tn-muted); font-size: 0.8rem; }

.notice-banner-root { padding-top: 0; overflow: hidden; }

.notice-banner-root .notice-banner-strip { display: flex; align-items: flex-start; gap: 12px; margin: 0 calc(-1 * var(--sheet-pad)) clamp(14px, 2vw, 22px); padding: 14px var(--sheet-pad); border-bottom: 1px solid var(--tn-hairline); background: var(--zebra); }

.notice-banner-root .notice-banner-title { --fs: calc(clamp(1.2rem, 1.7vw, 1.55rem) * var(--tn-head-scale, 1)); margin: 0; font-size: var(--fs-fit, var(--fs)); }

.notice-banner-root .notice-banner-body { max-width: 76ch; }

.notice-banner-root .notice-banner-body > p:first-child { font-size: 1.08rem; }

.notice-banner-root:not(:has(.notice-banner-strip)) { padding-top: var(--sheet-pad); }

@media (max-width: 640px) {
  .notice-banner-root .notice-banner-strip { margin: 0 -16px 14px; padding: 12px 16px; }
}

.showcase-container { min-width: 0; }

.showcase-container .showcase-body { display: flow-root; }

.showcase-container .showcase-body > .showcase-image { float: left; width: min(42%, 340px); height: auto; margin: 4px 22px 12px 0; border: 1px solid var(--tn-hairline); border-radius: var(--r-card); aspect-ratio: 4 / 3; object-fit: cover; background: var(--tn-float); }

.showcase-container .showcase-body > .showcase-aside { float: right; margin: 4px 0 12px 22px; }

.showcase-container .showcase-body > .showcase-image + * { margin-top: 0; }

@media (max-width: 560px) {
  .showcase-container .showcase-body > .showcase-image, .showcase-container .showcase-body > .showcase-aside { float: none; display: block; width: 100%; margin: 0 0 14px; }
}

.history-timeline-box { min-width: 0; }

.history-timeline-box .history-timeline-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--tn-hairline); border-radius: var(--r-card); overflow: hidden; }

.history-timeline-box .history-timeline-entry { display: grid; grid-template-columns: minmax(96px, 168px) minmax(0, 1fr); gap: 16px; align-items: start; padding: 14px 16px; }

.history-timeline-box .history-timeline-entry:nth-child(odd) { background: var(--zebra); }

.history-timeline-box .history-timeline-date { grid-column: 1; grid-row: 1; justify-self: start; padding: 4px 10px; border-radius: var(--r-s); background: var(--tn-float); color: var(--tn-fg); font: 700 0.86rem/1.3 var(--tn-title-font); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

.history-timeline-box .history-timeline-event { grid-column: 2; grid-row: 1; display: grid; gap: 4px; min-width: 0; }

.history-timeline-box .history-timeline-period { margin: 0; font-size: 1rem; line-height: 1.3; }

.history-timeline-box .history-timeline-desc { margin: 0; color: var(--tn-muted); font-size: 0.9rem; line-height: 1.5; }

@media (max-width: 560px) {
  .history-timeline-box .history-timeline-entry { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .history-timeline-box .history-timeline-event { grid-column: 1; grid-row: 2; }
}

.dual-step-container { min-width: 0; }

.dual-step-container .dual-step-group { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }

.dual-step-container .dual-step-unit { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 14px; align-items: start; }

.dual-step-container .dual-step-unit + .dual-step-unit { padding-top: 16px; border-top: 1px dashed var(--tn-hairline); }

.dual-step-container .dual-step-number { display: grid; place-items: center; width: 34px; height: 34px; border: 1.5px solid var(--tn-rule-strong); border-radius: 50%; color: var(--tn-muted); font: 700 0.9rem/1 var(--tn-title-font); }

.dual-step-container .dual-step-content { max-width: 74ch; }

@media (min-width: 861px) {
  .hero-content-frame { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; gap: clamp(24px, 4vw, 56px); }
  .hero-content-frame .hero-secondary-text { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .hero-content-frame .hero-graphic-element img { aspect-ratio: 4 / 3; }
}

.section-aside-content { border-top: 0; padding-top: 0; }

/* __va_sidebar_active_contrast__ */
/* Appended at the end of the styles bundle AFTER harden/widget sync.
   Safety net: never paint nested links via an ancestor .t-active, and keep
   the chevron toggle free of active fills / washed-out on-accent text.
   Soft-fill readable text for elevated/floating skins lives in chrome_skins
   (`color: var(--tn-fg) !important`) so solid-accent variants (v2/v7)
   keep white-on-accent when those skins are not selected. */
.t-sidebar li.t-active > ul a {
  background: transparent !important;
  box-shadow: none !important;
}
.t-sidebar li.t-active > ul a:not([aria-current="page"]):not(.t-active) {
  color: var(--tn-muted) !important;
  font-weight: 500 !important;
}
.t-sidebar li.t-active:has(> ul) > a {
  box-shadow: none !important;
}
.t-sidebar li:has(> ul):not(.t-active):has(.t-active) > a,
.t-sidebar li:has(> ul):not(.t-active):has(.t-active) > span {
  color: var(--tn-fg) !important;
  font-weight: 600;
  background: transparent !important;
  box-shadow: none !important;
}
.t-sidebar .t-sidebar__toggle,
.t-sidebar li.t-active > .t-sidebar__toggle,
.t-sidebar li:has(.t-active) > .t-sidebar__toggle {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--tn-muted) !important;
}

/* Hover/active: neutralize link-style gradient_text transparent fill.
   Soft-fill chrome skins replace the gradient bg with an opaque mix via
   !important; without resetting -webkit-text-fill-color the label vanishes.
   Use currentColor so solid-accent active (on-accent) and soft-fill
   (--tn-fg) both keep the fill matching the intended color. */
.t-sidebar a:hover,
.t-sidebar a:focus-visible,
.t-sidebar li.t-active > a,
.t-sidebar a.t-active,
.t-sidebar a[aria-current="page"] {
  -webkit-text-fill-color: currentColor !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}