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

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

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

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

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

.comp-b8n2_block { min-height: 280px; }

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

.shell-container { isolation: isolate; }

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

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

body > .comp-s9g1_glance.wixui-visible {
  opacity: 1;
}

 .comp-s9g1_glance {
  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(--wst-primary) 70%, transparent);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--wst-body) 16%, transparent);
}

 .comp-s9g1_glance.wixui-visible {
  transform: translateX(0) translateY(0);
}

 .comp-s9g1_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) {
   .footer-main-container {
    --wst-badge-slot: 5.25rem;
  }
}

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

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

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

[data-ea1nj8][data-e5rqg9="1"]::-webkit-scrollbar { display: none; }

[data-ea1nj8] > [data-eunpwn]:last-child {
  scroll-snap-align: end;
}

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

 .wixui-slider__dots,
 .wixui-slider__progress { display: none !important; }

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

.wixui-slider__btn {
  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(--wst-accent-fg); background: var(--wst-primary);
  transition: opacity .15s ease;
}

.wixui-slider__btn[data-ez6c8w] { left: 0.4rem; }

.wixui-slider__btn[data-e7jnes] { right: 0.4rem; }

[data-ez6c8w], [data-e7jnes] { transition: opacity .15s ease; }

[data-ez6c8w].comp-e4r5_edge, [data-e7jnes].comp-e4r5_edge { opacity: 0; pointer-events: none; }

 .wixui-slider__btn {
  border-radius: 12px;
  color: var(--wst-body);
  background: color-mix(in srgb, var(--wst-surface) 55%, transparent);
  border: 1px solid color-mix(in srgb, var(--wst-primary) 45%, transparent);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}

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

.wixui-slider.is-dots-inset .wixui-slider__dots {
  margin-top: -2.25rem;
}

.wixui-slider__dot {
  width: 8px; height: 8px; border-radius: 999px; border: 0;
  background: color-mix(in srgb, var(--wst-dim) 45%, transparent);
  cursor: pointer; padding: 0;
}

.wixui-slider__dot:hover,
.wixui-slider__dot:focus-visible,
.wixui-slider__dot.comp-active37642 {
  background: var(--wst-primary);
}

.wixui-slider:not(.is-scrollable) .wixui-slider__btn,
.wixui-slider:not(.is-scrollable) .wixui-slider__dots,
.wixui-slider:not(.is-scrollable) .wixui-slider__progress {
  display: none !important;
}

.wixui-slider:not(.is-scrollable) [data-ea1nj8] {
  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(--wst-hairline);
  background: var(--wst-surface);
  color: var(--wst-body);
  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(--wst-hairline);
  text-align: start;
  vertical-align: top;
}

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

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

