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

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  max-width: 100%;
  overflow-x: clip;
  background: var(--tn-canvas);
  color: var(--tn-ink);
  font-family: var(--tn-font-2, 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-tie); }

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

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

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

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

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

.t-shell { isolation: isolate; }

 .t-footer__wrap {
  --tn-tag-slot: 4.75rem;
  padding-bottom: calc(var(--tn-tag-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-ink) 88%, transparent);
  background: color-mix(in srgb, var(--tn-card) 42%, transparent);
  border: 1px solid color-mix(in srgb, var(--tn-key) 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: auto;
  right: max(14px, env(safe-area-inset-right, 0px));
  bottom: max(12px, env(safe-area-inset-bottom, 0px));
  transform: translateY(10px) scale(0.96);
  max-width: min(58vw, 280px);
  padding: 7px 12px;
  border-radius: 8px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: right;
  background: color-mix(in srgb, var(--tn-card) 55%, transparent);
  border-color: color-mix(in srgb, var(--tn-key) 55%, transparent);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--tn-ink) 12%, transparent);
}

 .t-glance.t-visible {
  transform: translateY(0) scale(1);
}

 .t-glance.is-footer-clear {
  bottom: max(16px, 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) {
   .t-footer__wrap {
    --tn-tag-slot: 5.25rem;
  }
}

@media (max-width: 720px) {
   .t-glance {
    max-width: min(64vw, 220px);
    font-size: 0.65rem;
    padding: 6px 10px;
  }
}

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

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

[data-g1xfxl][data-zme1hq="1"]::-webkit-scrollbar { display: none; }

[data-g1xfxl] > [data-ftzbxv]:last-child {
  scroll-snap-align: end;
}

.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-key-fg); background: var(--tn-key);
  transition: opacity .15s ease;
}

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

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

[data-zoggbm], [data-6ergof] { transition: opacity .15s ease; }

[data-zoggbm].t-container_100, [data-6ergof].t-container_100 { opacity: 0; pointer-events: none; }

 [data-g1xfxl] { scroll-snap-type: x mandatory; margin-bottom: 2.5rem; }

 [data-ftzbxv] {
  scroll-snap-align: center;
  transition: box-shadow .25s ease, transform .25s ease;
}

 [data-ftzbxv]:hover,
 [data-ftzbxv]:focus-within {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--tn-key) 55%, transparent),
              0 12px 28px color-mix(in srgb, var(--tn-key) 28%, transparent);
  transform: translateY(-2px);
}

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

.t-slds__bullets {
  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__bullets {
  margin-top: -2.25rem;
}

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

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

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

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

:where(table:not([class])) {
  display: block;
  width: max-content;
  max-width: 100%;
  overflow-x: auto;
  margin: 1.25em 0;
  border-collapse: collapse;
  border: 1px solid var(--tn-line);
  background: var(--tn-card);
  color: var(--tn-ink);
  font-size: 0.95em;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
}

:where(table:not([class])) :where(th, td) {
  min-width: 6em;
  padding: 0.6em 0.85em;
  border-bottom: 1px solid var(--tn-line);
  text-align: start;
  vertical-align: top;
}

:where(table:not([class])) :where(th) {
  color: var(--tn-ink);
  font-weight: 700;
}

:where(table:not([class])) :where(thead th) {
  background: var(--tn-layer-2);
  border-bottom: 2px solid var(--tn-edge-2);
}

:where(table:not([class])) :where(tbody tr:nth-child(even)) {
  background: color-mix(in srgb, var(--tn-layer-2) 55%, transparent);
}

:where(table:not([class])) :where(tbody tr:last-child) :where(th, td) {
  border-bottom: 0;
}

:where(table:not([class])) :where(caption) {
  padding: 0.6em 0.85em;
  color: var(--tn-subtle);
  font-size: 0.85em;
  text-align: start;
}

:where(table:not([class])) :where(td, th) > :where(p:last-child, ul:last-child, ol:last-child) {
  margin-bottom: 0;
}

:root {
  --tn-key: #b98e46;
  --tn-accent-2: #4e5b31;
  --tn-brand-pop: #626d71;
  --tn-brand-tint: #413c25;
  --tn-canvas: #161a13;
  --tn-line: #41483b;
  --tn-edge-2: #596650;
  --tn-contrast: #eaece8;
  --tn-warn-strong: #b42318;
  --tn-tie: #b98e46;
  --tn-tie-hover: #9d8945;
  --tn-subtle: #9ca596;
  --tn-key-fg: #f9faf9;
  --tn-on-contrast: #1d2418;
  --tn-good: #067647;
  --tn-card: #20251c;
  --tn-layer-2: #2a3026;
  --tn-negative: #eaece8;
  --tn-ink: #eff0ee;
  --tn-ink-inv: #1d2418;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('/assets/fonts/plus-jakarta-sans-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('/assets/fonts/plus-jakarta-sans-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

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

:root {
  --tn-font-1: 'Plus Jakarta Sans', system-ui, sans-serif;
  --tn-font-2: 'DM Sans', system-ui, sans-serif;
  --tn-radius: 5px;
  --tn-cta-shift: scale(1.03);
  --tn-cta-filter: none;
  --tn-btn-shadow: 0 4px 14px color-mix(in srgb, var(--tn-ink) 12%, transparent);
  --tn-text-scale: 1.08;
  --tn-h-scale: 1.1;
  --tn-site-scale: 1.2;
}

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

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

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

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

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

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

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

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

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-5cq0vt="xipihq"].t-shell {
  --page-max: 1320px;
  --measure: 46rem;
  --gut: clamp(16px, 4vw, 48px);
  --isle-h: 84px;
  --flow-gap: clamp(56px, 7vw, 104px);
  --band-pad: calc(var(--flow-gap) * 0.5);
  --r-card: min(calc(var(--tn-radius, 10px) * 1.4), 22px);
  --r-field: min(var(--tn-radius, 10px), 14px);
  --r-chip: min(calc(var(--tn-radius, 10px) * 3), 999px);
  --line: color-mix(in srgb, var(--tn-line) 85%, transparent);
  --night-line: color-mix(in srgb, var(--tn-on-contrast) 18%, transparent);
  --night-soft: color-mix(in srgb, var(--tn-on-contrast) 78%, var(--tn-negative));
  --glow-a: color-mix(in srgb, var(--tn-key) 42%, transparent);
  --glow-b: color-mix(in srgb, var(--tn-accent-2) 34%, transparent);
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--tn-canvas);
  color: var(--tn-ink);
  counter-reset: sec;
}

[data-5cq0vt="xipihq"] .content-river { flex: 1; display: flex; flex-direction: column; min-width: 0; }

[data-5cq0vt="xipihq"] .content-river > * { min-width: 0; }

[data-5cq0vt="xipihq"] :is(h1, h2, h3, h4) { font-family: var(--tn-font-1); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; overflow-wrap: break-word; text-wrap: balance; }

[data-5cq0vt="xipihq"] [data-dnufnj] { --fs-fit: min(var(--fs), calc(var(--fit-w, min(100vw - 40px, 46rem)) / (var(--lw) * 0.62))); }

.pricing-tier { padding: var(--band-pad) var(--gut); }

.pricing-tier-group { padding-top: 0; }

.theme-forest { background: var(--tn-canvas); color: var(--tn-ink); }

.theme-ivory { background: var(--tn-card); color: var(--tn-ink); }

.theme-charcoal { background: var(--tn-negative); color: var(--tn-on-contrast); }

.track-wide-section { width: min(100%, var(--page-max)); margin-inline: auto; }

.track-text-block { width: min(100%, var(--measure)); margin-inline: auto; }

.lodge-section-hint { --fs: calc(clamp(1.75rem, 3.6vw, 3rem) * var(--tn-h-scale, 1)); display: flex; flex-direction: column; align-items: flex-start; gap: 0.3em; margin: 0 0 clamp(22px, 2.8vw, 40px); font-size: var(--fs-fit, var(--fs)); line-height: 1.06; letter-spacing: -0.03em; }

.track-text-block > .lodge-section-hint { --fit-w: min(100vw - 40px, 46rem); }

.track-wide-section > .lodge-section-hint { --fit-w: min(100vw - 40px, 1320px); max-width: 24ch; }

.section-label-alt { display: block; color: transparent; -webkit-text-stroke: 1.5px var(--tn-key); font: 800 calc(clamp(2.4rem, 5vw, 4.4rem) * var(--tn-h-scale, 1))/0.86 var(--tn-font-1); letter-spacing: -0.05em; font-variant-numeric: tabular-nums; }

.section-label-alt::before { counter-increment: sec; content: counter(sec, decimal-leading-zero); }

.theme-charcoal .section-label-alt { -webkit-text-stroke-color: color-mix(in srgb, var(--tn-on-contrast) 70%, var(--tn-key)); }

.lodge-typography { font-size: 1.06rem; line-height: 1.72; overflow-wrap: break-word; }

.lodge-typography > * { margin-block: 0; }

.lodge-typography > * + * { margin-top: 1em; }

.lodge-typography h3, .lodge-typography h4 { margin-top: 1.8em; font-size: calc(1.3rem * var(--tn-h-scale, 1)); letter-spacing: -0.015em; }

.lodge-typography ul { list-style: none; padding-left: 0; }

.lodge-typography ul > li { position: relative; padding-left: 1.5em; }

.lodge-typography ul > li::before { content: ""; position: absolute; left: 0; top: 0.72em; width: 0.8em; height: 3px; border-radius: 2px; background: var(--tn-key); }

.lodge-typography ol { padding-left: 1.3em; }

.lodge-typography ol > li::marker { color: var(--tn-subtle); font-weight: 700; }

.lodge-typography li + li { margin-top: 0.45em; }

.lodge-typography a { color: var(--tn-tie); text-decoration-thickness: 1.5px; text-underline-offset: 0.2em; }

.lodge-typography a:hover { color: var(--tn-tie-hover); }

.lodge-typography strong { font-weight: 700; }

.lodge-typography img { display: block; max-width: 100%; height: auto; border-radius: var(--r-card); }

.lodge-typography table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }

.lodge-typography th, .lodge-typography td { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }

.lodge-typography thead th { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--tn-subtle); border-bottom: 2px solid var(--tn-key); }

.lodge-typography div:has(> table) { overflow-x: auto; }

.theme-charcoal .lodge-typography a { color: inherit; }

.maple-fire-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.6em; min-height: 50px; padding: 0.8em 1.6em; border: 0; border-radius: var(--r-field); background: var(--tn-key); color: var(--tn-key-fg); font: 800 1rem/1.15 var(--tn-font-2); letter-spacing: 0.005em; text-align: center; text-decoration: none; cursor: pointer; transition: transform 0.2s var(--ease-out), box-shadow 0.2s, filter 0.2s; }

.maple-fire-btn:hover { transform: var(--tn-cta-shift); filter: var(--tn-cta-filter); box-shadow: var(--tn-btn-shadow); }

.maple-arrow-icon { flex: none; transition: transform 0.2s var(--ease-out); }

.maple-fire-btn:hover .maple-arrow-icon { transform: translateX(3px); }

[data-5cq0vt="xipihq"] .content-river > section:has(> .html-block-content) { padding: var(--band-pad) max(var(--gut), calc((100% - var(--measure)) / 2)); background: var(--tn-canvas); color: var(--tn-ink); }

