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

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

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

a { color: var(--w-anchor); }

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

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

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

.section_block { min-height: 280px; }

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

.app-container { isolation: isolate; }

 .pedestal-root-9 {
  --w-pill-slot: 4.75rem;
  padding-bottom: calc(var(--w-pill-slot) + env(safe-area-inset-bottom, 0px)) !important;
}

body > .glance_section {
  position: fixed;
  z-index: 35;
  pointer-events: none;
  opacity: 0;
  color: color-mix(in srgb, var(--w-ink) 88%, transparent);
  background: color-mix(in srgb, var(--w-panel) 42%, transparent);
  border: 1px solid color-mix(in srgb, var(--w-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 > .glance_section.visible-wrapper {
  opacity: 1;
}

 .glance_section {
  left: max(14px, env(safe-area-inset-left, 0px));
  right: auto;
  bottom: max(12px, env(safe-area-inset-bottom, 0px));
  transform: translateX(-10px) translateY(4px);
  max-width: min(70vw, 360px);
  padding: 11px 16px 11px 14px;
  border-radius: 12px;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-align: left;
  border-left: 3px solid color-mix(in srgb, var(--w-key) 70%, transparent);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--w-ink) 16%, transparent);
}

 .glance_section.visible-wrapper {
  transform: translateX(0) translateY(0);
}

 .glance_section.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) {
   .pedestal-root-9 {
    --w-pill-slot: 5.25rem;
  }
}

@media (max-width: 720px) {
   .glance_section {
    max-width: min(78vw, 300px);
    font-size: 0.74rem;
    padding: 9px 12px;
  }
}

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

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

[data-erlar][data-otdku="1"]::-webkit-scrollbar { display: none; }

[data-erlar] > [data-kfkuq]:last-child {
  scroll-snap-align: end;
}

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

.w-slider-arrow-left {
  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(--w-on-brand); background: var(--w-key);
  transition: opacity .15s ease;
}

.w-slider-arrow-left[data-tzwgi] { left: 0.4rem; }

.w-slider-arrow-left[data-aluc4] { right: 0.4rem; }

[data-tzwgi], [data-aluc4] { transition: opacity .15s ease; }

[data-tzwgi].layout_edge, [data-aluc4].layout_edge { opacity: 0; pointer-events: none; }

 [data-erlar] {
  scroll-snap-type: x mandatory;
  border: 3px solid var(--w-border-strong);
  border-radius: 0;
  padding: 8px;
  
  scroll-padding-inline: 8px;
  margin-bottom: 2.5rem;
}

 [data-kfkuq] {
  scroll-snap-align: start;
  border-radius: 0 !important;
  border: 2px solid var(--w-border-strong);
}

 .w-slider-arrow-left,
 .slider_progress-wrap { display: none !important; }

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

.w-slider.is-dots-inset .w-slider-nav {
  margin-top: -2.25rem;
}

.w-slider-dot {
  width: 8px; height: 8px; border-radius: 999px; border: 0;
  background: color-mix(in srgb, var(--w-quiet) 45%, transparent);
  cursor: pointer; padding: 0;
}

.w-slider-dot:hover,
.w-slider-dot:focus-visible,
.w-slider-dot.w--current {
  background: var(--w-key);
}

.w-slider:not(.is-scrollable) .w-slider-arrow-left,
.w-slider:not(.is-scrollable) .w-slider-nav,
.w-slider:not(.is-scrollable) .slider_progress-wrap {
  display: none !important;
}

.w-slider:not(.is-scrollable) [data-erlar] {
  justify-content: center;
}

:root {
  --w-key: #2e9c29;
  --w-key-alt: #88e020;
  --w-primary-hard: #48298a;
  --w-key-soft: #1f3825;
  --w-bg: #080808;
  --w-border: #3b3d48;
  --w-border-strong: #505366;
  --w-contrast: #e8e9ec;
  --w-negative: #b42318;
  --w-anchor: #2e9c29;
  --w-anchor-hover: #56ba24;
  --w-quiet: #9698a5;
  --w-on-brand: #f9f9fa;
  --w-over-invert: #181924;
  --w-ok: #067647;
  --w-panel: #1c1d25;
  --w-layer-2: #262730;
  --w-flip: #e8e9ec;
  --w-ink: #eeeff0;
  --w-ink-inv: #181924;
}

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

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

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

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

:root {
  --w-display-font: 'Sora', system-ui, sans-serif;
  --w-font-body: 'Nunito Sans', system-ui, sans-serif;
  --w-round: 100px;
  --w-btn-transform: translateY(-2px);
  --w-press-tone: none;
  --w-btn-glow: 0 8px 20px color-mix(in srgb, var(--w-ink) 18%, transparent);
  --w-text-scale: 1;
  --w-display-scale: 1.1;
  --w-site-scale: 1.03;
}

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

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

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

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

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

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

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

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

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

[data-6te9u="vycq7"].app-container {
  --page-max: 1220px;
  --page-gut: clamp(12px, 2.4vw, 28px);
  --w-stripe: 264px;
  --flow-gap: clamp(56px, 7vw, 96px);
  --sheet-gap: max(12px, calc(var(--flow-gap) * 0.24));
  --sheet-pad: clamp(18px, 2.6vw, 34px);
  --gap-grid: clamp(10px, 1.4vw, 16px);
  --r: var(--w-round, 10px);
  --r-s: min(calc(var(--w-round, 10px) * 0.6), 10px);
  --r-sheet: min(calc(var(--w-round, 10px) * 1.2), 20px);
  --r-card: min(var(--w-round, 10px), 14px);
  --r-field: min(var(--w-round, 10px), 10px);
  --sheet-line: color-mix(in srgb, var(--w-border) 80%, transparent);
  --zebra: color-mix(in srgb, var(--w-bg) 55%, var(--w-panel));
  --tint: color-mix(in srgb, var(--w-key) 11%, var(--w-panel));
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--w-bg);
  color: var(--w-ink);
  counter-reset: sec;
}

[data-6te9u="vycq7"] .desk-frame-9 { flex: 1; width: min(100%, var(--page-max)); margin: 0 auto; padding: var(--sheet-gap) var(--page-gut) calc(var(--sheet-gap) * 3); }

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

[data-6te9u="vycq7"] .desk-main-6 > * { min-width: 0; margin-block: 0 var(--sheet-gap); }

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

[data-6te9u="vycq7"] [data-du21qi] { --fs-fit: min(var(--fs), calc(100cqi / (var(--lw) * 0.62))); }

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

.sheet-2:has(+ .sheet-join-2) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.desk-main-6 > .sheet-join-2 { margin-top: calc(-1 * var(--sheet-gap)); border-top: 1px dashed var(--w-border); border-top-left-radius: 0; border-top-right-radius: 0; }

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

.sec-kick-3 { flex: none; padding-right: 14px; border-right: 2px solid var(--w-border-strong); color: var(--w-quiet); font: 300 calc(clamp(1.3rem, 1.9vw, 1.75rem) * var(--w-display-scale, 1))/1.2 var(--w-display-font); font-variant-numeric: tabular-nums; }

.sec-kick-3::before { counter-increment: sec; content: counter(sec); }

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

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

.copy-3 { color: var(--w-ink); line-height: 1.62; overflow-wrap: break-word; }

.copy-3 > * { margin-block: 0; }

.copy-3 > * + * { margin-top: 0.9em; }

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

.copy-3 > h3:first-child, .copy-3 > h4:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

.copy-3 ul { list-style: none; padding-left: 0; }

.copy-3 ul > li { position: relative; padding-left: 1.6em; }

.copy-3 ul > li::before { content: ""; position: absolute; left: 0.2em; top: 0.5em; width: 0.62em; height: 0.62em; border: 1.5px solid var(--w-quiet); border-radius: 50%; }