:where(table:not([class])) :where(tbody tr:nth-child(even)) {
  background: color-mix(in srgb, var(--wst-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(--wst-dim);
  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 {
  --wst-primary: #2e5383;
  --wst-highlight-2: #d69d5e;
  --wst-primary-hard: #0d1a26;
  --wst-key-soft: #211d29;
  --wst-canvas: #1a131a;
  --wst-hairline: #483b47;
  --wst-edge-2: #665064;
  --wst-opposite: #ece8eb;
  --wst-alert: #b42318;
  --wst-tie: #5c8ac4;
  --wst-jump-hover: #9a826a;
  --wst-dim: #a596a4;
  --wst-accent-fg: #faf9fa;
  --wst-contrast-fg: #241823;
  --wst-ok: #067647;
  --wst-surface: #251c25;
  --wst-layer-2: #30262f;
  --wst-inverse: #ece8eb;
  --wst-body: #f0eef0;
  --wst-light-ink: #241823;
}

@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: 'Instrument Sans';
  src: url('/assets/fonts/instrument-sans-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

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

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

:root {
  --wst-font-1: 'Sora', system-ui, sans-serif;
  --wst-font-2: 'Instrument Sans', system-ui, -apple-system, sans-serif;
  --wst-corner: 32px;
  --wst-press: scale(1.03);
  --wst-hover-filter: none;
  --wst-btn-glow: 0 4px 14px color-mix(in srgb, var(--wst-body) 12%, transparent);
  --wst-scale-text: 0.92;
  --wst-display-scale: 1.18;
  --wst-global-scale: 1;
}

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

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

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

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

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

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

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

a[class*="btn"]:hover,
a[class*="-cta-"]:hover,
button:hover,
[class*="Btn"]:hover,
[class*="-btn-"]:hover {
  transform: var(--wst-press);
  filter: var(--wst-hover-filter);
  box-shadow: var(--wst-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-edz2xt="xntv0pql"].shell-container {
  --page-max: 1220px;
  --page-gut: clamp(12px, 2.4vw, 28px);
  --wst-bar: 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(--wst-corner, 10px);
  --r-s: min(calc(var(--wst-corner, 10px) * 0.6), 10px);
  --r-sheet: min(calc(var(--wst-corner, 10px) * 1.2), 20px);
  --r-card: min(var(--wst-corner, 10px), 14px);
  --r-field: min(var(--wst-corner, 10px), 10px);
  --sheet-line: color-mix(in srgb, var(--wst-hairline) 80%, transparent);
  --zebra: color-mix(in srgb, var(--wst-canvas) 55%, var(--wst-surface));
  --tint: color-mix(in srgb, var(--wst-primary) 11%, var(--wst-surface));
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--wst-canvas);
  color: var(--wst-body);
  counter-reset: sec;
}

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

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

[data-edz2xt="xntv0pql"] .desktop-content > * { min-width: 0; margin-block: 0 var(--sheet-gap); }

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

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

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

.ui-sheet-base:has(+ .ui-sheet-footer) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.desktop-content > .ui-sheet-footer { margin-top: calc(-1 * var(--sheet-gap)); border-top: 1px dashed var(--wst-hairline); border-top-left-radius: 0; border-top-right-radius: 0; }

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

.section-pretitle { flex: none; padding-right: 14px; border-right: 2px solid var(--wst-edge-2); color: var(--wst-dim); font: 300 calc(clamp(1.3rem, 1.9vw, 1.75rem) * var(--wst-display-scale, 1))/1.2 var(--wst-font-1); font-variant-numeric: tabular-nums; }

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

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

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

.body-copy-text { color: var(--wst-body); line-height: 1.62; overflow-wrap: break-word; }

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

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

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

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

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

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

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

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

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

.body-copy-text a { color: var(--wst-tie); text-underline-offset: 0.18em; }

.body-copy-text a:hover { color: var(--wst-jump-hover); }

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

.go-btn-container { 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(--wst-primary); color: var(--wst-accent-fg); font: 700 0.95rem/1.15 var(--wst-font-2); text-align: center; text-decoration: none; cursor: pointer; transition: transform 0.18s, box-shadow 0.18s, filter 0.18s; }

.go-btn-container:hover { transform: var(--wst-press); filter: var(--wst-hover-filter); box-shadow: var(--wst-btn-glow); }

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

[data-edz2xt="xntv0pql"] .desktop-content > section:has(> .html-block-content) { padding: var(--sheet-pad); border: 1px solid var(--sheet-line); border-radius: var(--r-sheet); background: var(--wst-surface); color: var(--wst-body); }

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

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

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

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

.desktop-content .html-block-content caption, .desktop-content .body-copy-text caption { caption-side: top; text-align: left; padding-bottom: 8px; font-size: 0.85rem; color: var(--wst-dim); }

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

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

.desktop-content .html-block-content thead th, .desktop-content .body-copy-text thead th { font-size: 0.8rem; font-weight: 600; color: var(--wst-dim); border-bottom: 1px solid var(--wst-hairline); }

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

@media (min-width: 1024px) {
  [data-edz2xt="xntv0pql"] .desktop-content:has(> .side-rail-container) { grid-template-columns: var(--wst-bar) minmax(0, 1fr); column-gap: clamp(18px, 2vw, 28px); width: 100%; }
  [data-edz2xt="xntv0pql"] .desktop-content:has(> .side-rail-container) > * { grid-column: 2; }
  [data-edz2xt="xntv0pql"] .desktop-content > .side-rail-container { grid-column: 1; grid-row: 1 / span 90; align-self: stretch; margin: 0; }
  [data-edz2xt="xntv0pql"] .desktop-content:has(> .side-rail-dots) { grid-template-columns: var(--wst-bar) minmax(0, 1fr); column-gap: clamp(18px, 2vw, 28px); width: 100%; }
  [data-edz2xt="xntv0pql"] .desktop-content:has(> .side-rail-dots) > * { grid-column: 2; }
  [data-edz2xt="xntv0pql"] .desktop-content > .side-rail-dots { grid-column: 1; grid-row: 1 / span 90; align-self: stretch; margin: 0; }
}

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

@media (max-width: 640px) {
  [data-edz2xt="xntv0pql"] .desktop-frame { padding-inline: 8px; }
  .ui-sheet-base { padding: 18px 16px; }
  .ui-sheet-header { gap: 10px; }
  .section-pretitle { padding-right: 10px; }
}

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

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

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

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

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

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

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

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

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

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

.side-drawer-close:hover { background: var(--wst-layer-2); }

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

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

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

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

.side-drawer-menu > .side-drawer-item > .comp-drawer-link83538 { font: 700 1rem/1.3 var(--wst-font-1); }

.side-drawer-sub .comp-drawer-link83538 { min-height: 40px; color: var(--wst-dim); }

a.comp-drawer-link83538:hover { background: var(--wst-layer-2); color: var(--wst-body); }

.comp-drawer-link83538[aria-current="page"] { color: var(--wst-tie); box-shadow: inset 3px 0 0 var(--wst-tie); }

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

.acc-step-root { min-width: 0; }

.acc-step-root .acc-step-group { display: grid; gap: 8px; }

.acc-step-root .acc-step-item { border: 1px solid var(--wst-hairline); border-radius: var(--r-card); background: var(--wst-surface); }

.acc-step-root .acc-step-item[open] { border-color: var(--wst-edge-2); }

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

.acc-step-root .acc-step-trigger::-webkit-details-marker { display: none; }

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

.acc-step-root .acc-step-title { flex: 1; min-width: 0; line-height: 1.35; overflow-wrap: anywhere; }

.acc-step-root .acc-step-arrow { flex: none; color: var(--wst-dim); transition: transform 0.2s; }

.acc-step-root [open] > summary .acc-step-arrow { transform: rotate(180deg); }

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

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

.author-feed-root{
  display: block;
  min-width: 0;
}

.author-feed-root .author-feed-header{
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 3px solid var(--wst-primary);
}

.author-feed-root .author-feed-heading{
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.2;
  color: var(--wst-body);
}

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

.author-feed-root .author-feed-intro{
  min-width: 0;
  background: var(--wst-surface);
  border-radius: 32px;
  overflow: hidden;
}

.author-feed-root .author-feed-media{
  margin: 0;
}

.author-feed-root .author-feed-media img{
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.author-feed-root .author-feed-lead-text{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: clamp(14px, calc(14px + 0.0273 * (100vw - 360px)), 26px);
}

.author-feed-root .author-feed-title{
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
  hyphens: auto;
}

.author-feed-root .author-feed-title a{
  color: var(--wst-body);
  text-decoration: none;
}

.author-feed-root .author-feed-title a:hover{
  color: var(--wst-jump-hover);
}

.author-feed-root .author-feed-time{
  font-size: 0.82em;
  color: var(--wst-dim);
}

.author-feed-root .author-feed-summary{
  color: var(--wst-dim);
}

.author-feed-root .author-feed-cta{
  list-style: none;
  margin: 0;
  padding: 0;
}

.author-feed-root .author-feed-extra{
  padding: 10px 0 10px 14px;
  border-left: 2px solid var(--wst-hairline);
  overflow-wrap: anywhere;
}

.author-feed-root .author-feed-extra + .author-feed-extra{
  border-top: 1px solid var(--wst-hairline);
}

.author-feed-root .author-feed-anchor{
  color: var(--wst-tie);
  text-decoration: none;
}

.author-feed-root .author-feed-anchor:hover{
  color: var(--wst-jump-hover);
  text-decoration: underline;
}

.author-feed-root .author-feed-badge{
  display: block;
  margin-top: 2px;
  font-size: 0.8em;
  color: var(--wst-dim);
}

.author-feed-root .author-feed-none{
  margin: 0;
  color: var(--wst-dim);
}

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

.credit-card-wrapper .credit-card-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-card-wrapper .credit-card-name:where(:not([class*="title"]):not([class*="Title"]):not([class*="headline"]):not([class*="Headline"])) { font-family: inherit; }

.credit-card-wrapper { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 18px; align-items: start; border-left: 5px solid var(--wst-primary); }

.credit-card-wrapper .credit-card-photo { display: grid; place-items: center; width: 96px; height: 96px; border-radius: var(--r-card); overflow: hidden; background: var(--wst-layer-2); color: var(--wst-body); font: 800 2rem/1 var(--wst-font-1); }

.credit-card-wrapper .credit-card-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }

.credit-card-wrapper .credit-card-quote { display: grid; gap: 6px; min-width: 0; }

.credit-card-wrapper .credit-card-header { margin: 0; color: var(--wst-dim); font: 600 0.8rem/1.3 var(--wst-font-2); letter-spacing: 0.06em; text-transform: uppercase; }

.credit-card-wrapper .credit-card-name { margin: 0; font: 700 1.1rem/1.3 var(--wst-font-1); }

.credit-card-wrapper .credit-card-title { display: block; color: var(--wst-dim); font: 400 0.86rem/1.4 var(--wst-font-2); }

.credit-card-wrapper .credit-card-bio { font-size: 0.93rem; line-height: 1.6; }

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

@media (max-width: 480px) {
  .credit-card-wrapper { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; }
  .credit-card-wrapper .credit-card-photo { width: 64px; height: 64px; font-size: 1.4rem; }
}

.credit-card-wrapper .bio-social-group { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; margin: 2px 0 0; }

.credit-card-wrapper .bio-social-icon { 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: 1px solid var(--wst-hairline); border-radius: var(--r-card); background: var(--wst-surface); color: var(--wst-body); }

.credit-card-wrapper .bio-social-icon:is(:hover, :focus-visible) { border-color: var(--wst-primary); background: var(--wst-primary); color: var(--wst-accent-fg); }

.credit-card-wrapper .bio-social-icon svg { display: block; width: 16px; height: 16px; }

main .credit-card-wrapper ul.bio-social-group { flex-direction: row !important; }

.credit-card-wrapper.bio-profile-wrap { grid-template-columns: 160px minmax(0, 1fr); gap: clamp(18px, 3vw, 32px); }

.credit-card-wrapper.bio-profile-wrap .credit-card-photo { width: 160px; height: 160px; font-size: 3rem; }

.credit-card-wrapper.bio-profile-wrap .credit-card-name { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem); line-height: 1.15; }

.credit-card-wrapper.bio-profile-wrap .credit-card-title { margin-top: 4px; font-size: 1rem; }

.credit-card-wrapper.bio-profile-wrap .credit-card-bio { font-size: 1rem; }

.credit-card-wrapper .bio-fact-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 10px; padding: 0; margin: 10px 0 0; }

.credit-card-wrapper .bio-fact-item { padding: 10px 12px; border-left: 3px solid var(--wst-primary); background: var(--tint, var(--wst-layer-2)); }

.credit-card-wrapper .bio-fact-item dt { margin: 0 0 2px; font: 700 0.74rem/1.3 var(--wst-font-2); letter-spacing: 0.08em; text-transform: uppercase; color: var(--wst-dim); }

.credit-card-wrapper .bio-fact-item dd { margin: 0; font-weight: 600; color: var(--wst-body); }

@media (max-width: 560px) { .credit-card-wrapper.bio-profile-wrap { grid-template-columns: minmax(0, 1fr); } .credit-card-wrapper.bio-profile-wrap .credit-card-photo { width: 112px; height: 112px; } }

.skill-container{
  display: block;
  min-width: 0;
  padding: clamp(14px, calc(14px + 0.0273 * (100vw - 360px)), 26px);
  background: var(--wst-surface);
  border-radius: 32px;
}

.skill-container .skill-header{
  max-width: 62ch;
  margin: 0 auto 22px;
  text-align: center;
}

.skill-container .skill-section-title{
  margin: 0 0 8px;
  font-size: 1.4rem;
  line-height: 1.25;
  color: var(--wst-body);
  overflow-wrap: anywhere;
  hyphens: auto;
}

.skill-container .skill-summary{
  color: var(--wst-dim);
}

.skill-container .skill-track{
  position: relative;
  max-width: min(100%, 760px);
  margin: 0 auto;
  padding-left: 28px;
  border-left: 2px solid var(--wst-edge-2);
}

.skill-container .skill-milestone{
  position: relative;
  padding: 0 0 20px;
}

.skill-container .skill-indicator{
  position: absolute;
  top: 0.35em;
  left: -36px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--wst-primary);
  box-shadow: 0 0 0 4px var(--wst-surface);
}

.skill-container .skill-step-content{
  min-width: 0;
}

.skill-container .skill-step-name{
  margin: 0 0 4px;
  font-size: 1.05rem;
  line-height: 1.35;
  color: var(--wst-body);
}

.skill-container .skill-step-info{
  color: var(--wst-body);
}

.check-list-root { min-width: 0; }

.check-list-root .check-list-group { list-style: none; margin: 0; padding: 0; border: 1px solid var(--wst-hairline); border-radius: var(--r-card); overflow: hidden; }

.check-list-root .check-list-item { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; grid-template-areas: "tick name icon" "tick note icon"; gap: 2px 12px; align-items: start; padding: 12px 14px; }

.check-list-root .check-list-item:nth-child(odd) { background: var(--zebra); }

.check-list-root .check-list-mark { grid-area: tick; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid var(--wst-ok); color: var(--wst-ok); }

.check-list-root .check-list-label { grid-area: name; margin: 0; font-size: 0.98rem; line-height: 1.35; }

.check-list-root .check-list-hint { grid-area: note; margin: 0; color: var(--wst-dim); font-size: 0.88rem; line-height: 1.5; }

.check-list-root .check-list-icon { grid-area: icon; color: var(--wst-dim); }

.breadcrumb-wrapper { min-width: 0; padding: 8px 14px; border-left: 3px solid var(--wst-primary); border-radius: 0 var(--r-s) var(--r-s) 0; background: var(--wst-surface); }

.breadcrumb-wrapper .breadcrumb-trail { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 0.84rem; }

.breadcrumb-wrapper .breadcrumb-node { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }

.breadcrumb-wrapper .breadcrumb-anchor { color: var(--wst-tie); text-decoration: none; }

.breadcrumb-wrapper .breadcrumb-anchor:hover { color: var(--wst-jump-hover); text-decoration: underline; }

.breadcrumb-wrapper .breadcrumb-arrow { flex: none; color: var(--wst-dim); }

.breadcrumb-wrapper .breadcrumb-current { color: var(--wst-body); font-weight: 600; overflow-wrap: anywhere; }

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

.ranking-container .ranking-collection { list-style: none; margin: 0; padding: 0; counter-reset: rank; border: 1px solid var(--wst-hairline); border-radius: var(--r-card); overflow: hidden; }

.ranking-container .ranking-item-row { counter-increment: rank; }

.ranking-container .ranking-item-row:nth-child(odd) { background: var(--zebra); }

.ranking-container .ranking-card { 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; }

.ranking-container .ranking-card::before { content: counter(rank); grid-area: num; color: var(--wst-dim); font: 300 1.5rem/1 var(--wst-font-1); font-variant-numeric: tabular-nums; }

.ranking-container .ranking-thumbnail { grid-area: pic; width: 120px; height: 78px; object-fit: cover; border-radius: var(--r-s); background: var(--wst-layer-2); }

.ranking-container .ranking-primary { grid-area: main; display: grid; gap: 4px; min-width: 0; }

.ranking-container .ranking-title { margin: 0; font-size: 1rem; line-height: 1.3; }

.ranking-container .ranking-link { color: var(--wst-body); text-decoration: none; }

.ranking-container .ranking-link:hover { color: var(--wst-jump-hover); }

.ranking-container .ranking-description { color: var(--wst-dim); font-size: 0.88rem; line-height: 1.45; }

.ranking-container .ranking-description > * { margin: 0; }

.ranking-container .ranking-action { grid-area: go; min-height: 40px; padding: 0.5em 1em; font-size: 0.86rem; }

.ranking-container .ranking-card:not(:has(.ranking-thumbnail)) { grid-template-columns: 2.4em minmax(0, 1fr) auto; grid-template-areas: "num main go"; }

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

.toast-container { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 24px; align-items: center; border-left: 5px solid var(--wst-primary); }

.toast-container .toast-action { grid-column: 2; grid-row: 1; max-width: 320px; }

.toast-container .toast-body { grid-column: 1; grid-row: 1; display: grid; gap: 6px; min-width: 0; }

.toast-container .toast-heading { --fs: calc(1.2rem * var(--wst-display-scale, 1)); margin: 0; font-size: var(--fs-fit, var(--fs)); }

.toast-container .toast-message { color: var(--wst-dim); font-size: 0.93rem; line-height: 1.5; }

.toast-container .toast-message > * { margin: 0; }

@media (max-width: 640px) {
  .toast-container { grid-template-columns: minmax(0, 1fr); }
  .toast-container .toast-action { grid-column: 1; grid-row: 2; max-width: none; width: 100%; }
}

.headline-container { display: grid; gap: 16px; border-top: 6px solid var(--wst-primary); }

.headline-container .headline-main-text { --fs: calc(clamp(1.6rem, 3.2vw, 2.5rem) * var(--wst-display-scale, 1)); margin: 0; font-size: var(--fs-fit, var(--fs)); font-weight: 800; line-height: 1.1; }

.headline-container .headline-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; }