.content-river > section > h2.section-title { --fs: calc(clamp(1.75rem, 3.6vw, 3rem) * var(--tn-h-scale, 1)); margin: 0 0 clamp(22px, 2.8vw, 40px); font-size: var(--fs); letter-spacing: -0.03em; }

.content-river .html-block-content { font-size: 1.06rem; line-height: 1.72; overflow-wrap: break-word; }

.content-river .html-block-content > * { margin-block: 0; }

.content-river .html-block-content > * + * { margin-top: 1em; }

.content-river .html-block-content h3 { margin-top: 1.8em; font-size: calc(1.3rem * var(--tn-h-scale, 1)); }

.content-river .html-block-content a { color: var(--tn-tie); text-underline-offset: 0.2em; }

.content-river .html-block-content img { max-width: 100%; height: auto; border-radius: var(--r-card); }

.content-river .html-block-content table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }

.content-river .html-block-content th, .content-river .html-block-content td { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }

.content-river .html-block-content thead th { font-size: 0.78rem; font-weight: 700; text-transform: uppercase; color: var(--tn-subtle); border-bottom: 2px solid var(--tn-key); }

.content-river .html-block-content div:has(> table) { overflow-x: auto; }

[data-5cq0vt="xipihq"] .content-river > :not(.pricing-tier, [data-dxuqkx], .trail-path-root, .soft-stone-base, .thread-nav-container, .news-ticker-bar, .maple-hero-banner, .lodge-flag-badge, section:has(> .html-block-content), script) { width: min(100% - 2 * var(--gut), var(--page-max)); margin: var(--band-pad) auto; }

[data-5cq0vt="xipihq"] .content-river > [data-dxuqkx]:first-child { margin-top: calc(-1 * var(--isle-h)); padding-top: calc(var(--isle-h) + var(--stage-top)); }

@media (max-width: 899px) {
  [data-5cq0vt="xipihq"] .content-river > .platform-highlight:first-child { padding-top: 0; }
}

@media (max-width: 899px) {
  [data-5cq0vt="xipihq"].t-shell { --isle-h: 68px; }
  .lodge-typography { font-size: 1rem; }
}

@media (max-width: 760px) {
  .lodge-typography table, .content-river .html-block-content table { display: block; max-width: 100%; overflow-x: auto; }
}

@media (prefers-reduced-motion: reduce) {
  [data-5cq0vt="xipihq"] *, [data-5cq0vt="xipihq"] *::before, [data-5cq0vt="xipihq"] *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

.slate-overlay-root { position: fixed; z-index: 90; inset: 0; display: flex; flex-direction: column; background: var(--tn-canvas); color: var(--tn-ink); animation: slate-overlay-anim 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) both; }

.slate-overlay-root[hidden] { display: none; }

@keyframes slate-overlay-anim { from { clip-path: circle(0 at calc(100% - 48px) 42px); } to { clip-path: circle(150% at calc(100% - 48px) 42px); } }

.slate-overlay-top { display: flex; align-items: center; gap: 12px; width: min(100%, 1320px); margin: 0 auto; padding: calc(16px + env(safe-area-inset-top, 0px)) clamp(16px, 4vw, 48px) 16px; }

.slate-overlay-search { display: flex; flex: 1; align-items: center; gap: 10px; min-width: 0; padding: 0 16px; border: 1px solid var(--tn-line); border-radius: min(calc(var(--tn-radius, 10px) * 3), 999px); background: var(--tn-card); color: var(--tn-subtle); }

.slate-overlay-search:focus-within { border-color: var(--tn-key); box-shadow: 0 0 0 3px color-mix(in srgb, var(--tn-key) 30%, transparent); }

.slate-search-field { flex: 1; min-width: 0; height: 50px; padding: 0; border: 0; outline: none; background: transparent; color: var(--tn-ink); font: 500 1.05rem var(--tn-font-2); }

.slate-overlay-close { display: grid; flex: none; place-items: center; width: 50px; height: 50px; border: 0; border-radius: min(calc(var(--tn-radius, 10px) * 2), 25px); background: var(--tn-key); color: var(--tn-key-fg); cursor: pointer; transition: transform 0.2s; }

.slate-overlay-close:hover { transform: rotate(90deg); }

.slate-overlay-nav { flex: 1; overflow-y: auto; overscroll-behavior: contain; }

.slate-overlay-list { counter-reset: cur; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 0 clamp(20px, 3vw, 48px); width: min(100%, 1320px); margin: 0 auto; padding: 8px clamp(16px, 4vw, 48px) 48px; list-style: none; }

.slate-overlay-list > .slate-overlay-row { padding: 14px 0 16px; border-top: 1px solid var(--tn-line); }

.slate-overlay-list > .slate-overlay-row > .slate-overlay-link { display: flex; align-items: baseline; gap: 14px; min-height: 44px; color: var(--tn-ink); font: 800 calc(clamp(1.35rem, 2.4vw, 1.9rem) * var(--tn-h-scale, 1))/1.15 var(--tn-font-1); letter-spacing: -0.025em; text-decoration: none; overflow-wrap: anywhere; }

.slate-overlay-list > .slate-overlay-row > .slate-overlay-link::before { flex: none; counter-increment: cur; content: counter(cur, decimal-leading-zero); color: var(--tn-subtle); font: 600 0.8rem/1 var(--tn-font-2); letter-spacing: 0.04em; font-variant-numeric: tabular-nums; }

.slate-overlay-list > .slate-overlay-row > a.slate-overlay-link:hover { color: var(--tn-tie-hover); }

.slate-overlay-link[aria-current="page"] { color: var(--tn-tie); }

.slate-overlay-content { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0 0 0 calc(0.8rem + 14px); list-style: none; }

.slate-overlay-content .slate-overlay-link { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid var(--tn-line); border-radius: min(calc(var(--tn-radius, 10px) * 3), 999px); color: var(--tn-ink); font: 500 0.92rem/1.2 var(--tn-font-2); text-decoration: none; }

.slate-overlay-content a.slate-overlay-link:hover { border-color: var(--tn-key); }

.slate-overlay-content .slate-overlay-link[aria-current="page"] { border-color: var(--tn-tie); box-shadow: inset 0 0 0 1px var(--tn-tie); }

.slate-overlay-row[hidden] { display: none; }

@media (max-width: 640px) {
  .slate-overlay-top { padding-inline: 12px; }
  .slate-overlay-content { padding-left: 0; }
}

.ladder-container { position: relative; }

.ladder-container .ladder-group { display: grid; gap: 10px; }

.ladder-container .ladder-step { border: 1px solid var(--line); border-radius: var(--r-card); background: var(--tn-card); color: var(--tn-ink); transition: border-color 0.2s, box-shadow 0.2s; }

.ladder-container .ladder-step[open] { border-color: var(--tn-key); box-shadow: 0 16px 40px -28px color-mix(in srgb, var(--tn-ink) 60%, transparent); }

.ladder-container .ladder-summary { display: flex; align-items: center; gap: 16px; min-height: 64px; padding: 12px 18px; cursor: pointer; list-style: none; }

.ladder-container .ladder-summary::-webkit-details-marker { display: none; }

.ladder-container .ladder-index { display: grid; flex: none; place-items: center; width: 42px; height: 42px; border-radius: min(var(--r-card), 12px); background: var(--tn-negative); color: var(--tn-on-contrast); font: 800 0.95rem/1 var(--tn-font-1); font-variant-numeric: tabular-nums; }

.ladder-container .ladder-step[open] .ladder-index { background: var(--tn-key); color: var(--tn-key-fg); }

.ladder-container .ladder-cta { flex: 1; min-width: 0; font: 700 calc(1.08rem * var(--tn-h-scale, 1))/1.3 var(--tn-font-1); overflow-wrap: break-word; }

.ladder-container .ladder-marker { flex: none; color: var(--tn-subtle); transition: transform 0.25s var(--ease-out); }

.ladder-container .ladder-step[open] .ladder-marker { transform: rotate(45deg); color: var(--tn-ink); }

.ladder-container .ladder-content { padding: 0 20px 22px calc(18px + 42px + 16px); font-size: 1rem; }

@media (max-width: 640px) {
  .ladder-container .ladder-summary { gap: 12px; padding: 10px 14px; }
  .ladder-container .ladder-content { padding: 0 16px 18px; }
}

.curator-feed-section{
  display: block;
  min-width: 0;
}

.curator-feed-section .curator-feed-header{
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 3px solid var(--tn-key);
}

.curator-feed-section .curator-feed-title{
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.2;
  color: var(--tn-ink);
}

.curator-feed-section .curator-feed-split{
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: 29px;
  align-items: start;
}

.curator-feed-section .curator-feed-intro{
  min-width: 0;
  background: var(--tn-card);
  border-radius: 5px;
  overflow: hidden;
}

.curator-feed-section .curator-post-image{
  margin: 0;
}