.copy-3 ol { padding-left: 1.4em; }

.copy-3 li + li { margin-top: 0.4em; }

.copy-3 a { color: var(--w-anchor); text-underline-offset: 0.18em; }

.copy-3 a:hover { color: var(--w-anchor-hover); }

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

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

.go-btn-4:hover { transform: var(--w-btn-transform); filter: var(--w-press-tone); box-shadow: var(--w-btn-glow); }

.go-arrow-4 { flex: none; }

[data-6te9u="vycq7"] .desk-main-6 > section:has(> .html-block-content) { padding: var(--sheet-pad); border: 1px solid var(--sheet-line); border-radius: var(--r-sheet); background: var(--w-panel); color: var(--w-ink); }

.desk-main-6 .html-block-content { line-height: 1.62; }

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

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

.desk-main-6 .html-block-content table, .desk-main-6 .copy-3 table { width: 100%; border-collapse: collapse; font-size: 0.93rem; }

.desk-main-6 .html-block-content caption, .desk-main-6 .copy-3 caption { caption-side: top; text-align: left; padding-bottom: 8px; font-size: 0.85rem; color: var(--w-quiet); }

.desk-main-6 .html-block-content th, .desk-main-6 .html-block-content td, .desk-main-6 .copy-3 th, .desk-main-6 .copy-3 td { padding: 10px 12px; text-align: left; vertical-align: top; }

.desk-main-6 .html-block-content tbody tr:nth-child(odd), .desk-main-6 .copy-3 tbody tr:nth-child(odd) { background: var(--zebra); }

.desk-main-6 .html-block-content thead th, .desk-main-6 .copy-3 thead th { font-size: 0.8rem; font-weight: 600; color: var(--w-quiet); border-bottom: 1px solid var(--w-border); }

.desk-main-6 .html-block-content div:has(> table), .desk-main-6 .copy-3 div:has(> table) { overflow-x: auto; }

@media (min-width: 1024px) {
  [data-6te9u="vycq7"] .desk-main-6:has(> .rail-root-4) { grid-template-columns: var(--w-stripe) minmax(0, 1fr); column-gap: clamp(18px, 2vw, 28px); width: 100%; }
  [data-6te9u="vycq7"] .desk-main-6:has(> .rail-root-4) > * { grid-column: 2; }
  [data-6te9u="vycq7"] .desk-main-6 > .rail-root-4 { grid-column: 1; grid-row: 1 / span 90; align-self: stretch; margin: 0; }
  [data-6te9u="vycq7"] .desk-main-6:has(> .rail-dots-root-5) { grid-template-columns: var(--w-stripe) minmax(0, 1fr); column-gap: clamp(18px, 2vw, 28px); width: 100%; }
  [data-6te9u="vycq7"] .desk-main-6:has(> .rail-dots-root-5) > * { grid-column: 2; }
  [data-6te9u="vycq7"] .desk-main-6 > .rail-dots-root-5 { grid-column: 1; grid-row: 1 / span 90; align-self: stretch; margin: 0; }
}

@media (max-width: 760px) {
  .desk-main-6 .html-block-content table, .desk-main-6 .copy-3 table { display: block; max-width: 100%; overflow-x: auto; }
}

@media (max-width: 640px) {
  [data-6te9u="vycq7"] .desk-frame-9 { padding-inline: 8px; }
  .sheet-2 { padding: 18px 16px; }
  .sheet-head-8 { gap: 10px; }
  .sec-kick-3 { padding-right: 10px; }
}

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

.drawer-root-4 { position: fixed; inset: 0; z-index: 80; }

.drawer-root-4[hidden] { display: none; }

.drawer-veil-8 { position: absolute; inset: 0; background: color-mix(in srgb, var(--w-flip) 55%, transparent); }

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

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

.drawer-find-5 { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; padding: 0 12px; border-radius: var(--r-field, 8px); background: var(--w-layer-2); color: var(--w-quiet); }

.drawer-find-5:focus-within { outline: 2px solid var(--w-key); outline-offset: 0; }

.drawer-input-2 { flex: 1; min-width: 0; height: 44px; padding: 0; border: 0; outline: none; background: transparent; color: var(--w-ink); font: 500 1rem var(--w-font-body); }

.drawer-shut-2 { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 0; border-radius: var(--r-field, 8px); background: transparent; color: var(--w-ink); cursor: pointer; }

.drawer-shut-2:hover { background: var(--w-layer-2); }

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

.drawer-tree-4 > .drawer-node-3 + .drawer-node-3 { border-top: 1px solid var(--w-border); }

.drawer-branch-6 { list-style: none; margin: 0 0 8px 18px; padding: 0 0 0 10px; border-left: 2px solid var(--w-border); }

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

.drawer-tree-4 > .drawer-node-3 > .drawer-link-5 { font: 700 1rem/1.3 var(--w-display-font); }

.drawer-branch-6 .drawer-link-5 { min-height: 40px; color: var(--w-quiet); }

a.drawer-link-5:hover { background: var(--w-layer-2); color: var(--w-ink); }

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

.drawer-node-3[hidden] { display: none; }

.guide-root-4 { min-width: 0; }

.guide-root-4 .guide-list-8 { display: grid; }

.guide-root-4 .guide-part-7 { padding: 18px 0; border-top: 1px solid var(--sheet-line); }

.guide-root-4 .guide-part-7:first-child { padding-top: 0; border-top: 0; }

.guide-root-4 .guide-part-7:last-child { padding-bottom: 0; }

.guide-root-4 .guide-head-3 { display: flex; align-items: baseline; gap: 12px; margin-bottom: 10px; }

.guide-root-4 .guide-no-5 { flex: none; padding-right: 12px; border-right: 2px solid var(--w-border); color: var(--w-quiet); font: 300 1.15rem/1 var(--w-display-font); font-variant-numeric: tabular-nums; }

.guide-root-4 .guide-name-7 { margin: 0; font-size: 1.05rem; line-height: 1.3; min-width: 0; }

.guide-root-4 .guide-body-9 { max-width: 76ch; }

.credit-root-9 .credit-name-5 { 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; }

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

.credit-root-9 { display: grid; gap: 10px; padding: 16px 18px; border-radius: var(--r-sheet); background: var(--tint); color: var(--w-ink); }

.credit-root-9 .credit-line-2 { display: flex; align-items: center; gap: 12px; min-width: 0; }

.credit-root-9 .credit-face-7 { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: var(--w-panel); font: 800 1.1rem/1 var(--w-display-font); }

.credit-root-9 .credit-face-7 img { display: block; width: 100%; height: 100%; object-fit: cover; }

.credit-root-9 .credit-who-7 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin: 0; min-width: 0; }

.credit-root-9 .credit-name-5 { font: 700 1rem/1.3 var(--w-display-font); }

.credit-root-9 .credit-role-4 { color: var(--w-quiet); font-size: 0.85rem; }

.credit-root-9 .credit-head-9 { margin: 0; font-size: 1rem; }

.credit-root-9 .credit-text-4 { font-size: 0.92rem; line-height: 1.55; }

.credit-root-9 .credit-text-4 > * { margin: 0; }

.credit-root-9 .sc-author-social-5 { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; flex-basis: 100%; margin: 4px 0 0; }

.credit-root-9 .sc-author-link-9 { 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; width: 30px; height: 30px; border-radius: 50%; background: var(--w-panel); color: var(--w-ink); }

.credit-root-9 .sc-author-link-9:is(:hover, :focus-visible) { background: var(--w-key); color: var(--w-on-brand); }

.credit-root-9 .sc-author-link-9 svg { display: block; width: 16px; height: 16px; }

main .credit-root-9 ul.sc-author-social-5 { flex-direction: row !important; }

.credit-root-9.sc-author-profile-9 { gap: 16px; padding: clamp(20px, 3vw, 32px); }