.headline-container .headline-body { flex: 1 1 320px; color: var(--wst-dim); line-height: 1.5; }

.headline-container .headline-body > * { margin: 0; }

.headline-container .headline-action { min-height: 52px; padding-inline: 2em; }

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

.alpine-ask-grid .alpine-ask-question { 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; }

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

.alpine-ask-grid { min-width: 0; }

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

.alpine-ask-grid .alpine-ask-question, .alpine-ask-grid .alpine-ask-answer { margin: 0; padding: 14px 0; border-bottom: 1px solid var(--sheet-line); }

.alpine-ask-grid .alpine-ask-question { padding-right: 18px; font: 700 0.98rem/1.4 var(--wst-font-1); overflow-wrap: anywhere; }

.alpine-ask-grid .alpine-ask-answer { font-size: 0.93rem; }

@media (max-width: 640px) {
  .alpine-ask-grid .alpine-ask-list { grid-template-columns: minmax(0, 1fr); }
  .alpine-ask-grid .alpine-ask-question { padding: 14px 0 4px; border-bottom: 0; }
  .alpine-ask-grid .alpine-ask-answer { padding-top: 0; }
}

.mini-faq-root { min-width: 0; }

.mini-faq-root .mini-faq-group { display: grid; gap: 6px; }

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

.mini-faq-root .mini-faq-trigger::-webkit-details-marker { display: none; }

.mini-faq-root .mini-faq-icon { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--wst-primary); color: var(--wst-accent-fg); font: 800 0.8rem/1 var(--wst-font-1); }

.mini-faq-root .mini-faq-content { flex: 1; min-width: 0; overflow-wrap: anywhere; }

.mini-faq-root .mini-faq-item[open] .mini-faq-trigger { background: var(--tint); }

.mini-faq-root .mini-faq-answer { padding: 8px 12px 10px 46px; font-size: 0.92rem; }

.attr-list-main .attr-list-label { 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; }

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

.attr-list-main { min-width: 0; }

.attr-list-main .attr-list-grid { margin: 0; display: grid; }

.attr-list-main .attr-list-item { display: grid; grid-template-columns: minmax(150px, 34%) minmax(0, 1fr); gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--sheet-line); }