.curator-feed-section .curator-post-image img{
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.curator-feed-section .curator-feed-intro-text{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: clamp(14px, calc(14px + 0.0023 * (100vw - 360px)), 15px);
}

.curator-feed-section .curator-feed-heading{
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
  hyphens: auto;
}

.curator-feed-section .curator-feed-heading a{
  color: var(--tn-ink);
  text-decoration: none;
}

.curator-feed-section .curator-feed-heading a:hover{
  color: var(--tn-tie-hover);
}

.curator-feed-section .curator-post-date{
  font-size: 0.82em;
  color: var(--tn-subtle);
}

.curator-feed-section .curator-post-summary{
  color: var(--tn-subtle);
}

.curator-feed-section .curator-feed-actions{
  list-style: none;
  margin: 0;
  padding: 0;
}

.curator-feed-section .curator-feed-action-item{
  padding: 10px 0 10px 14px;
  border-left: 2px solid var(--tn-line);
  overflow-wrap: anywhere;
}

.curator-feed-section .curator-feed-action-item + .curator-feed-action-item{
  border-top: 1px solid var(--tn-line);
}

.curator-feed-section .curator-feed-action-link{
  color: var(--tn-tie);
  text-decoration: none;
}

.curator-feed-section .curator-feed-action-link:hover{
  color: var(--tn-tie-hover);
  text-decoration: underline;
}

.curator-feed-section .curator-feed-badge{
  display: block;
  margin-top: 2px;
  font-size: 0.8em;
  color: var(--tn-subtle);
}

.curator-feed-section .curator-feed-null{
  margin: 0;
  color: var(--tn-subtle);
}

@media (max-width: 760px){
  .curator-feed-section .curator-feed-split{
    grid-template-columns: minmax(0, 1fr);
  }
}

.credit-block .credit-name { margin: 1em 0; font-size: inherit; font-style: inherit; line-height: inherit; font-weight: inherit; letter-spacing: inherit; text-wrap: inherit; overflow-wrap: inherit; hyphens: inherit; }

.credit-block .credit-name:where(:not([class*="title"]):not([class*="Title"]):not([class*="headline"]):not([class*="Headline"])) { font-family: inherit; }

.credit-block { position: relative; }

.credit-block .credit-align { display: grid; justify-items: center; gap: 8px; text-align: center; }

.credit-block .credit-avatar { display: grid; place-items: center; width: 120px; height: 120px; margin-bottom: 10px; border-radius: 50%; object-fit: cover; background: var(--tn-negative); color: var(--tn-on-contrast); box-shadow: 0 0 0 6px var(--tn-canvas), 0 0 0 8px var(--tn-key), 0 20px 50px -20px var(--glow-a); font: 800 2.6rem/1 var(--tn-font-1); }

.credit-block .credit-header { order: -2; margin: 0 0 14px; color: var(--tn-subtle); font: 700 0.8rem/1.3 var(--tn-font-2); letter-spacing: 0.1em; text-transform: uppercase; }

.credit-block .credit-avatar { order: -1; }

.credit-block .credit-name { margin: 0; font: 800 calc(1.7rem * var(--tn-h-scale, 1))/1.15 var(--tn-font-1); letter-spacing: -0.02em; }

.credit-block .credit-role { margin: 0; color: var(--tn-tie); font-weight: 700; font-size: 0.95rem; }

.credit-block .credit-bio { max-width: 38rem; margin-top: 8px; color: var(--tn-ink); font-size: 1rem; line-height: 1.65; }

.credit-block .credit-bio > * { margin: 0; }

.credit-block .credit-bio a { color: var(--tn-tie); }

.credit-block .expert-social-links { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; justify-content: center; margin: 4px 0 0; }

.credit-block .expert-social-anchor { display: grid; place-items: center; width: 34px; height: 34px; box-sizing: border-box; text-decoration: none; transition: background-color .15s, color .15s, border-color .15s; border-radius: 50%; background: var(--tn-card); color: var(--tn-ink); box-shadow: inset 0 0 0 1px var(--tn-line); }

.credit-block .expert-social-anchor:is(:hover, :focus-visible) { background: var(--tn-key); color: var(--tn-key-fg); box-shadow: none; }

.credit-block .expert-social-anchor svg { display: block; width: 16px; height: 16px; }

main .credit-block ul.expert-social-links { flex-direction: row !important; }

.credit-block.expert-profile-card .credit-avatar { width: 176px; height: 176px; font-size: 3.6rem; }

.credit-block.expert-profile-card .credit-name { font-size: clamp(1.9rem, 1.3rem + 2vw, 2.8rem); }

.credit-block.expert-profile-card .credit-bio { font-size: 1.02rem; }

.credit-block .expert-fact-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 10px; padding: 0; width: min(100%, 720px); margin: 18px auto 0; text-align: left; }

.credit-block .expert-fact-item { padding: 12px 14px; border-radius: var(--r-card); background: var(--tn-card); }

.credit-block .expert-fact-item dt { margin: 0 0 2px; font: 700 0.74rem/1.3 var(--tn-font-2); letter-spacing: 0.08em; text-transform: uppercase; color: var(--tn-subtle); }

.credit-block .expert-fact-item dd { margin: 0; font-weight: 600; color: var(--tn-ink); }

.mastery-container{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 29px calc(29px * 2);
  align-items: start;
  min-width: 0;
}

.mastery-container .mastery-sidebar{
  min-width: 0;
  padding-top: 4px;
  border-top: 3px solid var(--tn-key);
}

.mastery-container .mastery-section-title{
  margin: 10px 0 10px;
  font-size: 1.3rem;
  line-height: 1.25;
  color: var(--tn-ink);
  overflow-wrap: anywhere;
  hyphens: auto;
}

.mastery-container .mastery-summary{
  color: var(--tn-subtle);
}

.mastery-container .mastery-items{
  margin: 0;
  padding: 0 0 0 1.6em;
  min-width: 0;
}

.mastery-container .mastery-row{
  padding: 0 0 14px 6px;
  margin: 0 0 14px;
  border-bottom: 1px solid var(--tn-line);
}

.mastery-container .mastery-row::marker{
  color: var(--tn-key);
  font-weight: 700;
}

.mastery-container .mastery-row-title{
  margin: 0 0 4px;
  font-size: 1.05rem;
  line-height: 1.35;
  color: var(--tn-ink);
}

.mastery-container .mastery-row-text{
  color: var(--tn-ink);
}

@media (max-width: 760px){
  .mastery-container{
    grid-template-columns: minmax(0, 1fr);
  }
}

.check-list-container .check-list-label { display: inline; margin: 0; font-size: inherit; font-style: inherit; line-height: inherit; font-weight: bolder; letter-spacing: inherit; text-wrap: inherit; overflow-wrap: inherit; hyphens: inherit; }

.check-list-container .check-list-label:where(:not([class*="title"]):not([class*="Title"]):not([class*="headline"]):not([class*="Headline"])) { font-family: inherit; }

.check-list-container { position: relative; }

.check-list-container .check-list-group { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: tick; }

.check-list-container .check-list-item { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 18px; align-items: start; padding: 18px 0; border-bottom: 1px dashed var(--line); }

.check-list-container .check-list-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: var(--r-field); border: 1.5px solid var(--tn-key); color: var(--tn-key); font-size: 1.3rem; }

.check-list-container .check-list-icon svg { width: 24px; height: 24px; }

.check-list-container .check-list-row { margin: 0; padding-top: 4px; font-size: 1.02rem; line-height: 1.6; }

.check-list-container .check-list-label { font-family: var(--tn-font-1); font-weight: 800; }

.check-list-container .check-list-desc { color: var(--tn-subtle); }

.check-list-container .check-list-desc a { color: var(--tn-tie); }

.thread-nav-container { padding: 22px var(--gut) 6px; background: var(--tn-canvas); color: var(--tn-ink); }

.thread-nav-container .thread-nav-list { display: flex; flex-wrap: wrap; align-items: center; width: min(100%, var(--page-max)); margin: 0 auto; padding: 0; list-style: none; font: 700 0.78rem/1.4 var(--tn-font-2); letter-spacing: 0.08em; text-transform: uppercase; }

.thread-nav-container .tn-atom__thread-step + .tn-atom__thread-step::before { content: "/"; padding: 0 12px; color: var(--tn-key); }

.thread-nav-container .t-thread-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--tn-subtle); text-decoration: none; }

.thread-nav-container .t-thread-link:hover { color: var(--tn-tie-hover); }

.thread-nav-container .thread-active-dot { color: var(--tn-ink); overflow-wrap: anywhere; }

.list-row-container { position: relative; }

.list-row-container .list-row-group { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 520px), 1fr)); gap: 0 clamp(20px, 3vw, 48px); margin: 0; padding: 0; list-style: none; }

.list-row-container .list-row-item { display: grid; grid-template-columns: minmax(96px, 34%) minmax(0, 1fr); gap: clamp(14px, 2vw, 24px); align-items: start; padding: 22px 0; border-top: 1px solid var(--line); }

.list-row-container .list-row-simple { grid-template-columns: minmax(0, 1fr); }

.list-row-container .list-row-thumb { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: var(--r-card); }

.list-row-container .list-row-content { display: grid; gap: 10px; min-width: 0; }

.list-row-container .list-row-title { margin: 0; font-size: calc(1.22rem * var(--tn-h-scale, 1)); }

.list-row-container .list-row-title a { color: inherit; text-decoration: none; }

.list-row-container .list-row-title a:hover { color: var(--tn-tie-hover); }

.list-row-container .list-row-copy { color: var(--tn-subtle); font-size: 0.95rem; line-height: 1.6; }

.list-row-container .list-row-copy > * { margin: 0; }

.list-row-container .list-row-copy > * + * { margin-top: 0.5em; }

.list-row-container .list-row-copy a { color: var(--tn-tie); }

.list-row-container .list-row-expand { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--tn-tie); font-weight: 700; text-decoration: none; }

@media (max-width: 560px) { .list-row-container .list-row-item { grid-template-columns: 88px minmax(0, 1fr); } }

.hearth-section { position: relative; }

.hearth-section .hearth-callout { display: flex; align-items: center; gap: 20px 28px; padding: clamp(20px, 2.6vw, 30px) clamp(20px, 2.6vw, 32px); border: 1px solid var(--line); border-left: 6px solid var(--tn-key); border-radius: var(--r-card); background: var(--tn-card); color: var(--tn-ink); }

.hearth-section .hearth-message { flex: 1; display: grid; gap: 6px; min-width: 0; }

.hearth-section .hearth-heading { --fs: calc(1.35rem * var(--tn-h-scale, 1)); --fit-w: min(100vw - 80px, 30rem); margin: 0; font-size: var(--fs-fit, var(--fs)); }

.hearth-section .hearth-copy { color: var(--tn-subtle); font-size: 0.96rem; line-height: 1.55; }

.hearth-section .hearth-copy > * { margin: 0; }

.hearth-section .hearth-btn { flex: none; max-width: 100%; }

@media (max-width: 640px) {
  .hearth-section .hearth-callout { flex-direction: column; align-items: stretch; }
  .hearth-section .hearth-btn { width: 100%; }
}

.glow-container { position: relative; overflow: clip; padding-block: calc(var(--band-pad) * 1.5); }

.glow-container .glow-effect { position: absolute; inset: -30% -10%; pointer-events: none; background: radial-gradient(40% 60% at 25% 50%, var(--glow-a), transparent 70%), radial-gradient(36% 56% at 78% 40%, var(--glow-b), transparent 70%); filter: blur(30px); animation: glow-drift-anim 16s ease-in-out infinite alternate; }

.glow-container .glow-inner { position: relative; display: grid; justify-items: center; gap: clamp(16px, 2vw, 24px); text-align: center; }

.glow-container .glow-heading { --fs: calc(clamp(2.2rem, 5.4vw, 4.8rem) * var(--tn-h-scale, 1)); --fit-w: min(100vw - 40px, 1100px); max-width: 18ch; margin: 0; color: var(--tn-on-contrast); font-size: var(--fs-fit, var(--fs)); line-height: 1; letter-spacing: -0.04em; }

.glow-container .glow-caption { max-width: 40rem; color: var(--night-soft); font-size: 1.08rem; line-height: 1.55; }

.glow-container .glow-caption > * { margin: 0; }

.glow-container .glow-caption a { color: inherit; }

.glow-container .glow-trigger { min-height: 60px; margin-top: 6px; padding: 0 2.2em; font-size: 1.08rem; }

@keyframes glow-drift-anim { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(5%, -4%, 0) scale(1.06); } }

@media (max-width: 640px) {
  .glow-container .glow-trigger { width: 100%; }
}

.assessment-container .assessment-question > :is(h3, h4, h5, h6) { display: inline; margin: 0; font-size: inherit; font-style: inherit; line-height: inherit; font-weight: inherit; letter-spacing: inherit; text-wrap: inherit; overflow-wrap: inherit; hyphens: inherit; }

.assessment-container .assessment-question > :is(h3, h4, h5, h6):where(:not([class*="title"]):not([class*="Title"]):not([class*="headline"]):not([class*="Headline"])) { font-family: inherit; }

.assessment-container { position: relative; }

.assessment-container .assessment-list { border-top: 2px solid var(--tn-ink); }

.assessment-container .assessment-item { border-bottom: 1px solid var(--line); }

.assessment-container .assessment-question { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 68px; padding: 16px 0; cursor: pointer; list-style: none; font: 700 calc(1.16rem * var(--tn-h-scale, 1))/1.35 var(--tn-font-1); letter-spacing: -0.01em; overflow-wrap: break-word; }