.credit-root-9.sc-author-profile-9 .credit-line-2 { gap: 20px; }

.credit-root-9.sc-author-profile-9 .credit-face-7 { width: 128px; height: 128px; font-size: 2.6rem; }

.credit-root-9.sc-author-profile-9 .credit-who-7 { flex-direction: column; align-items: flex-start; }

.credit-root-9.sc-author-profile-9 .credit-name-5 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem); }

.credit-root-9.sc-author-profile-9 .credit-text-4 { font-size: 1rem; }

.credit-root-9 .sc-author-facts-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 10px; padding: 0; margin: 4px 0 0; }

.credit-root-9 .sc-author-fact-9 { padding: 10px 12px; border-radius: var(--r-sheet, 8px); background: var(--w-panel); }

.credit-root-9 .sc-author-fact-9 dt { margin: 0 0 2px; font: 700 0.74rem/1.3 var(--w-font-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--w-quiet); }

.credit-root-9 .sc-author-fact-9 dd { margin: 0; font-weight: 600; color: var(--w-ink); }

@media (max-width: 520px) { .credit-root-9.sc-author-profile-9 .credit-line-2 { flex-direction: column; align-items: flex-start; } }

.plus-grid-root-9 { min-width: 0; }

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

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

.plus-grid-root-9 .plus-grid-top-9 { display: flex; align-items: center; gap: 10px; min-width: 0; }

.plus-grid-root-9 .plus-grid-icon-4 { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--w-key); color: var(--w-on-brand); }

.plus-grid-root-9 .plus-grid-name-2 { margin: 0; font-size: 1rem; line-height: 1.3; min-width: 0; }

.plus-grid-root-9 .plus-grid-note-9 { margin: 0; color: var(--w-quiet); font-size: 0.9rem; line-height: 1.5; }

.crumb-line-9 { min-width: 0; padding: 2px 4px; }

.crumb-line-9 .crumb-steps-8 { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 0; font-size: 0.86rem; line-height: 1.4; }

.crumb-line-9 .crumb-step-7 { display: inline-flex; align-items: baseline; min-width: 0; }

.crumb-line-9 .crumb-slash-2 { padding: 0 8px; color: var(--w-quiet); }

.crumb-line-9 .crumb-href-8 { color: var(--w-quiet); text-decoration: none; }

.crumb-line-9 .crumb-href-8:hover { color: var(--w-anchor-hover); text-decoration: underline; }

.crumb-line-9 .crumb-here-2 { color: var(--w-ink); overflow-wrap: anywhere; }

.rank-root-4 { min-width: 0; }

.rank-root-4 .rank-list-4 { list-style: none; margin: 0; padding: 0; counter-reset: rank; border: 1px solid var(--w-border); border-radius: var(--r-card); overflow: hidden; }

.rank-root-4 .rank-row-4 { counter-increment: rank; }

.rank-root-4 .rank-row-4:nth-child(odd) { background: var(--zebra); }

.rank-root-4 .rank-card-4 { display: grid; grid-template-columns: 2.4em 120px minmax(0, 1fr) auto; grid-template-areas: "num pic main go"; gap: 14px; align-items: center; padding: 12px 14px; }

.rank-root-4 .rank-card-4::before { content: counter(rank); grid-area: num; color: var(--w-quiet); font: 300 1.5rem/1 var(--w-display-font); font-variant-numeric: tabular-nums; }

.rank-root-4 .rank-pic-5 { grid-area: pic; width: 120px; height: 78px; object-fit: cover; border-radius: var(--r-s); background: var(--w-layer-2); }

.rank-root-4 .rank-main-8 { grid-area: main; display: grid; gap: 4px; min-width: 0; }

.rank-root-4 .rank-name-5 { margin: 0; font-size: 1rem; line-height: 1.3; }

.rank-root-4 .rank-href-9 { color: var(--w-ink); text-decoration: none; }

.rank-root-4 .rank-href-9:hover { color: var(--w-anchor-hover); }

.rank-root-4 .rank-text-4 { color: var(--w-quiet); font-size: 0.88rem; line-height: 1.45; }

.rank-root-4 .rank-text-4 > * { margin: 0; }

.rank-root-4 .rank-go-6 { grid-area: go; min-height: 40px; padding: 0.5em 1em; font-size: 0.86rem; }

.rank-root-4 .rank-card-4:not(:has(.rank-pic-5)) { grid-template-columns: 2.4em minmax(0, 1fr) auto; grid-template-areas: "num main go"; }

@media (max-width: 640px) {
  .rank-root-4 .rank-card-4, .rank-root-4 .rank-card-4:not(:has(.rank-pic-5)) { grid-template-columns: 2em minmax(0, 1fr); grid-template-areas: "num main" "num pic" "num go"; }
  .rank-root-4 .rank-pic-5 { width: 100%; height: auto; aspect-ratio: 16 / 9; }
  .rank-root-4 .rank-go-6 { width: 100%; }
}

.pledge-root-9 { display: grid; justify-items: center; gap: 10px; padding: clamp(18px, 3vw, 28px); border-radius: var(--r-sheet); background: var(--tint); color: var(--w-ink); text-align: center; }

.pledge-root-9 .pledge-title-2 { --fs: calc(1.3rem * var(--w-display-scale, 1)); margin: 0; font-size: var(--fs-fit, var(--fs)); }

.pledge-root-9 .pledge-text-8 { max-width: 60ch; font-size: 0.95rem; line-height: 1.5; }

.pledge-root-9 .pledge-text-8 > * { margin: 0; }

.pledge-root-9 .pledge-go-6 { margin-top: 4px; min-width: min(100%, 240px); }

.promo-root-6 { display: grid; justify-items: center; gap: 14px; padding: clamp(24px, 4vw, 44px) var(--sheet-pad); border-radius: var(--r-sheet); background: var(--w-key); background-image: repeating-linear-gradient(135deg, transparent 0 18px, color-mix(in srgb, var(--w-on-brand) 7%, transparent) 18px 36px); color: var(--w-on-brand); text-align: center; }

.promo-root-6 .promo-title-2 { --fs: calc(clamp(1.4rem, 2.6vw, 2.1rem) * var(--w-display-scale, 1)); margin: 0; color: var(--w-on-brand); font-size: var(--fs-fit, var(--fs)); font-weight: 800; }

.promo-root-6 .promo-text-7 { max-width: 60ch; font-size: 1rem; line-height: 1.5; }

.promo-root-6 .promo-text-7 > * { margin: 0; }

.promo-root-6 .promo-text-7 a { color: inherit; }

.promo-root-6 .promo-go-6 { display: inline-flex; align-items: center; justify-content: center; gap: 0.5em; min-height: 50px; margin-top: 4px; padding: 0.8em 1.8em; border-radius: var(--r-field); background: var(--w-panel); color: var(--w-ink); font: 800 1rem/1.15 var(--w-font-body); text-decoration: none; transition: transform 0.18s, box-shadow 0.18s, filter 0.18s; }

.promo-root-6 .promo-go-6:hover { transform: var(--w-btn-transform); filter: var(--w-press-tone); box-shadow: var(--w-btn-glow); }

@media (max-width: 640px) {
  .promo-root-6 .promo-go-6 { width: 100%; }
}

.ask-grid-root-5 .ask-grid-q-9 { 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; }

.ask-grid-root-5 .ask-grid-q-9:where(:not([class*="title"]):not([class*="Title"]):not([class*="headline"]):not([class*="Headline"])) { font-family: inherit; }

.ask-grid-root-5 { min-width: 0; }

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

.ask-grid-root-5 .ask-grid-q-9, .ask-grid-root-5 .ask-grid-a-9 { margin: 0; padding: 14px 0; border-bottom: 1px solid var(--sheet-line); }