.attr-list-main .attr-list-item:first-child { border-top: 1px solid var(--sheet-line); }

.attr-list-main .attr-list-label { display: flex; align-items: center; gap: 10px; min-width: 0; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }

.attr-list-main .attr-list-icon { display: grid; place-items: center; flex: none; color: var(--wst-dim); }

.attr-list-main .attr-list-value { margin: 0; color: var(--wst-dim); font-size: 0.92rem; line-height: 1.5; }

@media (max-width: 560px) {
  .attr-list-main .attr-list-item { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}

.footer-main-container { margin-top: auto; background: var(--wst-inverse); color: var(--wst-contrast-fg); }

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

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

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

.footer-main-container .comp-foot-node93322 { break-inside: avoid; }

.footer-main-container .footer-social-flow > .comp-foot-node93322 { padding-bottom: 14px; }

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

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

.footer-main-container .footer-social-flow > .comp-foot-node93322 > .foot-link-container { font: 700 0.95rem/1.3 var(--wst-font-1); opacity: 1; }

.footer-main-container a.foot-link-container:hover { opacity: 1; text-decoration: underline; }

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

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

.footer-main-container .footer-branding-area { grid-area: plate; display: inline-flex; padding: 10px 14px; border-radius: var(--r-field); background: var(--wst-surface); }

.footer-main-container .footer-brand-logo { display: inline-flex; align-items: center; color: var(--wst-body); font: 800 1.05rem/1 var(--wst-font-1); text-decoration: none; }

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

.footer-main-container .footer-tiny-text { display: inline-block; padding: 3px 0; color: var(--wst-contrast-fg); font-size: 0.84rem; text-decoration: none; opacity: 0.78; }

.footer-main-container a.footer-tiny-text:hover { opacity: 1; text-decoration: underline; }

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

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

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

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

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

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

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

.video-container .video-gallery-row { 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; }

.video-container .video-player-frame { margin: 0; min-width: 0; scroll-snap-align: start; }

.video-container .video-player-frame img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--r-card); background: var(--wst-layer-2); }

.video-container .video-caption { padding: 8px 2px 0; font-size: 0.86rem; font-weight: 600; line-height: 1.35; }

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

@media (max-width: 640px) {
  .video-container .video-gallery-row { grid-auto-columns: 82%; }
}

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

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

.hub-container .hub-tile-item { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 12px; border: 1px solid var(--wst-hairline); border-radius: var(--r-card); background: var(--wst-surface); }

.hub-container .hub-tile-item:hover { border-color: var(--wst-edge-2); }

.hub-container .hub-tile-img { order: -1; flex: none; width: 68px; height: 68px; object-fit: cover; border-radius: var(--r-field); background: var(--wst-layer-2); }

.hub-container .hub-tile-text { display: grid; gap: 4px; min-width: 0; }

.hub-container .hub-tile-title { margin: 0; font-size: 1rem; line-height: 1.3; }

.hub-container .hub-tile-link { color: var(--wst-body); text-decoration: none; }

.hub-container .hub-tile-link::after { content: " \2192"; color: var(--wst-tie); }

.hub-container .hub-tile-link:hover { color: var(--wst-jump-hover); }

.hub-container .hub-tile-desc { margin: 0; color: var(--wst-dim); font-size: 0.86rem; line-height: 1.45; }

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

.top-bar-container .top-announcement-bar { height: var(--band-h); background: var(--wst-surface); color: var(--wst-body); border-bottom: 1px solid var(--sheet-line); }

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

.top-bar-container .top-menu-toggle { display: grid; place-items: center; flex: none; margin-left: auto; width: 44px; height: 44px; padding: 0; border: 1px solid var(--wst-hairline); border-radius: var(--r-field); background: var(--wst-surface); color: var(--wst-body); cursor: pointer; }

.top-bar-container .top-menu-toggle:hover, .top-bar-container .top-menu-toggle[aria-expanded="true"] { border-color: var(--wst-body); }

.top-bar-container .top-logo-icon { display: inline-flex; align-items: center; min-width: 0; color: var(--wst-body); text-decoration: none; font: 800 1.2rem/1 var(--wst-font-1); letter-spacing: -0.02em; }

.top-bar-container .top-thin-line { background: var(--wst-inverse); color: var(--wst-contrast-fg); }

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

.top-bar-container .top-nav-group::-webkit-scrollbar { display: none; }

.top-bar-container .top-bar-extra { flex: none; }

.top-bar-container .top-link-container { display: flex; align-items: center; min-height: 48px; padding: 0 12px; border: 0; border-bottom: 3px solid transparent; background: none; color: var(--wst-contrast-fg); font: 600 0.9rem/1.2 var(--wst-font-2); text-decoration: none; white-space: nowrap; cursor: pointer; opacity: 0.82; }

.top-bar-container .top-link-container:hover { opacity: 1; }

.top-bar-container .top-link-container[aria-current="page"] { opacity: 1; border-bottom-color: currentColor; }

.top-bar-container .top-promo-badge { position: sticky; right: 0; margin-left: auto; padding: 0 0 0 12px; background: var(--wst-inverse); }

.top-bar-container .top-promo-badge .go-btn-container { min-height: 36px; padding: 0.5em 1.1em; font-size: 0.86rem; white-space: nowrap; }

@media (max-width: 640px) {
  .top-bar-container { --band-h: 56px; }
  .top-bar-container .top-nav-group { min-height: 44px; }
  .top-bar-container .top-link-container { min-height: 44px; padding: 0 10px; font-size: 0.86rem; }
}

.banner-sheet-container { padding: 0; overflow: hidden; }

.banner-sheet-container .banner-sheet-img { margin: 0; }

.banner-sheet-container .banner-sheet-img img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 2; object-fit: cover; background: var(--wst-layer-2); }

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

.banner-sheet-container .banner-sheet-heading { --fs: calc(clamp(1.6rem, 3vw, 2.5rem) * var(--wst-display-scale, 1)); margin: 0; font-size: var(--fs-fit, var(--fs)); font-weight: 800; line-height: 1.1; }

.banner-sheet-container .banner-sheet-aside { display: grid; gap: 14px; }

.banner-sheet-container .banner-sheet-sub { color: var(--wst-dim); line-height: 1.5; }

.banner-sheet-container .banner-sheet-sub > * { margin: 0; }

.banner-sheet-container .banner-sheet-btn { width: 100%; }

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

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

.step-box-container .step-box-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }

.step-box-container .step-box-item { display: grid; grid-template-columns: 64px minmax(0, 1fr); overflow: hidden; border: 1px solid var(--wst-hairline); border-radius: var(--r-card); }

.step-box-container .step-box-index { display: grid; place-items: center; background: var(--zebra); border-right: 1px solid var(--wst-hairline); color: var(--wst-body); font: 800 1.5rem/1 var(--wst-font-1); }

.step-box-container .step-box-content { display: grid; gap: 4px; padding: 12px 16px; min-width: 0; }

.step-box-container .step-box-title { margin: 0; font-size: 1rem; line-height: 1.3; }

.step-box-container .step-box-desc { margin: 0; color: var(--wst-dim); font-size: 0.9rem; line-height: 1.5; }

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

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

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

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

.brand-strip-main .brand-strip-logo:hover img { filter: none; opacity: 1; }

.brand-strip-main .brand-strip-title { color: var(--wst-dim); font-size: 0.78rem; white-space: nowrap; }

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

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

.market-data-root .wixui-section, .market-data-root .comp-w1r2_wrapper, .market-data-root .wixui-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(--wst-body); }

.market-data-root .wixui-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(--wst-body) !important; }

.market-data-root .comp-h4e5_header { 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; }

.market-data-root .wixui-rich-text__title { flex: 1 1 auto; margin: 0; color: var(--wst-body); font: 700 calc(clamp(1.3rem, 1.9vw, 1.75rem) * var(--wst-display-scale, 1))/1.2 var(--wst-font-1); letter-spacing: -0.012em; text-transform: none; }