.assessment-container .assessment-question::-webkit-details-marker { display: none; }

.assessment-container .assessment-question > :is(h3, h4, h5, h6) { min-width: 0; }

.assessment-container .assessment-question:hover { color: var(--tn-tie-hover); }

.assessment-container .assessment-bullet { position: relative; flex: none; width: 38px; height: 38px; border: 1.5px solid var(--tn-edge-2); border-radius: 50%; transition: background 0.2s, border-color 0.2s, transform 0.3s var(--ease-out); }

.assessment-container .assessment-bullet::before, .assessment-container .assessment-bullet::after { content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; border-radius: 1px; background: var(--tn-ink); }

.assessment-container .assessment-bullet::after { transform: rotate(90deg); }

.assessment-container .assessment-item[open] .assessment-bullet { border-color: var(--tn-key); background: var(--tn-key); transform: rotate(45deg); }

.assessment-container .assessment-item[open] .assessment-bullet::before, .assessment-container .assessment-item[open] .assessment-bullet::after { background: var(--tn-key-fg); }

.assessment-container .assessment-answer { padding: 0 58px 24px 0; color: var(--tn-ink); }

@media (max-width: 640px) {
  .assessment-container .assessment-question { font-size: 1.04rem; }
  .assessment-container .assessment-answer { padding-right: 0; }
}

.fast-faq-section { position: relative; }

.fast-faq-section .fast-faq-layout { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); gap: clamp(12px, 1.6vw, 20px); margin: 0; }

.fast-faq-section .fast-faq-pair { display: grid; align-content: start; gap: 10px; padding: 22px 24px; border-radius: var(--r-card); background: var(--tn-canvas); color: var(--tn-ink); }

.fast-faq-section .fast-faq-question { display: flex; gap: 12px; font: 800 calc(1.06rem * var(--tn-h-scale, 1))/1.35 var(--tn-font-1); overflow-wrap: break-word; }

.fast-faq-section .fast-faq-question::before { content: ""; flex: none; width: 4px; border-radius: 2px; background: var(--tn-key); }

.fast-faq-section .fast-faq-answer { margin: 0; color: var(--tn-subtle); font-size: 0.96rem; }

.utility-container { position: relative; overflow: clip; }

.utility-container .utility-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: clamp(12px, 1.6vw, 20px); counter-reset: tool; }

.utility-container .utility-card { position: relative; display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 26px 24px 24px; border: 1px solid var(--night-line); border-radius: var(--r-card); background: color-mix(in srgb, var(--tn-on-contrast) 5%, var(--tn-negative)); color: var(--tn-on-contrast); }

.utility-container .utility-icon { order: -1; display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 8px; border-radius: min(var(--r-card), 14px); background: var(--tn-key); color: var(--tn-key-fg); font-size: 1.4rem; }

.utility-container .utility-icon svg { width: 24px; height: 24px; }

.utility-container .utility-card::after { counter-increment: tool; content: counter(tool, decimal-leading-zero); position: absolute; top: 22px; right: 22px; color: var(--night-soft); font: 700 0.8rem/1 var(--tn-font-2); letter-spacing: 0.06em; }

.utility-container .utility-title { margin: 0; color: var(--tn-on-contrast); font-size: calc(1.14rem * var(--tn-h-scale, 1)); }

.utility-container .utility-caption { color: var(--night-soft); font-size: 0.94rem; line-height: 1.6; }

.utility-container .utility-caption > * { margin: 0; }

.utility-container .utility-caption a { color: inherit; }

.t-footer__wrap { position: relative; padding: clamp(48px, 6vw, 88px) var(--gut) 28px; border-top: 4px solid transparent; border-image: linear-gradient(90deg, var(--tn-key), var(--tn-accent-2)) 1; background: var(--tn-card); color: var(--tn-ink); }

.t-footer__wrap .footer-top-section, .t-footer__wrap .footer-sitemap, .t-footer__wrap .footer-bottom-bar { width: min(100%, var(--page-max)); margin-inline: auto; }

.t-footer__wrap .footer-top-section { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 48px; padding-bottom: clamp(28px, 4vw, 48px); border-bottom: 1px solid var(--line); }

.t-footer__wrap .footer-brand-icon { display: inline-flex; align-items: center; color: var(--tn-ink); text-decoration: none; font: 800 1.6rem/1 var(--tn-font-1); letter-spacing: -0.03em; }

.t-footer__wrap .footer-support-link { display: flex; align-items: center; gap: 16px; max-width: 40rem; }

.t-footer__wrap .tn-atom__floor-age { display: grid; flex: none; place-items: center; width: 56px; height: 56px; border: 2px solid var(--tn-ink); border-radius: 50%; font: 800 1rem/1 var(--tn-font-1); }

.t-footer__wrap .footer-small-print { margin: 0; color: var(--tn-subtle); font-size: 0.86rem; line-height: 1.55; }

.t-footer__wrap .footer-sitemap { padding: clamp(28px, 4vw, 48px) 0; }

.t-footer__wrap .footer-nav-tree { display: flex; flex-wrap: wrap; gap: 10px clamp(20px, 3vw, 40px); margin: 0; padding: 0; list-style: none; }

.t-footer__wrap .footer-nav-tree::before { content: ""; order: 1; flex-basis: 100%; height: 14px; }

.t-footer__wrap .footer-nav-tree > .footer-logo-mark { order: 0; }

.t-footer__wrap .footer-nav-tree > .footer-logo-mark:has(> .footer-newsletter) { order: 2; flex: 1 1 190px; min-width: 0; }

.t-footer__wrap .footer-nav-tree > .footer-logo-mark:not(:has(> .footer-newsletter)) > .t400__floor-href { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid var(--tn-line); border-radius: var(--r-chip); }

.t-footer__wrap .footer-nav-tree > .footer-logo-mark:not(:has(> .footer-newsletter)) > a.t400__floor-href:hover { border-color: var(--tn-key); }

.t-footer__wrap .footer-nav-tree > .footer-logo-mark:has(> .footer-newsletter) > .t400__floor-href { display: block; padding-bottom: 10px; margin-bottom: 6px; border-bottom: 2px solid var(--tn-key); font: 800 1.02rem/1.3 var(--tn-font-1); }

.t-footer__wrap .t400__floor-href { color: var(--tn-ink); font-size: 0.93rem; text-decoration: none; overflow-wrap: anywhere; }

.t-footer__wrap a.t400__floor-href:hover { color: var(--tn-tie-hover); }

.t-footer__wrap .t400__floor-href[aria-current="page"] { color: var(--tn-tie); }

.t-footer__wrap .footer-newsletter { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }

.t-footer__wrap .footer-newsletter .t400__floor-href { display: flex; align-items: center; min-height: 36px; color: var(--tn-subtle); }

.t-footer__wrap .footer-bottom-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 32px; padding-top: 22px; border-top: 1px solid var(--line); }

.t-footer__wrap .footer-legal-text { margin: 0; color: var(--tn-subtle); font-size: 0.84rem; }

.t-footer__wrap .footer-terms-block { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 0; padding: 0; list-style: none; }

.t-footer__wrap .footer-disclaimer { display: inline-flex; align-items: center; min-height: 40px; color: var(--tn-subtle); font-size: 0.84rem; text-decoration: none; }

.t-footer__wrap a.footer-disclaimer:hover { color: var(--tn-tie-hover); text-decoration: underline; }

@media (max-width: 640px) {
  .t-footer__wrap .footer-nav-tree > .footer-logo-mark:has(> .footer-newsletter) { flex-basis: 100%; }
  .t-footer__wrap .footer-bottom-bar { flex-direction: column-reverse; align-items: flex-start; }
}

.mosaic-grid-root { position: relative; }

.mosaic-grid-root .tile-layout { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: clamp(10px, 1.4vw, 18px); margin: 0; padding: 0; list-style: none; }

.mosaic-grid-root .tile-graphic { display: grid; gap: 10px; margin: 0; }

.mosaic-grid-root .tile-graphic img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: var(--r-card); transition: transform 0.4s var(--ease-out), box-shadow 0.4s; }

.mosaic-grid-root .tile-graphic:hover img { transform: translateY(-4px); box-shadow: 0 20px 40px -24px var(--glow-a); }

.mosaic-grid-root .tile-header { color: var(--tn-ink); font-weight: 700; font-size: 0.92rem; line-height: 1.35; }

@media (max-width: 560px) { .mosaic-grid-root .tile-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.profile-orb-container { position: relative; }

.profile-orb-container .profile-orb-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: clamp(18px, 2.4vw, 32px) clamp(12px, 2vw, 24px); justify-items: center; text-align: center; }

.profile-orb-container .profile-orb-item { position: relative; display: grid; justify-items: center; gap: 10px; max-width: 220px; }

.profile-orb-container .profile-orb-border { display: grid; place-items: center; width: clamp(110px, 12vw, 150px); aspect-ratio: 1; overflow: hidden; border-radius: 50%; background: var(--tn-negative); color: var(--tn-on-contrast); box-shadow: 0 0 0 4px var(--tn-card), 0 0 0 6px var(--tn-key); transition: transform 0.3s var(--ease-out); }

.profile-orb-container .profile-orb-item:hover .profile-orb-border { transform: scale(1.05); }

.profile-orb-container .profile-orb-image { display: block; width: 100%; height: 100%; object-fit: cover; }

.profile-orb-container .profile-orb-initial { font: 800 2.6rem/1 var(--tn-font-1); }

.profile-orb-container .profile-orb-title { margin: 0; font-size: calc(1.04rem * var(--tn-h-scale, 1)); }

.profile-orb-container .profile-orb-link { color: inherit; text-decoration: none; }

.profile-orb-container .profile-orb-link::after { content: ""; position: absolute; inset: 0; }

.profile-orb-container .profile-orb-caption { position: relative; z-index: 1; color: var(--tn-subtle); font-size: 0.86rem; line-height: 1.45; }

.profile-orb-container .profile-orb-caption > * { margin: 0; }

@media (max-width: 560px) { .profile-orb-container .profile-orb-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .profile-orb-container .profile-orb-caption { display: none; } }

.lodge-nav-bar { position: sticky; z-index: 60; top: 0; height: var(--isle-h); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--tn-card) 92%, transparent); color: var(--tn-ink); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); transition: box-shadow 0.25s; }

.lodge-nav-bar[data-dct7pi] { box-shadow: 0 12px 36px -20px color-mix(in srgb, var(--tn-negative) 80%, transparent); }

.lodge-nav-bar .lodge-nav-inner { display: flex; align-items: center; gap: clamp(12px, 2vw, 28px); width: min(100%, var(--page-max)); height: 100%; margin: 0 auto; padding: 0 var(--gut); }

.lodge-nav-bar .t-bar-menu { display: grid; flex: none; place-items: center; width: 46px; height: 46px; padding: 0; border: 1.5px solid var(--tn-edge-2); border-radius: var(--r-field); background: transparent; color: var(--tn-ink); cursor: pointer; transition: border-color 0.2s, background 0.2s; }

.lodge-nav-bar .t-bar-menu:hover, .lodge-nav-bar .t-bar-menu[aria-expanded="true"] { border-color: var(--tn-key); background: var(--tn-layer-2); }