.ask-grid-root-5 .ask-grid-q-9 { padding-right: 18px; font: 700 0.98rem/1.4 var(--w-display-font); overflow-wrap: anywhere; }

.ask-grid-root-5 .ask-grid-a-9 { font-size: 0.93rem; }

@media (max-width: 640px) {
  .ask-grid-root-5 .ask-grid-list-3 { grid-template-columns: minmax(0, 1fr); }
  .ask-grid-root-5 .ask-grid-q-9 { padding: 14px 0 4px; border-bottom: 0; }
  .ask-grid-root-5 .ask-grid-a-9 { padding-top: 0; }
}

.short-list-root-6 { min-width: 0; }

.short-list-root-6 .short-list-items-2 { list-style: none; margin: 0; padding: 0; display: grid; }

.short-list-root-6 .short-list-pair-5 { display: grid; gap: 6px; padding: 12px 0; border-bottom: 1px dashed var(--w-border); }

.short-list-root-6 .short-list-pair-5:first-child { padding-top: 0; }

.short-list-root-6 .short-list-pair-5:last-child { padding-bottom: 0; border-bottom: 0; }

.short-list-root-6 .short-list-q-6 { font: 700 0.98rem/1.35 var(--w-display-font); overflow-wrap: anywhere; }

.short-list-root-6 .short-list-a-7 { color: var(--w-quiet); font-size: 0.92rem; }

.kit-root-5 { min-width: 0; }

.kit-root-5 .kit-grid-6 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: var(--gap-grid); }

.kit-root-5 .kit-cell-6 { display: grid; justify-items: center; align-content: start; gap: 8px; padding: 20px 16px 18px; border: 1px solid var(--w-border); border-top: 3px solid var(--w-key); border-radius: var(--r-card); background: var(--w-panel); text-align: center; }

.kit-root-5 .kit-icon-6 { display: grid; place-items: center; width: 52px; height: 52px; border: 1.5px solid var(--w-border-strong); border-radius: 50%; color: var(--w-ink); font-size: 1.35rem; }

.kit-root-5 .kit-name-8 { margin: 4px 0 0; font-size: 1rem; line-height: 1.3; }

.kit-root-5 .kit-note-9 { margin: 0; color: var(--w-quiet); font-size: 0.88rem; line-height: 1.5; }

.pedestal-root-9 { margin-top: auto; background: var(--tint); color: var(--w-ink); }

.pedestal-root-9 .pedestal-care-2 { background: var(--w-flip); color: var(--w-over-invert); }

.pedestal-root-9 .pedestal-care-in-7 { display: flex; align-items: center; gap: 16px; width: min(100%, var(--page-max)); margin: 0 auto; padding: 12px var(--page-gut); }

.pedestal-root-9 .pedestal-age-3 { flex: none; font: 800 1.3rem/1 var(--w-display-font); }

.pedestal-root-9 .pedestal-note-7 { margin: 0; font-size: 0.84rem; line-height: 1.45; opacity: 0.88; }

.pedestal-root-9 .pedestal-wrap-5 { display: grid; gap: 22px; width: min(100%, var(--page-max)); margin: 0 auto; padding: clamp(24px, 4vw, 40px) var(--page-gut) 22px; }

.pedestal-root-9 .pedestal-cards-9 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 10px; align-items: start; }

.pedestal-root-9 .pedestal-cards-9 > .pedestal-node-9 { padding: 12px 14px; border-radius: var(--r-card); background: var(--w-panel); border: 1px solid var(--sheet-line); }

.pedestal-root-9 .pedestal-cards-9 > .pedestal-node-9 > .pedestal-link-2 { font: 700 0.93rem/1.3 var(--w-display-font); color: var(--w-ink); }

.pedestal-root-9 .pedestal-kids-2 { list-style: none; margin: 6px 0 0; padding: 6px 0 0; border-top: 1px solid var(--sheet-line); }

.pedestal-root-9 .pedestal-link-2 { display: block; padding: 3px 0; color: var(--w-quiet); font-size: 0.86rem; text-decoration: none; overflow-wrap: anywhere; }

.pedestal-root-9 a.pedestal-link-2:hover { color: var(--w-anchor-hover); text-decoration: underline; }

.pedestal-root-9 .pedestal-link-2[aria-current="page"] { color: var(--w-anchor); }

.pedestal-root-9 .pedestal-base-5 { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding-top: 16px; border-top: 1px solid var(--w-border); }

.pedestal-root-9 .pedestal-brand-7 { display: inline-flex; padding: 8px 12px; border-radius: var(--r-field); background: var(--w-panel); }

.pedestal-root-9 .pedestal-mark-9 { display: inline-flex; align-items: center; color: var(--w-ink); font: 800 1rem/1 var(--w-display-font); text-decoration: none; }

.pedestal-root-9 .pedestal-legal-8 { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; flex: 1 1 auto; }

.pedestal-root-9 .pedestal-fine-8 { color: var(--w-quiet); font-size: 0.82rem; text-decoration: underline; text-underline-offset: 0.2em; }

.pedestal-root-9 a.pedestal-fine-8:hover { color: var(--w-ink); }

.pedestal-root-9 .pedestal-copy-6 { margin: 0; color: var(--w-quiet); font-size: 0.8rem; }

.film-root-7 { min-width: 0; }

.film-root-7 .film-row-4 { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 46%); gap: var(--gap-grid); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; scrollbar-width: thin; }

.film-root-7 .film-frame-3 { margin: 0; min-width: 0; scroll-snap-align: start; }

.film-root-7 .film-frame-3 img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--r-card); background: var(--w-layer-2); }

.film-root-7 .film-cap-7 { padding: 8px 2px 0; font-size: 0.86rem; font-weight: 600; line-height: 1.35; }

.film-root-7 .film-row-4:not(:has(> :nth-child(3))) { grid-auto-flow: row; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }

@media (max-width: 640px) {
  .film-root-7 .film-row-4 { grid-auto-columns: 82%; }
}

.zone-root-9 { min-width: 0; }

.zone-root-9 .zone-grid-3 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: var(--gap-grid); }

.zone-root-9 .zone-tile-6 { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 12px; border: 1px solid var(--w-border); border-radius: var(--r-card); background: var(--w-panel); }

.zone-root-9 .zone-tile-6:hover { border-color: var(--w-border-strong); }

.zone-root-9 .zone-thumb-8 { order: -1; flex: none; width: 68px; height: 68px; object-fit: cover; border-radius: var(--r-field); background: var(--w-layer-2); }

.zone-root-9 .zone-words-9 { display: grid; gap: 4px; min-width: 0; }

.zone-root-9 .zone-name-5 { margin: 0; font-size: 1rem; line-height: 1.3; }

.zone-root-9 .zone-link-4 { color: var(--w-ink); text-decoration: none; }

.zone-root-9 .zone-link-4::after { content: " \2192"; color: var(--w-anchor); }

.zone-root-9 .zone-link-4:hover { color: var(--w-anchor-hover); }

.zone-root-9 .zone-note-5 { margin: 0; color: var(--w-quiet); font-size: 0.86rem; line-height: 1.45; }

.one-bar-root-2 { position: sticky; top: 0; z-index: 50; background: var(--w-panel); color: var(--w-ink); border-bottom: 1px solid var(--sheet-line); box-shadow: 0 1px 3px color-mix(in srgb, var(--w-ink) 8%, transparent); }

.one-bar-root-2 .one-bar-row-8 { display: flex; align-items: center; gap: 18px; width: min(100%, var(--page-max)); min-height: 60px; margin: 0 auto; padding-inline: var(--page-gut); }

.one-bar-root-2 .one-bar-mark-3 { display: inline-flex; align-items: center; flex: none; color: var(--w-ink); text-decoration: none; font: 800 1.2rem/1 var(--w-display-font); }