.market-data-root .wixui-rich-text__subtitle { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 3px 10px; border-radius: 999px; background: var(--wst-layer-2); color: var(--wst-dim); font-size: 0.8rem; }

.market-data-root .wixui-rich-text__subtitle::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--wst-alert); flex: none; }

.market-data-root .comp-c8t9_cta { display: none !important; }

.market-data-root [data-ejmaer="xktgtyl4"] { 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; }

.market-data-root .comp-s9w3_wrap { 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; }

.market-data-root .comp-s9w3_wrap::before, .market-data-root .comp-s8n9_sports-nav::before { content: none !important; display: none !important; }

.market-data-root .wixui-text-input__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(--wst-hairline) !important; background: var(--wst-layer-2) !important; color: var(--wst-body) !important; font: inherit; font-size: 0.93rem; box-shadow: none !important; }

.market-data-root .wixui-text-input__input:focus { outline: 2px solid var(--wst-primary); outline-offset: 0; }

.market-data-root .comp-s8n9_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(--wst-hairline) !important; border-radius: 0 !important; background: transparent !important; position: static; }

.market-data-root .comp-s8n9_sports-nav::-webkit-scrollbar { display: none; }

.market-data-root .wixui-tabs__tab-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(--wst-dim) !important; font: 600 0.88rem/1 var(--wst-font-2); white-space: nowrap; cursor: pointer; box-shadow: none; text-align: center; }

.market-data-root .wixui-tabs__tab-btn.wixui-tabs__tab--active { border-bottom-color: var(--wst-primary) !important; color: var(--wst-body) !important; }

.market-data-root .wixui-content { display: block !important; width: auto; margin: 0; padding: 0 !important; border: 0; background: transparent; }

.market-data-root .wixui-content [data-ejmaer="x8gi6j1g"] { 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(--wst-hairline); border-radius: var(--r-card); }

.market-data-root .wixui-content [data-ejmaer="x8gi6j1g"][style*="none"] { display: none !important; }

.market-data-root .comp-r7o8_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(--wst-body) !important; box-shadow: none !important; flex: none; }

.market-data-root .comp-r7o8_row:nth-child(odd) { background: var(--zebra) !important; }

.market-data-root .comp-l3g4_league { grid-area: league; align-self: end; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--wst-dim) !important; font-size: 0.74rem; font-weight: 600; text-transform: none !important; letter-spacing: 0 !important; }

.market-data-root .comp-t4i5_time { grid-area: time; align-self: start; margin: 0; color: var(--wst-body); font-size: 0.8rem; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }

.market-data-root .comp-t9s3_teams { grid-area: teams; display: grid !important; gap: 2px; min-width: 0; margin: 0; font-size: 0.93rem; line-height: 1.3; color: var(--wst-body); }

.market-data-root .comp-t9s3_teams > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }

.market-data-root .comp-t9s3_teams > span:nth-child(2) { display: none !important; }

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

.market-data-root .comp-o5b6_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: var(--r-s) !important; border: 1px solid var(--wst-hairline) !important; background: var(--wst-surface) !important; color: var(--wst-body) !important; text-decoration: none; box-shadow: none !important; }

.market-data-root .comp-o5b6_btn:hover { border-color: var(--wst-primary) !important; }

.market-data-root .comp-o2o3_outcome { color: var(--wst-dim) !important; font-size: 0.72rem; font-weight: 700; }

.market-data-root .comp-o2o3_value { color: var(--wst-body) !important; font-size: 0.92rem; font-weight: 800; font-variant-numeric: tabular-nums; }

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

.market-data-root .wixui-content [data-ejmaer="x8gi6j1g"] { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important; gap: var(--gap-grid) !important; border: 0; border-radius: 0; }

.market-data-root .comp-r7o8_row, .market-data-root .comp-r7o8_row:nth-child(odd) { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "league time" "teams teams" "odds odds"; gap: 8px 10px; padding: 14px !important; border: 1px solid var(--wst-hairline) !important; border-radius: var(--r-card) !important; background: var(--wst-surface) !important; }

.market-data-root .comp-l3g4_league, .market-data-root .comp-t4i5_time { align-self: center; }

.market-data-root .comp-t4i5_time { justify-self: end; padding: 2px 8px; border-radius: 999px; background: var(--zebra); }

.market-data-root .comp-o5b6_btn { justify-content: center; flex-direction: column; gap: 0; min-height: 46px; }

.market-data-root .comp-s8n9_sports-nav { gap: 6px; border-bottom: 0 !important; }

.market-data-root .wixui-tabs__tab-btn { height: 36px; margin: 0 !important; border: 1px solid var(--wst-hairline) !important; border-radius: 999px !important; }

.market-data-root .wixui-tabs__tab-btn.wixui-tabs__tab--active { border-color: var(--wst-primary) !important; background: var(--wst-primary) !important; color: var(--wst-accent-fg) !important; }

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

.progress-container .progress-group { list-style: none; margin: 0; padding: 0; display: grid; }

.progress-container .progress-item { display: grid; gap: 8px; padding: 14px 0; border-bottom: 1px solid var(--sheet-line); }

.progress-container .progress-item:first-child { padding-top: 0; }

.progress-container .progress-header { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }

.progress-container .progress-path { margin: 0; font-size: 1rem; line-height: 1.3; }

.progress-container .progress-duration { font-weight: 800; font-variant-numeric: tabular-nums; }

.progress-container .progress-track { display: block; height: 8px; border-radius: 4px; background: var(--wst-hairline); }

.progress-container .progress-track::after { content: ""; display: block; height: 100%; border-radius: inherit; }

.progress-container .progress-high::after { width: 100%; background: var(--wst-ok); }

.progress-container .progress-medium::after { width: 62%; background: var(--wst-primary); }

.progress-container .progress-low::after { width: 28%; background: var(--wst-alert); }

.progress-container .progress-caption { margin: 0; color: var(--wst-dim); font-size: 0.9rem; line-height: 1.5; }

.stack-container .stack-caption { 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; }

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

.stack-container { display: grid; gap: 12px; }

.stack-container .ui-sheet-header { margin-bottom: 4px; }

.stack-container .stack-sidebar { padding: 14px 16px; border: 1px solid var(--wst-hairline); border-left: 4px solid var(--wst-ok); border-radius: var(--r-card); }

.stack-container .stack-decrement { border-left-color: var(--wst-alert); }

.stack-container .stack-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }

.stack-container .stack-caption { margin: 0; font: 700 1rem/1.3 var(--wst-font-1); }

.stack-container .stack-index { display: grid; place-items: center; min-width: 26px; height: 26px; margin-left: auto; padding: 0 8px; border-radius: 999px; background: var(--zebra); color: var(--wst-dim); font-size: 0.8rem; font-weight: 700; }

.stack-container .stack-collection { margin: 0; padding-left: 1.2em; display: grid; gap: 6px; line-height: 1.45; }

.stack-container .stack-title { font-weight: 600; }

.stack-container .stack-description { display: block; color: var(--wst-dim); font-size: 0.88rem; }

.quick-link-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "words go"; gap: 12px 18px; align-items: center; padding: 14px 18px; border-radius: var(--r-sheet); background: var(--wst-inverse); color: var(--wst-contrast-fg); }

.quick-link-bar .quick-link-btn { grid-area: go; }

.quick-link-bar .quick-link-text { grid-area: words; display: flex; gap: 12px; align-items: flex-start; min-width: 0; line-height: 1.4; }

.quick-link-bar .quick-link-icon { flex: none; margin-top: 1px; }

.quick-link-bar .quick-link-title { display: block; font: 700 1rem/1.3 var(--wst-font-1); overflow-wrap: anywhere; }

.quick-link-bar .quick-link-border { display: block; font-size: 0.88rem; opacity: 0.85; }

.quick-link-bar .quick-link-border a { color: inherit; }

@media (max-width: 640px) {
  .quick-link-bar { grid-template-columns: minmax(0, 1fr); grid-template-areas: "words" "go"; }
  .quick-link-bar .quick-link-btn { width: 100%; }
}

.aside-container {
  padding: 12px 12px 12px 14px; position: relative;
  background: var(--wst-surface);
  border: 1px solid var(--wst-hairline);
  border-radius: var(--wst-corner, 10px);
  overflow: hidden;
}