.lodge-nav-bar .lodge-nav-logo { display: inline-flex; flex: none; align-items: center; min-width: 0; max-width: 40%; color: var(--tn-ink); text-decoration: none; font: 800 1.25rem/1 var(--tn-font-1); }

.lodge-nav-bar .lodge-nav-main { flex: 1 1 auto; min-width: 0; }

.lodge-nav-bar .lodge-nav-group { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 0 4px; height: 48px; margin: 0; padding: 0; overflow: hidden; list-style: none; }

.lodge-nav-bar .tn-atom__bar-slot { flex: none; height: 48px; }

.lodge-nav-bar .tn-atom__bar-slot[hidden] { display: flex; visibility: hidden; }

.lodge-nav-bar .t298__bar-link { position: relative; display: flex; align-items: center; height: 48px; padding: 0 12px; border: 0; background: none; color: var(--tn-ink); font: 600 0.95rem/1 var(--tn-font-2); text-decoration: none; white-space: nowrap; cursor: pointer; }

.lodge-nav-bar .t298__bar-link::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 8px; height: 2px; background: var(--tn-key); transform: scaleX(0); transform-origin: left; transition: transform 0.25s var(--ease-out); }

.lodge-nav-bar .t298__bar-link:hover::after, .lodge-nav-bar .t298__bar-link[aria-current="page"]::after { transform: none; }

.lodge-nav-bar .lodge-nav-promo { margin-left: 8px; }

.lodge-nav-bar .lodge-nav-promo .maple-fire-btn { min-height: 44px; padding: 0 1.2em; font-size: 0.9rem; white-space: nowrap; }

@media (max-width: 899px) {
  .lodge-nav-bar .lodge-nav-main { display: none; }
  .lodge-nav-bar .lodge-nav-logo { max-width: 64%; margin-right: auto; }
}

.vault-card { --stage-top: clamp(24px, 5vh, 56px); position: relative; display: flex; flex-direction: column; justify-content: center; gap: clamp(22px, 4vh, 48px); min-height: max(560px, min(90svh, 920px)); padding: var(--stage-top) var(--gut) clamp(40px, 7vh, 80px); overflow: clip; background: var(--tn-canvas); color: var(--tn-ink); }

.vault-card.vault-minimal { min-height: max(440px, min(70svh, 720px)); }

.vault-card .vault-glow { position: absolute; inset: -20% -10% auto; height: 90%; z-index: 0; pointer-events: none; background: radial-gradient(36% 50% at 12% 40%, var(--glow-a), transparent 70%), radial-gradient(34% 46% at 88% 20%, var(--glow-b), transparent 70%); filter: blur(28px); }

.vault-card .vault-header, .vault-card .vault-row { position: relative; z-index: 1; width: min(100%, var(--page-max)); margin: 0 auto; }

.vault-card .vault-title { --fs: calc(clamp(3rem, 8.4vw, 9.2rem) * var(--tn-h-scale, 1)); --fit-w: min(100vw - 2 * var(--gut), 1320px); margin: 0; font-size: var(--fs-fit, var(--fs)); line-height: 0.9; letter-spacing: -0.05em; animation: vault-fade-anim 0.9s var(--ease-out) both; }

.vault-card .vault-outline { color: transparent; -webkit-text-stroke: max(1.5px, 0.025em) var(--tn-ink); }

.vault-card .vault-row { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: clamp(20px, 3vw, 48px); align-items: end; }

.vault-card.vault-minimal .vault-row { grid-template-columns: minmax(0, 40rem); }

.vault-card .vault-visual { position: relative; margin: 0; overflow: hidden; border-radius: var(--r-card); box-shadow: 0 30px 80px -40px var(--glow-a); animation: vault-fade-anim 0.9s 0.15s var(--ease-out) both; }

.vault-card .vault-visual img { display: block; width: 100%; height: auto; aspect-ratio: 21 / 9; object-fit: cover; animation: vault-slide-anim 14s ease-in-out infinite alternate; }

.vault-card .vault-sidebar { display: grid; gap: 22px; justify-items: start; padding-bottom: 6px; animation: vault-fade-anim 0.9s 0.3s var(--ease-out) both; }

.vault-card .vault-intro { color: color-mix(in srgb, var(--tn-ink) 82%, var(--tn-canvas)); font-size: clamp(1.04rem, 1.25vw, 1.22rem); line-height: 1.55; border-left: 3px solid var(--tn-key); padding-left: 18px; }

.vault-card .vault-intro > * { margin: 0; }

.vault-card .vault-intro a { color: inherit; }

.vault-card .vault-action { min-height: 60px; padding: 0 2em; font-size: 1.08rem; }

@keyframes vault-fade-anim { from { opacity: 0; transform: translateY(24px); } }

@keyframes vault-slide-anim { from { transform: scale(1.08) translateX(-2%); } to { transform: scale(1.08) translateX(2%); } }

@media (max-width: 899px) {
  .vault-card { justify-content: flex-end; gap: 20px; min-height: max(540px, 100svh); padding-bottom: clamp(24px, 4svh, 40px); }
  .vault-card.vault-minimal { min-height: 0; padding-bottom: 48px; }
  .vault-card .vault-title { --fs: calc(clamp(2.7rem, 13vw, 4.6rem) * var(--tn-h-scale, 1)); --fit-w: calc(100vw - 2 * var(--gut)); }
  .vault-card .vault-row { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .vault-card .vault-visual { margin: 0 calc(-1 * var(--gut)); border-radius: 0; }
  .vault-card .vault-visual img { aspect-ratio: 16 / 10; }
  .vault-card .vault-sidebar { justify-items: stretch; }
  .vault-card .vault-action { min-height: 58px; }
}

.vault-card .lodge-dock-panel { display: none; }

@media (max-width: 899px) {
  .vault-card .lodge-dock-panel { position: fixed; z-index: 70; left: 0; right: 0; bottom: 0; display: block; padding: 10px var(--gut) calc(10px + env(safe-area-inset-bottom, 0px)); background: color-mix(in srgb, var(--tn-card) 94%, transparent); border-top: 1px solid var(--line); box-shadow: 0 -12px 32px -18px color-mix(in srgb, var(--tn-ink) 45%, transparent); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); transform: translateY(115%); transition: transform 0.35s var(--ease-out); }
  .vault-card .lodge-dock-panel[data-dk8815] { transform: none; }
  .vault-card .lodge-dock-trigger { width: 100%; min-height: 52px; }
}

.stage-container { position: relative; }

.stage-container { overflow: clip; }

.stage-container .stage-step-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: clamp(12px, 1.6vw, 20px); margin: 0; padding: 0; list-style: none; }

.stage-container .stage-step-card { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 70px 22px 24px; overflow: hidden; border: 1px solid var(--night-line); border-radius: var(--r-card); background: color-mix(in srgb, var(--tn-on-contrast) 5%, var(--tn-negative)); color: var(--tn-on-contrast); }

.stage-container .stage-step-number { position: absolute; top: 12px; right: 16px; color: transparent; -webkit-text-stroke: 1.5px color-mix(in srgb, var(--tn-on-contrast) 60%, var(--tn-key)); font: 800 4rem/1 var(--tn-font-1); letter-spacing: -0.05em; }

.stage-container .stage-step-title { margin: 0; color: var(--tn-on-contrast); font-size: calc(1.14rem * var(--tn-h-scale, 1)); }

.stage-container .stage-step-note { color: var(--night-soft); font-size: 0.94rem; line-height: 1.6; }

.stage-container .stage-step-note > * { margin: 0; }

.stage-container .stage-step-note a { color: inherit; }

.ivory-glass-panel { position: relative; }

.ivory-glass-panel .ivory-glass-header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 48px; align-items: end; margin-bottom: clamp(20px, 2.6vw, 36px); }

.ivory-glass-panel .ivory-glass-header > .lodge-section-hint { margin: 0; --fit-w: min(100vw - 40px, 620px); }

.ivory-glass-panel .ivory-glass-intro { color: var(--night-soft); }

.ivory-glass-panel .ivory-glass-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }

.ivory-glass-panel .ivory-glass-item { display: grid; justify-items: center; align-content: center; gap: 10px; min-height: 110px; margin: 0; padding: 16px; border: 1px solid var(--night-line); border-radius: var(--r-card); background: color-mix(in srgb, var(--tn-on-contrast) 5%, var(--tn-negative)); color: var(--tn-on-contrast); }

.ivory-glass-panel .ivory-glass-item img { display: block; max-width: 100%; max-height: 52px; width: auto; height: auto; object-fit: contain; }

.ivory-glass-panel .ivory-glass-title { color: var(--night-soft); font: 700 0.82rem/1.3 var(--tn-font-2); text-align: center; }

.ivory-glass-panel .ivory-glass-item:not(:has(img)) .ivory-glass-title { color: var(--tn-on-contrast); font: 800 1.05rem/1.2 var(--tn-font-1); }

@media (max-width: 760px) { .ivory-glass-panel .ivory-glass-header { grid-template-columns: minmax(0, 1fr); } }

.data-grid-container { min-height: 280px; }

.data-grid-container .t-section_outer, .data-grid-container .t-records__wrapper, .data-grid-container .t-container_inner { display: block !important; width: auto; max-width: none; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--tn-ink); }

.data-grid-container .t-card__inner { display: flex !important; flex-direction: column; gap: 0; grid-template-columns: none !important; margin: 0; padding: 0; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible; color: var(--tn-ink) !important; }

.data-grid-container .t-header__title { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: baseline !important; gap: 6px 14px; margin: 0 0 clamp(18px, 2.4vw, 30px); padding: 0 !important; border: 0 !important; background: transparent !important; }

.data-grid-container .t-title { flex: 1 1 auto; margin: 0; color: var(--tn-ink); font: 800 calc(clamp(1.75rem, 3.6vw, 3rem) * var(--tn-h-scale, 1))/1.06 var(--tn-font-1); letter-spacing: -0.03em; text-transform: none; }

.data-grid-container .t-descr { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 3px 10px; border-radius: 999px; background: var(--tn-layer-2); color: var(--tn-subtle); font-size: 0.8rem; }

.data-grid-container .t-descr::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--tn-warn-strong); flex: none; }

.data-grid-container .t-btn_large { display: inline-flex !important; align-items: center; min-height: 44px; margin-left: auto; color: var(--tn-tie) !important; font-weight: 700; text-decoration: none; background: none !important; border: 0 !important; padding: 0 !important; }

.data-grid-container [data-em3sri="xrorrm"] { display: flex !important; flex-direction: column; gap: 0; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; grid-area: auto; }

.data-grid-container .t-search__wrapper { position: relative; display: block; order: 2; width: auto; margin: 12px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; grid-area: auto; }

.data-grid-container .t-search__wrapper::before, .data-grid-container .t-sports__nav::before { content: none !important; display: none !important; }

.data-grid-container .t-search__input { display: block; width: 100% !important; max-width: none; height: 44px; box-sizing: border-box; margin: 0 !important; padding: 0 14px !important; border-radius: var(--r-field) !important; border: 1px solid var(--tn-line) !important; background: var(--tn-layer-2) !important; color: var(--tn-ink) !important; font: inherit; font-size: 0.93rem; box-shadow: none !important; }

.data-grid-container .t-search__input:focus { outline: 2px solid var(--tn-key); outline-offset: 0; }