.one-bar-root-2 .one-bar-nav-4 { flex: 1 1 auto; min-width: 0; }

.one-bar-root-2 .one-bar-links-8 { list-style: none; display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; overflow: hidden; }

.one-bar-root-2 .one-bar-slot-7 { flex: none; }

.one-bar-root-2 .one-bar-link-6 { display: flex; align-items: center; min-height: 40px; padding: 0 10px; border: 0; border-radius: var(--r-field); background: none; color: var(--w-ink); font: 600 0.9rem/1.2 var(--w-font-body); text-decoration: none; white-space: nowrap; cursor: pointer; }

.one-bar-root-2 .one-bar-link-6:hover { background: var(--w-layer-2); }

.one-bar-root-2 .one-bar-link-6[aria-current="page"] { background: var(--tint); }

.one-bar-root-2 .one-bar-offer-9 { position: sticky; right: 0; margin-left: auto; padding-left: 10px; background: var(--w-panel); }

.one-bar-root-2 .one-bar-offer-9 .go-btn-4 { min-height: 40px; padding: 0.5em 1.1em; font-size: 0.88rem; white-space: nowrap; }

.one-bar-root-2 .one-bar-menu-4 { display: grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 0; border: 1px solid var(--w-border); border-radius: var(--r-field); background: var(--w-panel); color: var(--w-ink); cursor: pointer; }

.one-bar-root-2 .one-bar-menu-4:hover, .one-bar-root-2 .one-bar-menu-4[aria-expanded="true"] { border-color: var(--w-ink); }

@media (max-width: 1000px) {
  .one-bar-root-2 .one-bar-slot-7:not(.one-bar-offer-9) { display: none; }
}

@media (max-width: 480px) {
  
  .one-bar-root-2 .one-bar-row-8 { gap: 10px; }
  .one-bar-root-2 .one-bar-mark-3 { flex: 0 1 auto; min-width: 0; max-width: 40%; }
  .one-bar-root-2 .one-bar-mark-3 > span { max-width: 100% !important; }
  .one-bar-root-2 .one-bar-offer-9 { padding-left: 0; }
  .one-bar-root-2 .one-bar-offer-9 .go-btn-4 { padding: 0.5em 0.85em; font-size: 0.82rem; }
}

.lead-root-2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(16px, 2.4vw, 28px); align-items: center; }

.lead-root-2.lead-with-pic-2 { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }

.lead-root-2 .lead-pic-8 { order: 2; margin: 0; }

.lead-root-2 .lead-pic-8 img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-card); background: var(--w-layer-2); }

.lead-root-2 .lead-text-7 { display: grid; gap: 16px; min-width: 0; }

.lead-root-2 .lead-title-7 { --fs: calc(clamp(1.7rem, 3.2vw, 2.6rem) * var(--w-display-scale, 1)); margin: 0; font-size: var(--fs-fit, var(--fs)); font-weight: 800; line-height: 1.12; }

.lead-root-2 .lead-sub-6 { color: var(--w-quiet); font-size: 1.02rem; line-height: 1.55; }

.lead-root-2 .lead-sub-6 > * { margin: 0; }

.lead-root-2 .lead-sub-6 > * + * { margin-top: 0.6em; }

.lead-root-2 .lead-go-4 { width: 100%; min-height: 52px; font-size: 1rem; }

@media (min-width: 861px) {
  .lead-root-2 .lead-go-4 { width: min(100%, 420px); }
}

@media (max-width: 860px) {
  .lead-root-2.lead-with-pic-2 { grid-template-columns: minmax(0, 1fr); }
  .lead-root-2 .lead-pic-8 { order: 0; margin: calc(-1 * var(--sheet-pad)) calc(-1 * var(--sheet-pad)) 0; }
  .lead-root-2 .lead-pic-8 img { aspect-ratio: 16 / 9; border-radius: var(--r-sheet) var(--r-sheet) 0 0; }
}

@media (max-width: 640px) {
  .lead-root-2 .lead-pic-8 { margin: -18px -16px 0; }
}

.quad-root-3 { min-width: 0; }

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

.quad-root-3 .quad-card-6 { position: relative; display: grid; min-width: 0; padding: 18px 56px 18px 18px; border: 1px solid var(--w-border); border-top: 3px solid var(--w-key); border-radius: var(--r-card); background: var(--w-panel); }

.quad-root-3 .quad-words-2 { display: grid; gap: 6px; }

.quad-root-3 .quad-name-8 { margin: 0; font-size: 1rem; line-height: 1.3; }

.quad-root-3 .quad-note-4 { margin: 0; color: var(--w-quiet); font-size: 0.9rem; line-height: 1.5; }

.quad-root-3 .quad-badge-4 { position: absolute; top: 14px; right: 14px; color: var(--w-border-strong); font: 800 1.9rem/1 var(--w-display-font); font-variant-numeric: tabular-nums; }

.roster-root-9 { min-width: 0; }

.roster-root-9 .roster-lead-6 { margin-bottom: 14px; max-width: 76ch; }

.roster-root-9 .roster-list-6 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 0 20px; }

.roster-root-9 .roster-row-8 { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 8px 0; border-bottom: 1px solid var(--sheet-line); }

.roster-root-9 .roster-badge-5 { display: grid; place-items: center; flex: none; width: 72px; height: 40px; padding: 4px; border-radius: var(--r-s); background: var(--w-layer-2); color: var(--w-ink); font: 800 1rem/1 var(--w-display-font); }

.roster-root-9 .roster-badge-5 img { display: block; max-width: 100%; max-height: 32px; width: auto; height: auto; object-fit: contain; }

.roster-root-9 .roster-name-6 { min-width: 0; font-weight: 600; font-size: 0.93rem; overflow-wrap: anywhere; }

.lines-root-2 { min-height: 280px; padding: var(--sheet-pad) !important; }

.lines-root-2 .section_padding-global, .lines-root-2 .w-wrapper, .lines-root-2 .w-container { 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(--w-ink); }

.lines-root-2 .card_box { 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(--w-ink) !important; }

.lines-root-2 .header_top { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: baseline !important; gap: 6px 14px; margin: 0 0 14px; padding: 0 !important; border: 0 !important; background: transparent !important; }

.lines-root-2 .section_title { flex: 1 1 auto; margin: 0; color: var(--w-ink); font: 700 calc(clamp(1.3rem, 1.9vw, 1.75rem) * var(--w-display-scale, 1))/1.2 var(--w-display-font); letter-spacing: -0.012em; text-transform: none; }

.lines-root-2 .section_subtitle { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 3px 10px; border-radius: 999px; background: var(--w-layer-2); color: var(--w-quiet); font-size: 0.8rem; }

.lines-root-2 .section_subtitle::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--w-negative); flex: none; }

.lines-root-2 .cta_link { display: none !important; }

.lines-root-2 [data-6rjyc="vd592"] { 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; }

.lines-root-2 .search_component { 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; }

.lines-root-2 .search_component::before, .lines-root-2 .sports-nav_wrapper::before { content: none !important; display: none !important; }

.lines-root-2 .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(--w-border) !important; background: var(--w-layer-2) !important; color: var(--w-ink) !important; font: inherit; font-size: 0.93rem; box-shadow: none !important; }

.lines-root-2 .search_input:focus { outline: 2px solid var(--w-key); outline-offset: 0; }

.lines-root-2 .sports-nav_wrapper { 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(--w-border) !important; border-radius: 0 !important; background: transparent !important; position: static; }

.lines-root-2 .sports-nav_wrapper::-webkit-scrollbar { display: none; }

.lines-root-2 .w-tab-link { 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(--w-quiet) !important; font: 600 0.88rem/1 var(--w-font-body); white-space: nowrap; cursor: pointer; box-shadow: none; text-align: center; }