.aside-container::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 10px;
  background: repeating-linear-gradient(
    -45deg,
    var(--wst-primary) 0 3px,
    transparent 3px 8px
  );
  opacity: 0.85;
}

.aside-container .aside-nav-title {
  font-size: 0.8rem; font-weight: 800; margin: 0 0 12px; color: var(--wst-body);
}

.aside-container .aside-nav-list,
.aside-container .aside-nav-sub { list-style: none; margin: 0; padding: 0; }

.aside-container .aside-nav-sub {
  padding-left: 10px; margin: 4px 0 8px; border-left: 2px solid var(--wst-hairline);
}

.aside-container .comp-block66298 {
  display: block; padding: 8px 6px; text-decoration: none;
  font-size: 0.9rem; color: var(--wst-dim); font-weight: 500;
}

.aside-container .comp-block66298:hover { color: var(--wst-body); }

.aside-container .sidebar-item-container.comp-active37642 > .comp-block66298 {
  color: var(--wst-primary); font-weight: 700;
}

.aside-container .comp-block13854 {
  display: block; padding: 8px 6px 2px; font-size: 0.72rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: 0.05em; color: var(--wst-body);
}

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

.fact-container .fact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 0; margin: 0; border: 1px solid var(--wst-hairline); border-radius: var(--r-card); overflow: hidden; }

.fact-container .fact-cell { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0 -1px -1px 0; padding: 14px 16px; border-right: 1px solid var(--wst-hairline); border-bottom: 1px solid var(--wst-hairline); }

.fact-container .fact-label { color: var(--wst-dim); font-size: 0.8rem; line-height: 1.3; }

.fact-container .fact-value { margin: 0; color: var(--wst-body); font: 800 calc(1.3rem * var(--wst-display-scale, 1))/1.15 var(--wst-font-1); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

.side-rail-container { min-width: 0; }

.side-rail-container .side-rail-sticky { border: 1px solid var(--sheet-line); border-radius: var(--r-sheet); background: var(--wst-surface); }

.side-rail-container .side-rail-header { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 10px 16px; cursor: pointer; list-style: none; }

.side-rail-container .side-rail-header::-webkit-details-marker { display: none; }

.side-rail-container .side-rail-heading { font: 700 0.98rem/1.25 var(--wst-font-1); }

.side-rail-container .side-rail-badge { margin-right: auto; padding: 2px 8px; border-radius: 999px; background: var(--wst-layer-2); color: var(--wst-dim); font-size: 0.78rem; font-variant-numeric: tabular-nums; }

.side-rail-container .side-rail-arrow { flex: none; color: var(--wst-dim); transition: transform 0.2s; }

.side-rail-container [open] > summary .side-rail-arrow { transform: rotate(180deg); }

.side-rail-container .rail-list-container { list-style: none; margin: 0; padding: 0 8px 10px; counter-reset: rail; }

.side-rail-container .side-rail-link-wrap { counter-increment: rail; }

.side-rail-container .side-rail-anchor { display: grid; grid-template-columns: 2.2em minmax(0, 1fr); align-items: baseline; padding: 7px 8px; border-radius: var(--r-s); color: var(--wst-dim); font-size: 0.88rem; line-height: 1.35; text-decoration: none; overflow-wrap: anywhere; }

.side-rail-container .side-rail-anchor::before { content: counter(rail) "."; color: var(--wst-dim); font-variant-numeric: tabular-nums; }

.side-rail-container .side-rail-anchor:hover { background: var(--wst-layer-2); color: var(--wst-body); }

.side-rail-container .side-rail-anchor[aria-current="true"] { background: var(--wst-layer-2); color: var(--wst-body); font-weight: 600; box-shadow: inset 3px 0 0 var(--wst-primary); }

@media (min-width: 1024px) {
  .side-rail-container .side-rail-sticky { position: sticky; top: 64px; max-height: calc(100vh - 80px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; border: 0; background: transparent; }
  .side-rail-container .side-rail-header { padding-inline: 8px; }
  .side-rail-container .rail-list-container { padding-inline: 0; }
}

.featured-quote-main { min-width: 0; }

.featured-quote-main .featured-quote-track { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }

.featured-quote-main .featured-quote-slide { display: grid; gap: 6px; padding: 12px 0; border-bottom: 1px solid var(--sheet-line); }

.featured-quote-main .featured-quote-intro { grid-column: 1 / -1; padding: 6px 0 18px 18px; border-left: 4px solid var(--wst-primary); border-bottom: 0; }

.featured-quote-main .featured-quote-text { quotes: "\201C" "\201D"; font-size: 0.93rem; line-height: 1.55; }

.featured-quote-main .featured-quote-intro .featured-quote-text { font: 600 calc(1.2rem * var(--wst-display-scale, 1))/1.45 var(--wst-font-1); }

.featured-quote-main .featured-quote-author { color: var(--wst-dim); font-size: 0.82rem; }

@media (max-width: 640px) {
  .featured-quote-main .featured-quote-track { grid-template-columns: minmax(0, 1fr); }
}

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

.col-wrapper .col-index { grid-column: 1; padding: 0; border: 0; font-size: 2rem; line-height: 1; }

.col-wrapper .col-primary { grid-column: 2; display: grid; gap: 14px; min-width: 0; }

.col-wrapper .col-heading { --fs: calc(clamp(1.3rem, 1.9vw, 1.75rem) * var(--wst-display-scale, 1)); margin: 0; font-size: var(--fs-fit, var(--fs)); }

.col-wrapper .col-content { max-width: 74ch; }

@media (max-width: 640px) {
  .col-wrapper { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .col-wrapper .col-primary { grid-column: 1; }
  .col-wrapper .col-index { font-size: 1.4rem; }
}

.image-wrap-container { min-width: 0; }

.image-wrap-container .image-wrap-content { display: flow-root; }

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

.image-wrap-container .image-wrap-content > .image-wrap-aside { float: right; margin: 4px 0 12px 22px; }

.image-wrap-container .image-wrap-content > .image-wrap-media + * { margin-top: 0; }

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

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

.timeline-container .timeline-sequence { position: relative; list-style: none; margin: 0; padding: 0 0 0 26px; }

.timeline-container .timeline-sequence::before { content: ""; position: absolute; left: 6px; top: 6px; bottom: 6px; width: 2px; background: var(--wst-hairline); }

.timeline-container .timeline-marker { position: relative; display: grid; gap: 4px; padding-bottom: 18px; }

.timeline-container .timeline-marker:last-child { padding-bottom: 0; }

.timeline-container .timeline-marker::before { content: ""; position: absolute; left: -26px; top: 4px; width: 14px; height: 14px; border: 3px solid var(--wst-primary); border-radius: 50%; background: var(--wst-surface); }

.timeline-container .timeline-date { color: var(--wst-dim); font: 700 0.8rem/1.3 var(--wst-font-1); letter-spacing: 0.02em; overflow-wrap: anywhere; }

.timeline-container .timeline-event-title { margin: 0; font-size: 1.02rem; line-height: 1.3; }

.timeline-container .timeline-event-desc { margin: 0; color: var(--wst-dim); font-size: 0.9rem; line-height: 1.5; }

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

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

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

.dual-step-section .dual-step-block + .dual-step-block { padding-top: 16px; border-top: 1px dashed var(--wst-hairline); }

.dual-step-section .dual-step-count { display: grid; place-items: center; width: 34px; height: 34px; border: 1.5px solid var(--wst-edge-2); border-radius: 50%; color: var(--wst-dim); font: 700 0.9rem/1 var(--wst-font-1); }

.dual-step-section .dual-step-body { max-width: 74ch; }

/* __va_widget_css_begin__ */

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

.comp-w1r2_wrapper {
  width: 100%;
}

.wixui-box {
  background: var(--wst-surface);
  border: 1px solid var(--wst-hairline);
  border-radius: 12px;
  overflow: hidden;
  color: var(--wst-body);
}

.comp-h4e5_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 18px 20px;
  background: color-mix(in srgb, var(--wst-primary) 10%, var(--wst-surface));
  border-bottom: 1px solid var(--wst-hairline);
}

.wixui-rich-text__title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--wst-body);
}