.data-grid-container .t-sports__nav { display: flex !important; flex-direction: row !important; flex-wrap: nowrap; order: 1; align-items: stretch; gap: 0; width: auto; height: auto; min-width: 0; margin: 0 !important; padding: 0 !important; overflow-x: auto; scrollbar-width: none; border: 0 !important; border-bottom: 1px solid var(--tn-line) !important; border-radius: 0 !important; background: transparent !important; position: static; }

.data-grid-container .t-sports__nav::-webkit-scrollbar { display: none; }

.data-grid-container .t-tabs__btn { flex: none; width: auto; height: 44px; margin: 0 0 -1px !important; padding: 0 14px !important; border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0 !important; background: transparent !important; color: var(--tn-subtle) !important; font: 600 0.88rem/1 var(--tn-font-2); white-space: nowrap; cursor: pointer; box-shadow: none; text-align: center; }

.data-grid-container .t-tabs__btn.t-tabs__btn_active { border-bottom-color: var(--tn-key) !important; color: var(--tn-ink) !important; font-weight: 800; }

.data-grid-container .t-content { display: block !important; width: auto; margin: 0; padding: 0 !important; border: 0; background: transparent; }

.data-grid-container .t-content [data-em3sri="x338gd"] { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)) !important; gap: 10px !important; overflow: visible !important; margin: 0; padding: 0 !important; border: 0; }

.data-grid-container .t-content [data-em3sri="x338gd"][style*="none"] { display: none !important; }

.data-grid-container .t-row { display: grid !important; grid-template-columns: minmax(84px, 120px) minmax(0, 1fr) minmax(150px, 210px); grid-template-areas: "league teams odds" "time teams odds"; align-items: center; gap: 2px 16px; width: auto; max-width: none; min-width: 0; margin: 0 !important; padding: 14px 16px !important; border: 1px solid var(--line) !important; border-radius: var(--r-card) !important; background: var(--tn-canvas) !important; color: var(--tn-ink) !important; box-shadow: none !important; flex: none; }

.data-grid-container .t-league__title { grid-area: league; align-self: end; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--tn-subtle) !important; font-size: 0.74rem; font-weight: 600; text-transform: none !important; letter-spacing: 0 !important; }

.data-grid-container .t-time { grid-area: time; align-self: start; margin: 0; color: var(--tn-ink); font-size: 0.8rem; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }

.data-grid-container .t-team__wrapper { grid-area: teams; display: grid !important; gap: 2px; min-width: 0; margin: 0; font-size: 0.93rem; line-height: 1.3; color: var(--tn-ink); }

.data-grid-container .t-team__wrapper > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }

.data-grid-container .t-team__wrapper > span:nth-child(2) { display: none !important; }

.data-grid-container .t-odds__wrapper { grid-area: odds; display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 4px; width: auto; margin: 0; }

.data-grid-container .t-odds__btn { display: flex !important; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; min-height: 40px; margin: 0; padding: 0 10px !important; border-radius: min(var(--r-field), 10px) !important; border: 1px solid var(--tn-line) !important; background: var(--tn-card) !important; color: var(--tn-ink) !important; text-decoration: none; transition: background 0.2s, border-color 0.2s; box-shadow: none !important; }

.data-grid-container .t-odds__btn:hover { border-color: var(--tn-key) !important; background: var(--tn-layer-2) !important; }

.data-grid-container .t-odds__outcome { color: var(--tn-subtle) !important; font-size: 0.72rem; font-weight: 700; }

.data-grid-container .t-odds__val { color: var(--tn-ink) !important; font-size: 0.92rem; font-weight: 800; font-variant-numeric: tabular-nums; }

@media (max-width: 700px) {
  .data-grid-container .t-row { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "league time" "teams teams" "odds odds"; gap: 6px 10px; padding: 12px !important; }
  .data-grid-container .t-league__title, .data-grid-container .t-time { align-self: center; }
}

.data-grid-container .t-title { color: var(--tn-on-contrast) !important; }

.data-grid-container .t-tabs__btn { color: var(--night-soft) !important; }

.data-grid-container .t-tabs__btn.t-tabs__btn_active { color: var(--tn-on-contrast) !important; }

.data-grid-container .t-sports__nav { border-bottom-color: var(--night-line) !important; }

.data-grid-container .t-btn_large { color: var(--tn-on-contrast) !important; }

.data-grid-container .t-row { grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "league time" "teams teams" "odds odds" !important; gap: 8px 10px !important; }

.gauge-stat-container .gauge-stat-trend { display: inline; margin: 0; font-size: inherit; font-style: inherit; line-height: inherit; font-weight: inherit; letter-spacing: inherit; text-wrap: inherit; overflow-wrap: inherit; hyphens: inherit; }

.gauge-stat-container .gauge-stat-trend:where(:not([class*="title"]):not([class*="Title"]):not([class*="headline"]):not([class*="Headline"])) { font-family: inherit; }

.gauge-stat-container { position: relative; }

.gauge-stat-container .gauge-stat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: clamp(12px, 1.6vw, 20px); margin: 0; padding: 0; list-style: none; }

.gauge-stat-container .gauge-stat-card { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px 16px; align-items: center; padding: 20px; border-radius: var(--r-card); background: var(--tn-canvas); color: var(--tn-ink); }

.gauge-stat-container .gauge-stat-circle { --p: 0%; display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: radial-gradient(closest-side, var(--tn-canvas) 78%, transparent 80%), conic-gradient(var(--tn-key) var(--p), var(--tn-layer-2) 0); color: var(--tn-ink); }

.gauge-stat-container .gauge-stat-full { --p: 92%; }

.gauge-stat-container .gauge-stat-half { --p: 60%; }

.gauge-stat-container .gauge-stat-low { --p: 28%; }

.gauge-stat-container .gauge-stat-label { display: grid; gap: 4px; min-width: 0; }

.gauge-stat-container .gauge-stat-trend { font: 800 calc(1.06rem * var(--tn-h-scale, 1))/1.3 var(--tn-font-1); overflow-wrap: anywhere; }

.gauge-stat-container .gauge-stat-period { color: var(--tn-ink); font-weight: 700; font-size: 0.92rem; font-variant-numeric: tabular-nums; }

.gauge-stat-container .gauge-stat-caption { grid-column: 1 / -1; color: var(--tn-subtle); font-size: 0.95rem; line-height: 1.6; }

.gauge-stat-container .gauge-stat-caption > * { margin: 0; }

.gauge-stat-container .gauge-stat-caption > * + * { margin-top: 0.5em; }

.gauge-stat-container .gauge-stat-caption a { color: var(--tn-tie); }

.compare-section .compare-header { margin: 1em 0; font-size: inherit; font-style: inherit; line-height: inherit; font-weight: inherit; letter-spacing: inherit; text-wrap: inherit; overflow-wrap: inherit; hyphens: inherit; }

.compare-section .compare-header:where(:not([class*="title"]):not([class*="Title"]):not([class*="headline"]):not([class*="Headline"])) { font-family: inherit; }

.compare-section { position: relative; }

.compare-section .compare-arena { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: clamp(14px, 2.4vw, 32px); align-items: stretch; }

.compare-section .compare-arena:not(:has(> .compare-column-neg)), .compare-section .compare-arena:not(:has(> .compare-column-pos)) { grid-template-columns: minmax(0, 1fr); }

.compare-section .compare-arena:not(:has(> .compare-column-neg)) > .compare-divider, .compare-section .compare-arena:not(:has(> .compare-column-pos)) > .compare-divider { display: none; }

.compare-section .compare-divider { align-self: center; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--tn-negative); color: var(--tn-on-contrast); }

.compare-section .compare-column { padding: clamp(20px, 2.6vw, 32px); border-radius: var(--r-card); background: color-mix(in srgb, var(--tn-good) 8%, var(--tn-card)); color: var(--tn-ink); }

.compare-section .compare-column-neg { background: color-mix(in srgb, var(--tn-warn-strong) 8%, var(--tn-card)); }

.compare-section .compare-header { margin: 0 0 16px; color: var(--tn-good); font: 800 0.82rem/1.3 var(--tn-font-2); letter-spacing: 0.08em; text-transform: uppercase; }

.compare-section .compare-column-neg .compare-header { color: var(--tn-warn-strong); }

.compare-section .compare-list { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }

.compare-section .compare-item { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; line-height: 1.5; }

.compare-section .compare-item > svg { margin-top: 3px; color: var(--tn-good); }

.compare-section .compare-column-neg .compare-item > svg { color: var(--tn-warn-strong); }

.compare-section .compare-title { font-weight: 700; }

.compare-section .compare-disclaimer { color: var(--tn-subtle); }

@media (max-width: 860px) { .compare-section .compare-arena { grid-template-columns: minmax(0, 1fr); } .compare-section .compare-divider { justify-self: center; transform: rotate(90deg); } }

.news-ticker-bar { padding: 0 var(--gut); background: var(--tn-key); color: var(--tn-key-fg); }

.news-ticker-bar .news-ticker-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px 28px; width: min(100%, var(--page-max)); min-height: 76px; margin: 0 auto; padding: 14px 0; }

.news-ticker-bar .news-ticker-text { flex: 1; min-width: 0; margin: 0; color: var(--tn-key-fg); font-size: 1rem; line-height: 1.45; }

.news-ticker-bar .news-ticker-label { margin-right: 6px; font: 800 calc(1.15rem * var(--tn-h-scale, 1))/1.3 var(--tn-font-1); letter-spacing: -0.01em; }

.news-ticker-bar .news-ticker-track a { color: inherit; }

.news-ticker-bar .news-ticker-action { display: inline-flex; flex: none; align-items: center; gap: 8px; min-height: 48px; padding: 0 1.4em; border-radius: var(--r-field); background: var(--tn-negative); color: var(--tn-on-contrast); font: 800 0.95rem/1.15 var(--tn-font-2); text-decoration: none; transition: transform 0.2s var(--ease-out); }

.news-ticker-bar .news-ticker-action:hover { transform: var(--tn-cta-shift); }

@media (max-width: 640px) {
  .news-ticker-bar .news-ticker-inner { flex-direction: column; align-items: stretch; padding: 18px 0; }
  .news-ticker-bar .news-ticker-action { justify-content: center; }
}

.aside-container .aside-container {
  padding: 4px 0;
  color: var(--tn-ink);
  background: transparent;
}

.aside-container .aside-nav-title {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--tn-subtle);
  margin: 0 0 12px;
  font-weight: 700;
}

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

.aside-container .t671__wrapper_sidebar-item {
  background: var(--tn-card);
  border: 1px solid var(--tn-line);
  border-left: 3px solid transparent;
  border-radius: 5px;
  padding: 4px 6px;
}

.aside-container .t671__wrapper_sidebar-item.t-active {
  background: var(--tn-brand-tint);
  border-left-color: var(--tn-key);
}

.aside-container .t328__wrapper_block {
  display: block;
  padding: 8px 8px;
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--tn-subtle);
}

.aside-container .t328__wrapper_block:hover {
  color: var(--tn-key);
}

.aside-container .t671__wrapper_sidebar-item.t-active > .t328__wrapper_block,
.aside-container .t328__wrapper_block.t-active {
  color: var(--tn-key);
  font-weight: 700;
}