.lines-root-2 .w-tab-link.w--tab-active { border-bottom-color: var(--w-key) !important; color: var(--w-ink) !important; }

.lines-root-2 .container-medium { display: block !important; width: auto; margin: 0; padding: 0 !important; border: 0; background: transparent; }

.lines-root-2 .container-medium [data-6rjyc="vjsdr"] { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; overflow: visible !important; margin: 0; padding: 0 !important; border: 1px solid var(--w-border); border-radius: var(--r-card); }

.lines-root-2 .container-medium [data-6rjyc="vjsdr"][style*="none"] { display: none !important; }

.lines-root-2 .data_row { display: grid !important; grid-template-columns: minmax(96px, 150px) minmax(0, 1fr) minmax(150px, 220px); 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: 10px 14px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--w-ink) !important; box-shadow: none !important; flex: none; }

.lines-root-2 .data_row:nth-child(odd) { background: var(--zebra) !important; }

.lines-root-2 .league_name { grid-area: league; align-self: end; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--w-quiet) !important; font-size: 0.74rem; font-weight: 600; text-transform: none !important; letter-spacing: 0 !important; }

.lines-root-2 .event_time { grid-area: time; align-self: start; margin: 0; color: var(--w-ink); font-size: 0.8rem; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }

.lines-root-2 .teams_wrapper { grid-area: teams; display: grid !important; gap: 2px; min-width: 0; margin: 0; font-size: 0.93rem; line-height: 1.3; color: var(--w-ink); }

.lines-root-2 .teams_wrapper > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }

.lines-root-2 .teams_wrapper > span:nth-child(2) { display: none !important; }

.lines-root-2 .odds_wrapper { grid-area: odds; display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 4px; width: auto; margin: 0; }

.lines-root-2 .odd_button { 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: var(--r-s) !important; border: 1px solid var(--w-border) !important; background: var(--w-panel) !important; color: var(--w-ink) !important; text-decoration: none; box-shadow: none !important; }

.lines-root-2 .odd_button:hover { border-color: var(--w-key) !important; }

.lines-root-2 .bet-odd_outcome { color: var(--w-quiet) !important; font-size: 0.72rem; font-weight: 700; }

.lines-root-2 .bet-odd_value { color: var(--w-ink) !important; font-size: 0.92rem; font-weight: 800; font-variant-numeric: tabular-nums; }

@media (max-width: 700px) {
  .lines-root-2 .data_row { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "league time" "teams teams" "odds odds"; gap: 6px 10px; padding: 12px !important; }
  .lines-root-2 .league_name, .lines-root-2 .event_time { align-self: center; }
}

.pace-bar-root-4 { min-width: 0; }

.pace-bar-root-4 .pace-bar-list-3 { list-style: none; margin: 0; padding: 0; display: grid; }

.pace-bar-root-4 .pace-bar-row-5 { display: grid; gap: 8px; padding: 14px 0; border-bottom: 1px solid var(--sheet-line); }

.pace-bar-root-4 .pace-bar-row-5:first-child { padding-top: 0; }

.pace-bar-root-4 .pace-bar-top-2 { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }

.pace-bar-root-4 .pace-bar-way-7 { margin: 0; font-size: 1rem; line-height: 1.3; }

.pace-bar-root-4 .pace-bar-time-6 { font-weight: 800; font-variant-numeric: tabular-nums; }

.pace-bar-root-4 .pace-bar-bar-6 { display: block; height: 8px; border-radius: 4px; background: var(--w-border); }

.pace-bar-root-4 .pace-bar-bar-6::after { content: ""; display: block; height: 100%; border-radius: inherit; }

.pace-bar-root-4 .pace-bar-fast-4::after { width: 100%; background: var(--w-ok); }

.pace-bar-root-4 .pace-bar-mid-4::after { width: 62%; background: var(--w-key); }

.pace-bar-root-4 .pace-bar-slow-2::after { width: 28%; background: var(--w-negative); }

.pace-bar-root-4 .pace-bar-note-7 { margin: 0; color: var(--w-quiet); font-size: 0.9rem; line-height: 1.5; }

.match-root-4 { min-width: 0; }

.match-root-4 .match-scroll-9 { overflow-x: auto; border: 1px solid var(--w-border); border-radius: var(--r-card); }

.match-root-4 .match-table-3 { width: 100%; min-width: 440px; border-collapse: collapse; table-layout: fixed; }

.match-root-4 .match-head-up-5, .match-root-4 .match-head-down-8 { padding: 12px 14px; text-align: left; font: 700 0.95rem/1.3 var(--w-display-font); border-bottom: 3px solid var(--w-ok); }

.match-root-4 .match-head-down-8 { border-bottom-color: var(--w-negative); }

.match-root-4 .match-row-7:nth-child(odd) { background: var(--zebra); }

.match-root-4 .match-up-4, .match-root-4 .match-down-9 { padding: 10px 14px 10px 30px; vertical-align: top; position: relative; line-height: 1.45; }

.match-root-4 .match-up-4:not(:empty)::before, .match-root-4 .match-down-9:not(:empty)::before { position: absolute; left: 12px; top: 10px; font-weight: 800; }

.match-root-4 .match-up-4:not(:empty)::before { content: "+"; color: var(--w-ok); }

.match-root-4 .match-down-9:not(:empty)::before { content: "\2212"; color: var(--w-negative); }

.match-root-4 .match-down-9 { border-left: 1px solid var(--w-border); }

.match-root-4 .match-name-5 { display: block; font-weight: 600; }

.match-root-4 .match-note-6 { display: block; color: var(--w-quiet); font-size: 0.88rem; }

.offer-strip-3 { display: flex; align-items: center; gap: 14px; padding: 12px 14px 12px 16px; border: 1px solid color-mix(in srgb, var(--w-key) 30%, var(--w-border)); border-radius: var(--r-sheet); background: var(--tint); color: var(--w-ink); }

.offer-strip-3 .offer-glyph-9 { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: var(--r-field); background: var(--w-key); color: var(--w-on-brand); }

.offer-strip-3 .offer-words-6 { display: grid; gap: 2px; flex: 1; min-width: 0; line-height: 1.35; }

.offer-strip-3 .offer-head-8 { font: 700 1.02rem/1.3 var(--w-display-font); overflow-wrap: anywhere; }

.offer-strip-3 .offer-line-4 { color: var(--w-ink); font-size: 0.9rem; }

.offer-strip-3 .offer-line-4 a { color: var(--w-anchor); }

.offer-strip-3 .offer-go-8 { flex: none; }

@media (max-width: 640px) {
  .offer-strip-3 { flex-wrap: wrap; }
  .offer-strip-3 .offer-words-6 { flex-basis: calc(100% - 60px); }
  .offer-strip-3 .offer-go-8 { width: 100%; }
}

.sidebar-nav-root {
  padding: 2px 0; font-variant-numeric: tabular-nums;
}

.sidebar-nav-root .sidebar-nav-title {
  font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.12em;
  color: var(--w-quiet); margin: 0 0 10px; font-weight: 800;
  padding-bottom: 8px; border-bottom: 2px solid var(--w-ink);
}

.sidebar-nav-root .sidebar-nav-list,
.sidebar-nav-root .sidebar-nav-sub { list-style: none; margin: 0; padding: 0; }

.sidebar-nav-root .sidebar-nav-sub {
  padding-left: 0; margin: 0 0 6px; border: 0;
}

.sidebar-nav-root .nav_anchor-link {
  display: block; padding: 9px 2px; text-decoration: none;
  font-size: 0.9rem; font-weight: 600; color: var(--w-quiet);
  border-bottom: 1px solid color-mix(in srgb, var(--w-border) 80%, transparent);
}

.sidebar-nav-root .nav_anchor-link:hover {
  color: var(--w-ink);
}