.wixui-rich-text__subtitle {
  font-size: 0.8rem;
  color: var(--wst-dim);
}

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

.comp-c8t9_cta:hover {
  background: var(--wst-highlight-2);
}

.comp-s9w3_wrap {
  padding: 14px 20px 0;
}

.wixui-text-input__input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 14px;
  border: 1px solid var(--wst-hairline);
  border-radius: 8px;
  background: var(--wst-canvas);
  color: var(--wst-body);
  font-size: 0.85rem;
}

.wixui-text-input__input:focus {
  outline: 2px solid color-mix(in srgb, var(--wst-primary) 55%, transparent);
  border-color: var(--wst-primary);
}

.comp-s9e1_empty {
  padding: 16px 20px;
  text-align: center;
  color: var(--wst-dim);
  font-size: 0.85rem;
}

.comp-s8n9_sports-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 20px 0;
}

.wixui-tabs__tab-btn {
  padding: 6px 14px;
  border: 1px solid var(--wst-hairline);
  border-radius: 999px;
  background: var(--wst-canvas);
  color: var(--wst-body);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

.wixui-tabs__tab-btn:hover {
  border-color: var(--wst-primary);
}

.wixui-tabs__tab--active,
.wixui-tabs__tab-btn.wixui-tabs__tab--active {
  background: var(--wst-primary);
  border-color: var(--wst-primary);
  color: var(--wst-accent-fg);
}

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

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

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

.comp-r7o8_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  padding: 12px 14px;
  border: 1px solid var(--wst-hairline);
  border-radius: 10px;
  background: var(--wst-canvas);
}

.comp-l3g4_league {
  flex: 0 0 100%;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--wst-primary);
}

.comp-t4i5_time {
  font-size: 0.75rem;
  color: var(--wst-dim);
  order: 3;
}

.comp-t9s3_teams {
  flex: 1 1 auto;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--wst-body);
  order: 2;
}

.comp-t9s3_teams span {
  color: inherit;
}

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

.comp-o5b6_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(--wst-hairline);
  border-radius: 8px;
  background: var(--wst-surface);
  color: var(--wst-body);
  text-decoration: none;
  font-size: 0.85rem;
}

.comp-o5b6_btn:hover {
  border-color: var(--wst-primary);
  background: color-mix(in srgb, var(--wst-primary) 12%, var(--wst-surface));
}

.comp-o5b6_btn .comp-o2o3_outcome {
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--wst-dim);
  text-transform: uppercase;
}

.comp-o5b6_btn .comp-o2o3_value {
  font-weight: 700;
  color: var(--wst-body);
}

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

.comp-r7o8_row[data-ejmaer="xj0lyqrr"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px;
  row-gap: 6px;
}

.comp-r7o8_row[data-ejmaer="xj0lyqrr"] > .comp-l3g4_league {
  flex: 0 0 100%;
}

.comp-r7o8_row[data-ejmaer="xj0lyqrr"] > .comp-t9s3_teams {
  flex: 1 1 auto;
  min-width: 140px;
  order: 1;
}

.comp-r7o8_row[data-ejmaer="xj0lyqrr"] > .comp-t4i5_time {
  flex: 0 0 auto;
  white-space: nowrap;
  order: 2;
}

.comp-o5b6_btn[data-ejmaer="xm59j3sc"] {
  order: 3;
  flex: 0 0 auto;
  flex-direction: row;
  width: auto;
  padding: 6px 12px;
  font-size: 0.78rem;
  font-weight: 600;
  background: var(--wst-canvas);
  white-space: nowrap;
}

.comp-r7o8_row[data-ejmaer="xj0lyqrr"] > .comp-o5b6_odds,
.comp-r7o8_row[data-ejmaer="xj0lyqrr"] > .comp-m2c3_list,
.comp-r7o8_row[data-ejmaer="xj0lyqrr"] > [data-ejmaer="xuqzx7ot"] {
  flex: 0 0 100%;
  order: 4;
}

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

.comp-m2c3_card {
  border: 1px solid var(--wst-hairline);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--wst-surface);
}

.comp-m2c3_title {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--wst-dim);
  margin-bottom: 6px;
}

.comp-s5e6_selection {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  margin: 0 6px 6px 0;
  border: 1px solid var(--wst-hairline);
  border-radius: 8px;
  background: var(--wst-canvas);
  color: var(--wst-body);
  text-decoration: none;
  font-size: 0.82rem;
}

.comp-s5e6_selection:hover {
  border-color: var(--wst-primary);
}

.comp-s5e6_price {
  font-weight: 700;
  color: var(--wst-primary);
}

.market-data-root .wixui-box {
  border: none;
  border-radius: 0;
}

.market-data-root .comp-h4e5_header {
  background: transparent;
  border-bottom: 2px solid var(--wst-hairline);
  padding: var(--spacing-lg, 18px) var(--spacing-xl, 20px);
}

.market-data-root [data-ejmaer="x8gi6j1g"] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.market-data-root .comp-r7o8_row:not([data-ejmaer]) {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--spacing-sm, 10px);
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--wst-hairline);
  padding: var(--spacing-sm, 10px) var(--spacing-xs, 4px);
  background: transparent;
}

.market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-l3g4_league {
  flex: 0 0 6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-t9s3_teams {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-t4i5_time {
  flex: 0 0 auto;
  white-space: nowrap;
}

.market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-o5b6_odds {
  flex: 0 0 auto;
  gap: var(--spacing-xs, 4px);
}

.market-data-root .comp-o5b6_btn {
  flex: 0 0 3.5rem;
  border: none;
  background: transparent;
  text-align: right;
  justify-content: flex-end;
}

.market-data-root .comp-o5b6_btn:hover {
  background: color-mix(in srgb, var(--wst-primary) 10%, transparent);
  border-radius: var(--radius-sm, var(--radius, 6px));
}

@media (max-width: 480px) {
  .market-data-root .comp-r7o8_row:not([data-ejmaer]) {
    flex-wrap: wrap;
    gap: 4px 8px;
    padding: 8px var(--spacing-xs, 4px);
  }
  .market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-t9s3_teams {
    flex: 0 0 100%;
    order: 1;
    white-space: normal;
  }
  .market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-l3g4_league {
    flex: 0 0 auto;
    order: 2;
  }
  .market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-t4i5_time {
    flex: 1 1 auto;
    order: 3;
  }
  .market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-o5b6_odds {
    flex: 0 0 auto;
    order: 4;
  }
  .market-data-root .comp-o5b6_btn {
    flex: 0 0 auto;
    min-width: 3rem;
  }
}

.section-pretitle { display: none; }

[data-edz2xt="xntv0pql"].shell-container { --r-card: min(var(--wst-corner, 10px), 6px); --r-field: min(var(--wst-corner, 10px), 6px); }

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

[data-edz2xt="xntv0pql"].shell-container::before { opacity: 0.07; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M-6 6 6 -6M0 24 24 0M18 30 30 18' fill='none' stroke='%23000' stroke-width='6'/%3E%3C/svg%3E") 0 0 / 24px 24px; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M-6 6 6 -6M0 24 24 0M18 30 30 18' fill='none' stroke='%23000' stroke-width='6'/%3E%3C/svg%3E") 0 0 / 24px 24px; }

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

.comp-w1r2_wrapper {
  width: 100%;
}

.wixui-box {
  background: var(--wst-surface);
  border: 1px solid var(--wst-hairline);
  border-radius: 12px;
  overflow: hidden;
  color: var(--wst-body);
}

.comp-h4e5_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 18px 20px;
  background: color-mix(in srgb, var(--wst-primary) 10%, var(--wst-surface));
  border-bottom: 1px solid var(--wst-hairline);
}

.wixui-rich-text__title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--wst-body);
}

.wixui-rich-text__subtitle {
  font-size: 0.8rem;
  color: var(--wst-dim);
}

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