.aside-container .aside-nav-sub {
  list-style: none;
  margin: 2px 4px 6px;
  padding: 6px 0 0 10px;
  border: 0;
  border-top: 1px solid var(--tn-line);
  gap: 2px;
}

.aside-container .aside-nav-sub .t328__wrapper_block {
  font-size: 0.82rem;
  padding: 4px 6px;
}

.aside-container .t464__block {
  display: block;
  padding: 6px 8px;
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--tn-ink);
}

.stat-gauge-container { position: relative; }

.stat-gauge-container .gauge-layout { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: clamp(10px, 1.4vw, 16px); margin: 0; }

.stat-gauge-container .gauge-box { position: relative; display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 10px; padding: 24px 22px 22px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--tn-card); color: var(--tn-ink); }

.stat-gauge-container .gauge-box::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--tn-key), var(--tn-accent-2)); }

.stat-gauge-container .gauge-value { margin: 0; font: 800 calc(clamp(2.2rem, 4vw, 3.6rem) * var(--tn-h-scale, 1))/1 var(--tn-font-1); letter-spacing: -0.04em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

.stat-gauge-container .gauge-description .gauge-value { font-size: calc(clamp(1.4rem, 2.4vw, 2rem) * var(--tn-h-scale, 1)); letter-spacing: -0.02em; }

.stat-gauge-container .gauge-label { color: var(--tn-subtle); font-size: 0.9rem; font-weight: 600; line-height: 1.4; }

@media (max-width: 560px) { .stat-gauge-container .gauge-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.moss-tag-group { position: relative; }

.moss-tag-group .moss-tag-inner { display: grid; gap: 14px; }

.moss-tag-group .moss-tag-label { display: flex; align-items: center; gap: 10px; margin: 0; font: 800 calc(1.2rem * var(--tn-h-scale, 1))/1.2 var(--tn-font-1); }

.moss-tag-group .moss-tag-count { padding: 3px 10px; border-radius: var(--r-chip); background: var(--tn-key); color: var(--tn-key-fg); font: 800 0.8rem/1.3 var(--tn-font-2); }

.moss-tag-group .moss-tag-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }

.moss-tag-group .moss-tag-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px 0 6px; border: 1px solid var(--line); border-radius: var(--r-chip); background: var(--tn-card); color: var(--tn-ink); font-size: 0.92rem; line-height: 1.3; text-decoration: none; transition: border-color 0.2s; }

.moss-tag-group .moss-tag-link > b { display: grid; place-items: center; min-width: 32px; height: 32px; border-radius: 50%; background: var(--tn-layer-2); font: 800 0.8rem/1 var(--tn-font-1); }

.moss-tag-group .moss-tag-link:hover { border-color: var(--tn-key); }

.moss-tag-group .moss-tag-link[aria-current="true"] { border-color: var(--tn-tie); color: var(--tn-tie); }

@media (max-width: 640px) { .moss-tag-group .moss-tag-row { flex-wrap: nowrap; margin: 0 calc(-1 * var(--gut)); padding: 0 var(--gut) 6px; overflow-x: auto; } .moss-tag-group .moss-tag-link { white-space: nowrap; } }

.guild-testimonial-root { position: relative; }

.guild-testimonial-root .guild-member-columns { columns: 3 280px; column-gap: clamp(12px, 1.6vw, 20px); }

.guild-testimonial-root .guild-member-card { break-inside: avoid; display: grid; gap: 18px; margin: 0 0 clamp(12px, 1.6vw, 20px); padding: 24px; border: 1px solid var(--night-line); border-radius: var(--r-card); background: color-mix(in srgb, var(--tn-on-contrast) 5%, var(--tn-negative)); color: var(--tn-on-contrast); }

.guild-testimonial-root .guild-member-quote { margin: 0; font-size: 1rem; line-height: 1.62; }

.guild-testimonial-root .guild-member-quote > * { margin: 0; }

.guild-testimonial-root .guild-member-quote a { color: inherit; }

.guild-testimonial-root .guild-member-quote::before { content: "\201C"; display: block; height: 0.6em; color: color-mix(in srgb, var(--tn-on-contrast) 70%, var(--tn-key)); font: 800 3rem/1 var(--tn-font-1); }

.guild-testimonial-root .guild-member-role { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }

.guild-testimonial-root .guild-member-photo { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; border: 1.5px solid var(--night-line); font: 800 0.9rem/1 var(--tn-font-1); }

.guild-testimonial-root .guild-member-name { font-style: normal; font-weight: 700; }

.guild-testimonial-root .guild-member-info { color: var(--night-soft); font-size: 0.85rem; }

.slate-panel-container { position: relative; }

.slate-panel-container .slate-panel-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(24px, 5vw, 80px); align-items: start; }

.slate-panel-container .slate-panel-grid:not(:has(> .slate-panel-aside)) { grid-template-columns: minmax(0, 1fr); width: min(100%, var(--measure)); }

.slate-panel-container .slate-panel-aside { position: sticky; top: calc(var(--isle-h) + 24px); }

.slate-panel-container .slate-panel-aside > .lodge-section-hint { --fit-w: min(100vw - 40px, 520px); margin-bottom: 0; }

.slate-panel-container .slate-panel-body { padding-top: 0.4em; border-top: 2px solid var(--tn-ink); padding-top: 22px; }

@media (max-width: 860px) {
  .slate-panel-container .slate-panel-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .slate-panel-container .slate-panel-aside { position: static; }
  .slate-panel-container .slate-panel-body { border-top: 0; padding-top: 0; }
}

.mist-layer-stack { position: relative; }

.mist-layer-stack .mist-layer-platform { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; }

.mist-layer-stack .mist-layer-image { grid-column: 1 / 9; grid-row: 1; display: block; width: 100%; height: auto; aspect-ratio: 16 / 11; object-fit: cover; border-radius: var(--r-card); }

.mist-layer-stack .mist-layer-card { grid-column: 7 / 13; grid-row: 1; position: relative; padding: clamp(24px, 3vw, 44px); border-radius: var(--r-card); background: var(--tn-card); color: var(--tn-ink); box-shadow: 0 30px 70px -40px color-mix(in srgb, var(--tn-negative) 80%, transparent); }

.mist-layer-stack .mist-layer-card > .lodge-section-hint { --fit-w: min(100vw - 80px, 520px); }

.mist-layer-stack.mist-layer-flip .mist-layer-image { grid-column: 5 / 13; }

.mist-layer-stack.mist-layer-flip .mist-layer-card { grid-column: 1 / 7; }

.mist-layer-stack.mist-layer-single .mist-layer-card { grid-column: 1 / -1; width: min(100%, var(--measure)); margin: 0 auto; box-shadow: none; }

@media (max-width: 860px) {
  .mist-layer-stack .mist-layer-platform { grid-template-columns: minmax(0, 1fr); }
  .mist-layer-stack .mist-layer-image, .mist-layer-stack.mist-layer-flip .mist-layer-image { grid-column: 1; margin: 0 calc(-1 * var(--gut)); width: calc(100% + 2 * var(--gut)); border-radius: 0; }
  .mist-layer-stack .mist-layer-card, .mist-layer-stack.mist-layer-flip .mist-layer-card { grid-column: 1; grid-row: 2; margin: -48px 8px 0; }
}

.ledger-container { position: relative; }

.ledger-container .ledger-list { margin: 0; }

.ledger-container .ledger-row { display: grid; grid-template-columns: minmax(120px, 3fr) minmax(0, 9fr); gap: clamp(16px, 3vw, 48px); padding: 26px 0; border-top: 1px solid var(--line); transition: background 0.25s; }

.ledger-container .ledger-row:hover .ledger-timestamp { color: var(--tn-tie-hover); }

.ledger-container .ledger-timestamp { color: var(--tn-ink); font: 800 calc(clamp(1.6rem, 3.4vw, 3rem) * var(--tn-h-scale, 1))/1 var(--tn-font-1); letter-spacing: -0.04em; overflow-wrap: anywhere; transition: color 0.25s; }

.ledger-container .ledger-subject { display: grid; gap: 8px; margin: 0; }

.ledger-container .ledger-entry-title { margin: 0; font-size: calc(1.18rem * var(--tn-h-scale, 1)); }

.ledger-container .ledger-entry-note { color: var(--tn-subtle); font-size: 0.95rem; line-height: 1.6; }

.ledger-container .ledger-entry-note > * { margin: 0; }

.ledger-container .ledger-entry-note > * + * { margin-top: 0.5em; }

.ledger-container .ledger-entry-note a { color: var(--tn-tie); }

@media (max-width: 640px) { .ledger-container .ledger-row { grid-template-columns: minmax(0, 1fr); gap: 8px; } }

.dual-layout-container { position: relative; }

.dual-layout-container .dual-layout-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: clamp(24px, 4vw, 64px); align-items: start; }

.dual-layout-container .dual-layout-side { padding: clamp(22px, 2.6vw, 36px); border-radius: var(--r-card); background: var(--tn-card); color: var(--tn-ink); box-shadow: inset 4px 0 0 var(--tn-key); }

.dual-layout-container .dual-layout-main:empty, .dual-layout-container .dual-layout-side:empty { display: none; }

@media (max-width: 860px) {
  .dual-layout-container .dual-layout-grid { grid-template-columns: minmax(0, 1fr); }
}

/* __va_widget_css_begin__ */

.t-section,
.t-section_outer {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  
  min-height: 280px;
}

.t-records__wrapper {
  width: 100%;
}

.t-card__inner {
  background: var(--tn-card);
  border: 1px solid var(--tn-line);
  border-radius: 12px;
  overflow: hidden;
  color: var(--tn-ink);
}

.t-header__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 18px 20px;
  background: color-mix(in srgb, var(--tn-key) 10%, var(--tn-card));
  border-bottom: 1px solid var(--tn-line);
}

.t-title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--tn-ink);
}

.t-descr {
  font-size: 0.8rem;
  color: var(--tn-subtle);
}

.t-btn_large {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--tn-key);
  color: var(--tn-key-fg);
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.t-btn_large:hover {
  background: var(--tn-accent-2);
}

.t-search__wrapper {
  padding: 14px 20px 0;
}

.t-search__input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 14px;
  border: 1px solid var(--tn-line);
  border-radius: 8px;
  background: var(--tn-canvas);
  color: var(--tn-ink);
  font-size: 0.85rem;
}

.t-search__input:focus {
  outline: 2px solid color-mix(in srgb, var(--tn-key) 55%, transparent);
  border-color: var(--tn-key);
}

.t-search__empty {
  padding: 16px 20px;
  text-align: center;
  color: var(--tn-subtle);
  font-size: 0.85rem;
}

.t-sports__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 20px 0;
}

.t-tabs__btn {
  padding: 6px 14px;
  border: 1px solid var(--tn-line);
  border-radius: 999px;
  background: var(--tn-canvas);
  color: var(--tn-ink);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

.t-tabs__btn:hover {
  border-color: var(--tn-key);
}

.t-tabs__btn_active,
.t-tabs__btn.t-tabs__btn_active {
  background: var(--tn-key);
  border-color: var(--tn-key);
  color: var(--tn-key-fg);
}

.t-content {
  padding: 14px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

[data-em3sri="x338gd"] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (min-width: 640px) {
  [data-em3sri="x338gd"] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    row-gap: 10px;
    align-items: start;
  }
}

.t-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  padding: 12px 14px;
  border: 1px solid var(--tn-line);
  border-radius: 10px;
  background: var(--tn-canvas);
}