.sidebar-nav-root .sidebar-item-wrapper.w--current > .nav_anchor-link {
  color: var(--w-key);
}

.sidebar-nav-root .block-652 {
  display: block; padding: 12px 2px 4px; font-size: 0.7rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: 0.08em; color: var(--w-ink);
}

.dot-lead-root-9 { min-width: 0; }

.dot-lead-root-9 .dot-lead-table-9 { width: 100%; border-collapse: collapse; }

.dot-lead-root-9 .dot-lead-row-2 > * { padding: 10px 0; vertical-align: baseline; }

.dot-lead-root-9 .dot-lead-key-3 { position: relative; overflow: hidden; color: var(--w-quiet); font-weight: 400; text-align: left; font-size: 0.93rem; }

.dot-lead-root-9 .dot-lead-key-3 > span { position: relative; padding-right: 8px; background: var(--w-panel); }

.dot-lead-root-9 .dot-lead-key-3::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0.9em; border-bottom: 1.5px dotted var(--w-border-strong); }

.dot-lead-root-9 .dot-lead-val-4 { padding-left: 8px; color: var(--w-ink); font: 800 1.1rem/1.2 var(--w-display-font); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }

.rail-dots-root-5 { min-width: 0; }

.rail-dots-root-5 .rail-dots-stick-9 { padding: 14px 16px; border: 1px solid var(--sheet-line); border-radius: var(--r-sheet); background: var(--w-panel); }

.rail-dots-root-5 .rail-dots-title-2 { margin: 0 0 10px; font: 700 0.95rem/1.3 var(--w-display-font); }

.rail-dots-root-5 .rail-dots-list-8 { position: relative; list-style: none; margin: 0; padding: 0 0 0 18px; }

.rail-dots-root-5 .rail-dots-list-8::before { content: ""; position: absolute; left: 4px; top: 8px; bottom: 8px; width: 2px; background: var(--w-border); }

.rail-dots-root-5 .rail-dots-stop-8 { position: relative; }

.rail-dots-root-5 .rail-dots-stop-8::before { content: ""; position: absolute; left: -18px; top: 0.72em; width: 10px; height: 10px; border: 2px solid var(--w-border-strong); border-radius: 50%; background: var(--w-panel); }

.rail-dots-root-5 .rail-dots-link-9 { display: block; padding: 6px 0; color: var(--w-quiet); font-size: 0.87rem; line-height: 1.35; text-decoration: none; overflow-wrap: anywhere; }

.rail-dots-root-5 .rail-dots-link-9:hover { color: var(--w-ink); }

.rail-dots-root-5 .rail-dots-link-9[aria-current="true"] { color: var(--w-ink); font-weight: 700; }

.rail-dots-root-5 .rail-dots-stop-8:has(> [aria-current="true"])::before { border-color: var(--w-key); background: var(--w-key); }

@media (min-width: 1024px) {
  .rail-dots-root-5 .rail-dots-stick-9 { position: sticky; top: 64px; max-height: calc(100vh - 80px); overflow-y: auto; scrollbar-width: thin; }
}

@media (max-width: 1023px) {
  .rail-dots-root-5 .rail-dots-list-8 { columns: 2 220px; column-gap: 24px; }
  .rail-dots-root-5 .rail-dots-list-8::before { display: none; }
  .rail-dots-root-5 .rail-dots-stop-8 { break-inside: avoid; }
}

.talk-root-4 { min-width: 0; }

.talk-root-4 .talk-list-8 { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }

.talk-root-4 .talk-item-5 { display: grid; gap: 10px; padding: 14px 16px; border: 1px solid var(--w-border); border-radius: var(--r-card); background: var(--w-panel); }

.talk-root-4 .talk-who-6 { display: flex; align-items: center; gap: 10px; min-width: 0; }

.talk-root-4 .talk-ava-9 { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--tint); color: var(--w-ink); font: 800 0.95rem/1 var(--w-display-font); }

.talk-root-4 .talk-id-2 { display: grid; min-width: 0; line-height: 1.3; }

.talk-root-4 .talk-name-7 { color: var(--w-anchor); font-size: 0.92rem; }

.talk-root-4 .talk-meta-7 { color: var(--w-quiet); font-size: 0.78rem; }

.talk-root-4 .talk-quote-2 { margin: 0; color: var(--w-ink); font-size: 0.94rem; line-height: 1.55; }

.column-root-2 { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 0 18px; padding: clamp(16px, 2.4vw, 26px) 4px; border-top: 2px solid var(--w-ink); }

.column-root-2 .column-num-4 { grid-column: 1; padding: 0; border: 0; font-size: 2rem; line-height: 1; }

.column-root-2 .column-main-4 { grid-column: 2; display: grid; gap: 14px; min-width: 0; }

.column-root-2 .column-title-9 { --fs: calc(clamp(1.3rem, 1.9vw, 1.75rem) * var(--w-display-scale, 1)); margin: 0; font-size: var(--fs-fit, var(--fs)); }

.column-root-2 .column-body-9 { max-width: 74ch; }

@media (max-width: 640px) {
  .column-root-2 { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .column-root-2 .column-main-4 { grid-column: 1; }
  .column-root-2 .column-num-4 { font-size: 1.4rem; }
}

.split-shot-root-4 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); grid-template-areas: "pic text"; gap: clamp(16px, 3vw, 32px); align-items: start; }

.split-shot-root-4.split-shot-flip-5 { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); grid-template-areas: "text pic"; }

.split-shot-root-4.split-shot-bare-6 { grid-template-columns: minmax(0, 1fr); grid-template-areas: "text"; }

.split-shot-root-4 .split-shot-pic-9 { grid-area: pic; margin: 0; position: sticky; top: 72px; }

.split-shot-root-4 .split-shot-pic-9 img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 4; object-fit: cover; border-radius: var(--r-card); background: var(--w-layer-2); }

.split-shot-root-4 .split-shot-text-9 { grid-area: text; min-width: 0; }

@media (max-width: 760px) {
  .split-shot-root-4, .split-shot-root-4.split-shot-flip-5 { grid-template-columns: minmax(0, 1fr); grid-template-areas: "text" "pic"; }
  .split-shot-root-4 .split-shot-pic-9 { position: static; }
}

.era-root-3 { min-width: 0; }

.era-root-3 .era-list-9 { list-style: none; margin: 0; padding: 0; border: 1px solid var(--w-border); border-radius: var(--r-card); overflow: hidden; }

.era-root-3 .era-row-6 { display: grid; grid-template-columns: minmax(96px, 168px) minmax(0, 1fr); gap: 16px; align-items: start; padding: 14px 16px; }

.era-root-3 .era-row-6:nth-child(odd) { background: var(--zebra); }

.era-root-3 .era-when-8 { grid-column: 1; grid-row: 1; justify-self: start; padding: 4px 10px; border-radius: var(--r-s); background: var(--w-layer-2); color: var(--w-ink); font: 700 0.86rem/1.3 var(--w-display-font); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

.era-root-3 .era-what-7 { grid-column: 2; grid-row: 1; display: grid; gap: 4px; min-width: 0; }

.era-root-3 .era-name-6 { margin: 0; font-size: 1rem; line-height: 1.3; }

.era-root-3 .era-note-5 { margin: 0; color: var(--w-quiet); font-size: 0.9rem; line-height: 1.5; }

@media (max-width: 560px) {
  .era-root-3 .era-row-6 { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .era-root-3 .era-what-7 { grid-column: 1; grid-row: 2; }
}

.two-step-root-3 { min-width: 0; }

.two-step-root-3 .two-step-list-9 { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }

.two-step-root-3 .two-step-item-2 { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 14px; align-items: start; }

.two-step-root-3 .two-step-item-2 + .two-step-item-2 { padding-top: 16px; border-top: 1px dashed var(--w-border); }

.two-step-root-3 .two-step-no-9 { display: grid; place-items: center; width: 34px; height: 34px; border: 1.5px solid var(--w-border-strong); border-radius: 50%; color: var(--w-quiet); font: 700 0.9rem/1 var(--w-display-font); }

.two-step-root-3 .two-step-text-5 { max-width: 74ch; }

/* __va_widget_css_begin__ */

.section_block,
.section_padding-global {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  
  min-height: 280px;
}

.w-wrapper {
  width: 100%;
}

.card_box {
  background: var(--w-panel);
  border: 1px solid var(--w-border);
  border-radius: 12px;
  overflow: hidden;
  color: var(--w-ink);
}

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

.section_title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--w-ink);
}