.comp-c8t9_cta:hover {
  background: var(--wst-highlight-2);
}

.comp-s9w3_wrap {
  padding: 14px 20px 0;
}

.wixui-text-input__input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 14px;
  border: 1px solid var(--wst-hairline);
  border-radius: 8px;
  background: var(--wst-canvas);
  color: var(--wst-body);
  font-size: 0.85rem;
}

.wixui-text-input__input:focus {
  outline: 2px solid color-mix(in srgb, var(--wst-primary) 55%, transparent);
  border-color: var(--wst-primary);
}

.comp-s9e1_empty {
  padding: 16px 20px;
  text-align: center;
  color: var(--wst-dim);
  font-size: 0.85rem;
}

.comp-s8n9_sports-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 20px 0;
}

.wixui-tabs__tab-btn {
  padding: 6px 14px;
  border: 1px solid var(--wst-hairline);
  border-radius: 999px;
  background: var(--wst-canvas);
  color: var(--wst-body);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

.wixui-tabs__tab-btn:hover {
  border-color: var(--wst-primary);
}

.wixui-tabs__tab--active,
.wixui-tabs__tab-btn.wixui-tabs__tab--active {
  background: var(--wst-primary);
  border-color: var(--wst-primary);
  color: var(--wst-accent-fg);
}

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

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

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

.comp-r7o8_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  padding: 12px 14px;
  border: 1px solid var(--wst-hairline);
  border-radius: 10px;
  background: var(--wst-canvas);
}

.comp-l3g4_league {
  flex: 0 0 100%;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--wst-primary);
}

.comp-t4i5_time {
  font-size: 0.75rem;
  color: var(--wst-dim);
  order: 3;
}

.comp-t9s3_teams {
  flex: 1 1 auto;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--wst-body);
  order: 2;
}

.comp-t9s3_teams span {
  color: inherit;
}

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

.comp-o5b6_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(--wst-hairline);
  border-radius: 8px;
  background: var(--wst-surface);
  color: var(--wst-body);
  text-decoration: none;
  font-size: 0.85rem;
}

.comp-o5b6_btn:hover {
  border-color: var(--wst-primary);
  background: color-mix(in srgb, var(--wst-primary) 12%, var(--wst-surface));
}

.comp-o5b6_btn .comp-o2o3_outcome {
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--wst-dim);
  text-transform: uppercase;
}

.comp-o5b6_btn .comp-o2o3_value {
  font-weight: 700;
  color: var(--wst-body);
}

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

.comp-r7o8_row[data-ejmaer="xj0lyqrr"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px;
  row-gap: 6px;
}

.comp-r7o8_row[data-ejmaer="xj0lyqrr"] > .comp-l3g4_league {
  flex: 0 0 100%;
}

.comp-r7o8_row[data-ejmaer="xj0lyqrr"] > .comp-t9s3_teams {
  flex: 1 1 auto;
  min-width: 140px;
  order: 1;
}

.comp-r7o8_row[data-ejmaer="xj0lyqrr"] > .comp-t4i5_time {
  flex: 0 0 auto;
  white-space: nowrap;
  order: 2;
}

.comp-o5b6_btn[data-ejmaer="xm59j3sc"] {
  order: 3;
  flex: 0 0 auto;
  flex-direction: row;
  width: auto;
  padding: 6px 12px;
  font-size: 0.78rem;
  font-weight: 600;
  background: var(--wst-canvas);
  white-space: nowrap;
}

.comp-r7o8_row[data-ejmaer="xj0lyqrr"] > .comp-o5b6_odds,
.comp-r7o8_row[data-ejmaer="xj0lyqrr"] > .comp-m2c3_list,
.comp-r7o8_row[data-ejmaer="xj0lyqrr"] > [data-ejmaer="xuqzx7ot"] {
  flex: 0 0 100%;
  order: 4;
}

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

.comp-m2c3_card {
  border: 1px solid var(--wst-hairline);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--wst-surface);
}

.comp-m2c3_title {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--wst-dim);
  margin-bottom: 6px;
}

.comp-s5e6_selection {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  margin: 0 6px 6px 0;
  border: 1px solid var(--wst-hairline);
  border-radius: 8px;
  background: var(--wst-canvas);
  color: var(--wst-body);
  text-decoration: none;
  font-size: 0.82rem;
}

.comp-s5e6_selection:hover {
  border-color: var(--wst-primary);
}

.comp-s5e6_price {
  font-weight: 700;
  color: var(--wst-primary);
}

.market-data-root .wixui-box {
  border: none;
  border-radius: 0;
}

.market-data-root .comp-h4e5_header {
  background: transparent;
  border-bottom: 2px solid var(--wst-hairline);
  padding: var(--spacing-lg, 18px) var(--spacing-xl, 20px);
}

.market-data-root [data-ejmaer="x8gi6j1g"] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.market-data-root .comp-r7o8_row:not([data-ejmaer]) {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--spacing-sm, 10px);
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--wst-hairline);
  padding: var(--spacing-sm, 10px) var(--spacing-xs, 4px);
  background: transparent;
}

.market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-l3g4_league {
  flex: 0 0 6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-t9s3_teams {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-t4i5_time {
  flex: 0 0 auto;
  white-space: nowrap;
}

.market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-o5b6_odds {
  flex: 0 0 auto;
  gap: var(--spacing-xs, 4px);
}

.market-data-root .comp-o5b6_btn {
  flex: 0 0 3.5rem;
  border: none;
  background: transparent;
  text-align: right;
  justify-content: flex-end;
}

.market-data-root .comp-o5b6_btn:hover {
  background: color-mix(in srgb, var(--wst-primary) 10%, transparent);
  border-radius: var(--radius-sm, var(--radius, 6px));
}

@media (max-width: 480px) {
  .market-data-root .comp-r7o8_row:not([data-ejmaer]) {
    flex-wrap: wrap;
    gap: 4px 8px;
    padding: 8px var(--spacing-xs, 4px);
  }
  .market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-t9s3_teams {
    flex: 0 0 100%;
    order: 1;
    white-space: normal;
  }
  .market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-l3g4_league {
    flex: 0 0 auto;
    order: 2;
  }
  .market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-t4i5_time {
    flex: 1 1 auto;
    order: 3;
  }
  .market-data-root .comp-r7o8_row:not([data-ejmaer]) .comp-o5b6_odds {
    flex: 0 0 auto;
    order: 4;
  }
  .market-data-root .comp-o5b6_btn {
    flex: 0 0 auto;
    min-width: 3rem;
  }
}
/* __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 .comp-active37642, 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(--wst-body) !important`) so solid-accent variants (v2/v7)
   keep white-on-accent when those skins are not selected. */
.comp-j3n4_sidebar li.comp-active37642 > ul a {
  background: transparent !important;
  box-shadow: none !important;
}
.comp-j3n4_sidebar li.comp-active37642 > ul a:not([aria-current="page"]):not(.comp-active37642) {
  color: var(--wst-dim) !important;
  font-weight: 500 !important;
}
.comp-j3n4_sidebar li.comp-active37642:has(> ul) > a {
  box-shadow: none !important;
}
.comp-j3n4_sidebar li:has(> ul):not(.comp-active37642):has(.comp-active37642) > a,
.comp-j3n4_sidebar li:has(> ul):not(.comp-active37642):has(.comp-active37642) > span {
  color: var(--wst-body) !important;
  font-weight: 600;
  background: transparent !important;
  box-shadow: none !important;
}
.comp-j3n4_sidebar .comp-s2t3_toggle,
.comp-j3n4_sidebar li.comp-active37642 > .comp-s2t3_toggle,
.comp-j3n4_sidebar li:has(.comp-active37642) > .comp-s2t3_toggle {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--wst-dim) !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
   (--wst-body) both keep the fill matching the intended color. */
.comp-j3n4_sidebar a:hover,
.comp-j3n4_sidebar a:focus-visible,
.comp-j3n4_sidebar li.comp-active37642 > a,
.comp-j3n4_sidebar a.comp-active37642,
.comp-j3n4_sidebar a[aria-current="page"] {
  -webkit-text-fill-color: currentColor !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}