.t-league__title {
  flex: 0 0 100%;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--tn-key);
}

.t-time {
  font-size: 0.75rem;
  color: var(--tn-subtle);
  order: 3;
}

.t-team__wrapper {
  flex: 1 1 auto;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--tn-ink);
  order: 2;
}

.t-team__wrapper span {
  color: inherit;
}

.t-odds__wrapper {
  display: flex;
  gap: 6px;
  order: 4;
  flex: 0 0 100%;
}

.t-odds__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  flex: 1;
  min-width: 56px;
  padding: 6px 8px;
  border: 1px solid var(--tn-line);
  border-radius: 8px;
  background: var(--tn-card);
  color: var(--tn-ink);
  text-decoration: none;
  font-size: 0.85rem;
}

.t-odds__btn:hover {
  border-color: var(--tn-key);
  background: color-mix(in srgb, var(--tn-key) 12%, var(--tn-card));
}

.t-odds__btn .t-odds__outcome {
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--tn-subtle);
  text-transform: uppercase;
}

.t-odds__btn .t-odds__val {
  font-weight: 700;
  color: var(--tn-ink);
}

.t-search__results {
  display: flex;
  flex-direction: column;
  gap: 10px;
  
  padding: 16px 0 20px;
  margin: 0;
}

.t-row[data-em3sri="xl1wgc"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px;
  row-gap: 6px;
}

.t-row[data-em3sri="xl1wgc"] > .t-league__title {
  flex: 0 0 100%;
}

.t-row[data-em3sri="xl1wgc"] > .t-team__wrapper {
  flex: 1 1 auto;
  min-width: 140px;
  order: 1;
}

.t-row[data-em3sri="xl1wgc"] > .t-time {
  flex: 0 0 auto;
  white-space: nowrap;
  order: 2;
}

.t-odds__btn[data-em3sri="xq5jv5"] {
  order: 3;
  flex: 0 0 auto;
  flex-direction: row;
  width: auto;
  padding: 6px 12px;
  font-size: 0.78rem;
  font-weight: 600;
  background: var(--tn-canvas);
  white-space: nowrap;
}

.t-row[data-em3sri="xl1wgc"] > .t-odds__wrapper,
.t-row[data-em3sri="xl1wgc"] > .t-market__grid,
.t-row[data-em3sri="xl1wgc"] > [data-em3sri="xdtk3v"] {
  flex: 0 0 100%;
  order: 4;
}

.t-market__grid {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  width: 100%;
}

.t-market__card {
  border: 1px solid var(--tn-line);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--tn-card);
}

.t-market__title {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--tn-subtle);
  margin-bottom: 6px;
}

.t-select {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  margin: 0 6px 6px 0;
  border: 1px solid var(--tn-line);
  border-radius: 8px;
  background: var(--tn-canvas);
  color: var(--tn-ink);
  text-decoration: none;
  font-size: 0.82rem;
}

.t-select:hover {
  border-color: var(--tn-key);
}

.t-select__price {
  font-weight: 700;
  color: var(--tn-key);
}

.data-grid-container .t-row:not([data-em3sri]) {
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: none;
  border-radius: 14px;
  box-shadow: 0 1px 4px color-mix(in srgb, var(--tn-ink) 10%, transparent);
  padding: 16px;
}

.data-grid-container .t-league__title,
.data-grid-container .t-team__wrapper,
.data-grid-container .t-time {
  flex: 0 0 100%;
  text-align: center;
}

.data-grid-container .t-odds__wrapper {
  justify-content: center;
}

@media (min-width: 640px) {
  .data-grid-container [data-em3sri="x338gd"] {
    grid-template-columns: repeat(3, 1fr);
  }
}

.section-label-alt { display: none; }

[data-5cq0vt="xipihq"].t-shell::before { opacity: 0.1; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='3.5' fill='%23000'/%3E%3C/svg%3E") 0 0 / 28px 28px; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='3.5' fill='%23000'/%3E%3C/svg%3E") 0 0 / 28px 28px; }

/* __va_widget_css_begin__ */
.t-section,
.t-section_outer {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  
  min-height: 280px;
}

.t-records__wrapper {
  width: 100%;
}

.t-card__inner {
  background: var(--tn-card);
  border: 1px solid var(--tn-line);
  border-radius: 12px;
  overflow: hidden;
  color: var(--tn-ink);
}

.t-header__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 18px 20px;
  background: color-mix(in srgb, var(--tn-key) 10%, var(--tn-card));
  border-bottom: 1px solid var(--tn-line);
}

.t-title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--tn-ink);
}

.t-descr {
  font-size: 0.8rem;
  color: var(--tn-subtle);
}

.t-btn_large {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--tn-key);
  color: var(--tn-key-fg);
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.t-btn_large:hover {
  background: var(--tn-accent-2);
}

.t-search__wrapper {
  padding: 14px 20px 0;
}

.t-search__input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 14px;
  border: 1px solid var(--tn-line);
  border-radius: 8px;
  background: var(--tn-canvas);
  color: var(--tn-ink);
  font-size: 0.85rem;
}

.t-search__input:focus {
  outline: 2px solid color-mix(in srgb, var(--tn-key) 55%, transparent);
  border-color: var(--tn-key);
}

.t-search__empty {
  padding: 16px 20px;
  text-align: center;
  color: var(--tn-subtle);
  font-size: 0.85rem;
}

.t-sports__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 20px 0;
}

.t-tabs__btn {
  padding: 6px 14px;
  border: 1px solid var(--tn-line);
  border-radius: 999px;
  background: var(--tn-canvas);
  color: var(--tn-ink);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

.t-tabs__btn:hover {
  border-color: var(--tn-key);
}

.t-tabs__btn_active,
.t-tabs__btn.t-tabs__btn_active {
  background: var(--tn-key);
  border-color: var(--tn-key);
  color: var(--tn-key-fg);
}

.t-content {
  padding: 14px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

[data-em3sri="x338gd"] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (min-width: 640px) {
  [data-em3sri="x338gd"] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
    row-gap: 10px;
    align-items: start;
  }
}

.t-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  padding: 12px 14px;
  border: 1px solid var(--tn-line);
  border-radius: 10px;
  background: var(--tn-canvas);
}

.t-league__title {
  flex: 0 0 100%;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--tn-key);
}

.t-time {
  font-size: 0.75rem;
  color: var(--tn-subtle);
  order: 3;
}

.t-team__wrapper {
  flex: 1 1 auto;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--tn-ink);
  order: 2;
}

.t-team__wrapper span {
  color: inherit;
}

.t-odds__wrapper {
  display: flex;
  gap: 6px;
  order: 4;
  flex: 0 0 100%;
}

.t-odds__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  flex: 1;
  min-width: 56px;
  padding: 6px 8px;
  border: 1px solid var(--tn-line);
  border-radius: 8px;
  background: var(--tn-card);
  color: var(--tn-ink);
  text-decoration: none;
  font-size: 0.85rem;
}

.t-odds__btn:hover {
  border-color: var(--tn-key);
  background: color-mix(in srgb, var(--tn-key) 12%, var(--tn-card));
}

.t-odds__btn .t-odds__outcome {
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--tn-subtle);
  text-transform: uppercase;
}

.t-odds__btn .t-odds__val {
  font-weight: 700;
  color: var(--tn-ink);
}

.t-search__results {
  display: flex;
  flex-direction: column;
  gap: 10px;
  
  padding: 16px 0 20px;
  margin: 0;
}

.t-row[data-em3sri="xl1wgc"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px;
  row-gap: 6px;
}

.t-row[data-em3sri="xl1wgc"] > .t-league__title {
  flex: 0 0 100%;
}

.t-row[data-em3sri="xl1wgc"] > .t-team__wrapper {
  flex: 1 1 auto;
  min-width: 140px;
  order: 1;
}

.t-row[data-em3sri="xl1wgc"] > .t-time {
  flex: 0 0 auto;
  white-space: nowrap;
  order: 2;
}

.t-odds__btn[data-em3sri="xq5jv5"] {
  order: 3;
  flex: 0 0 auto;
  flex-direction: row;
  width: auto;
  padding: 6px 12px;
  font-size: 0.78rem;
  font-weight: 600;
  background: var(--tn-canvas);
  white-space: nowrap;
}

.t-row[data-em3sri="xl1wgc"] > .t-odds__wrapper,
.t-row[data-em3sri="xl1wgc"] > .t-market__grid,
.t-row[data-em3sri="xl1wgc"] > [data-em3sri="xdtk3v"] {
  flex: 0 0 100%;
  order: 4;
}

.t-market__grid {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  width: 100%;
}

.t-market__card {
  border: 1px solid var(--tn-line);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--tn-card);
}

.t-market__title {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--tn-subtle);
  margin-bottom: 6px;
}

.t-select {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  margin: 0 6px 6px 0;
  border: 1px solid var(--tn-line);
  border-radius: 8px;
  background: var(--tn-canvas);
  color: var(--tn-ink);
  text-decoration: none;
  font-size: 0.82rem;
}

.t-select:hover {
  border-color: var(--tn-key);
}

.t-select__price {
  font-weight: 700;
  color: var(--tn-key);
}

.data-grid-container .t-row:not([data-em3sri]) {
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: none;
  border-radius: 14px;
  box-shadow: 0 1px 4px color-mix(in srgb, var(--tn-ink) 10%, transparent);
  padding: 16px;
}

.data-grid-container .t-league__title,
.data-grid-container .t-team__wrapper,
.data-grid-container .t-time {
  flex: 0 0 100%;
  text-align: center;
}

.data-grid-container .t-odds__wrapper {
  justify-content: center;
}

@media (min-width: 640px) {
  .data-grid-container [data-em3sri="x338gd"] {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* __va_widget_css_end__ */

/* __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-ink) !important`) so solid-accent variants (v2/v7)
   keep white-on-accent when those skins are not selected. */
.t-sidebar__container li.t-active > ul a {
  background: transparent !important;
  box-shadow: none !important;
}
.t-sidebar__container li.t-active > ul a:not([aria-current="page"]):not(.t-active) {
  color: var(--tn-subtle) !important;
  font-weight: 500 !important;
}
.t-sidebar__container li.t-active:has(> ul) > a {
  box-shadow: none !important;
}
.t-sidebar__container li:has(> ul):not(.t-active):has(.t-active) > a,
.t-sidebar__container li:has(> ul):not(.t-active):has(.t-active) > span {
  color: var(--tn-ink) !important;
  font-weight: 600;
  background: transparent !important;
  box-shadow: none !important;
}
.t-sidebar__container .t-sidebar__toggle,
.t-sidebar__container li.t-active > .t-sidebar__toggle,
.t-sidebar__container li:has(.t-active) > .t-sidebar__toggle {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--tn-subtle) !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-ink) both keep the fill matching the intended color. */
.t-sidebar__container a:hover,
.t-sidebar__container a:focus-visible,
.t-sidebar__container li.t-active > a,
.t-sidebar__container a.t-active,
.t-sidebar__container a[aria-current="page"] {
  -webkit-text-fill-color: currentColor !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}