.section_subtitle {
  font-size: 0.8rem;
  color: var(--w-quiet);
}

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

.cta_link:hover {
  background: var(--w-key-alt);
}

.search_component {
  padding: 14px 20px 0;
}

.search_input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 14px;
  border: 1px solid var(--w-border);
  border-radius: 8px;
  background: var(--w-bg);
  color: var(--w-ink);
  font-size: 0.85rem;
}

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

.search_empty-state {
  padding: 16px 20px;
  text-align: center;
  color: var(--w-quiet);
  font-size: 0.85rem;
}

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

.w-tab-link {
  padding: 6px 14px;
  border: 1px solid var(--w-border);
  border-radius: 999px;
  background: var(--w-bg);
  color: var(--w-ink);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

.w-tab-link:hover {
  border-color: var(--w-key);
}

.w--tab-active,
.w-tab-link.w--tab-active {
  background: var(--w-key);
  border-color: var(--w-key);
  color: var(--w-on-brand);
}

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

[data-6rjyc="vjsdr"] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

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

.data_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  padding: 12px 14px;
  border: 1px solid var(--w-border);
  border-radius: 10px;
  background: var(--w-bg);
}

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

.event_time {
  font-size: 0.75rem;
  color: var(--w-quiet);
  order: 3;
}

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

.teams_wrapper span {
  color: inherit;
}

.odds_wrapper {
  display: flex;
  gap: 6px;
  order: 4;
  flex: 0 0 100%;
}

.odd_button {
  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(--w-border);
  border-radius: 8px;
  background: var(--w-panel);
  color: var(--w-ink);
  text-decoration: none;
  font-size: 0.85rem;
}

.odd_button:hover {
  border-color: var(--w-key);
  background: color-mix(in srgb, var(--w-key) 12%, var(--w-panel));
}

.odd_button .bet-odd_outcome {
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--w-quiet);
  text-transform: uppercase;
}

.odd_button .bet-odd_value {
  font-weight: 700;
  color: var(--w-ink);
}

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

.data_row[data-6rjyc="vcove"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px;
  row-gap: 6px;
}

.data_row[data-6rjyc="vcove"] > .league_name {
  flex: 0 0 100%;
}

.data_row[data-6rjyc="vcove"] > .teams_wrapper {
  flex: 1 1 auto;
  min-width: 140px;
  order: 1;
}

.data_row[data-6rjyc="vcove"] > .event_time {
  flex: 0 0 auto;
  white-space: nowrap;
  order: 2;
}

.odd_button[data-6rjyc="vln7j"] {
  order: 3;
  flex: 0 0 auto;
  flex-direction: row;
  width: auto;
  padding: 6px 12px;
  font-size: 0.78rem;
  font-weight: 600;
  background: var(--w-bg);
  white-space: nowrap;
}

.data_row[data-6rjyc="vcove"] > .odds_wrapper,
.data_row[data-6rjyc="vcove"] > .markets_grid,
.data_row[data-6rjyc="vcove"] > [data-6rjyc="vmxh1"] {
  flex: 0 0 100%;
  order: 4;
}

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

.market_card {
  border: 1px solid var(--w-border);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--w-panel);
}

.market_card-title {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--w-quiet);
  margin-bottom: 6px;
}

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

.selection_item:hover {
  border-color: var(--w-key);
}

.selection_price-text {
  font-weight: 700;
  color: var(--w-key);
}

/* __va_widget_css_begin__ */
.section_block,
.section_padding-global {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  
  min-height: 280px;
}

.w-wrapper {
  width: 100%;
}

.card_box {
  background: var(--w-panel);
  border: 1px solid var(--w-border);
  border-radius: 12px;
  overflow: hidden;
  color: var(--w-ink);
}

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

.section_title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--w-ink);
}

.section_subtitle {
  font-size: 0.8rem;
  color: var(--w-quiet);
}

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

.cta_link:hover {
  background: var(--w-key-alt);
}

.search_component {
  padding: 14px 20px 0;
}

.search_input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 14px;
  border: 1px solid var(--w-border);
  border-radius: 8px;
  background: var(--w-bg);
  color: var(--w-ink);
  font-size: 0.85rem;
}

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

.search_empty-state {
  padding: 16px 20px;
  text-align: center;
  color: var(--w-quiet);
  font-size: 0.85rem;
}

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

.w-tab-link {
  padding: 6px 14px;
  border: 1px solid var(--w-border);
  border-radius: 999px;
  background: var(--w-bg);
  color: var(--w-ink);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

.w-tab-link:hover {
  border-color: var(--w-key);
}

.w--tab-active,
.w-tab-link.w--tab-active {
  background: var(--w-key);
  border-color: var(--w-key);
  color: var(--w-on-brand);
}

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

[data-6rjyc="vjsdr"] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

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

.data_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  padding: 12px 14px;
  border: 1px solid var(--w-border);
  border-radius: 10px;
  background: var(--w-bg);
}

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

.event_time {
  font-size: 0.75rem;
  color: var(--w-quiet);
  order: 3;
}

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

.teams_wrapper span {
  color: inherit;
}

.odds_wrapper {
  display: flex;
  gap: 6px;
  order: 4;
  flex: 0 0 100%;
}

.odd_button {
  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(--w-border);
  border-radius: 8px;
  background: var(--w-panel);
  color: var(--w-ink);
  text-decoration: none;
  font-size: 0.85rem;
}

.odd_button:hover {
  border-color: var(--w-key);
  background: color-mix(in srgb, var(--w-key) 12%, var(--w-panel));
}

.odd_button .bet-odd_outcome {
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--w-quiet);
  text-transform: uppercase;
}

.odd_button .bet-odd_value {
  font-weight: 700;
  color: var(--w-ink);
}

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

.data_row[data-6rjyc="vcove"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px;
  row-gap: 6px;
}

.data_row[data-6rjyc="vcove"] > .league_name {
  flex: 0 0 100%;
}

.data_row[data-6rjyc="vcove"] > .teams_wrapper {
  flex: 1 1 auto;
  min-width: 140px;
  order: 1;
}

.data_row[data-6rjyc="vcove"] > .event_time {
  flex: 0 0 auto;
  white-space: nowrap;
  order: 2;
}

.odd_button[data-6rjyc="vln7j"] {
  order: 3;
  flex: 0 0 auto;
  flex-direction: row;
  width: auto;
  padding: 6px 12px;
  font-size: 0.78rem;
  font-weight: 600;
  background: var(--w-bg);
  white-space: nowrap;
}

.data_row[data-6rjyc="vcove"] > .odds_wrapper,
.data_row[data-6rjyc="vcove"] > .markets_grid,
.data_row[data-6rjyc="vcove"] > [data-6rjyc="vmxh1"] {
  flex: 0 0 100%;
  order: 4;
}

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

.market_card {
  border: 1px solid var(--w-border);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--w-panel);
}

.market_card-title {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--w-quiet);
  margin-bottom: 6px;
}

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

.selection_item:hover {
  border-color: var(--w-key);
}

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