/* Generated by scripts/gen-wp-css.ts from the CSS shared by the article and the block types. Do not edit: change src/blocks and run npm run gen:wp-css. */
/* src/blocks/ai.css */
/* Static text and what an AI block draws: its placeholder and the text the writer produced. */
.stx-widget .stx-ai { border: 1px dashed #aab4cc; border-radius: 10px; padding: 12px 14px; background: color-mix(in srgb, #fff 70%, transparent); }
.stx-widget .stx-ai__head { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: #5b6b94; margin-bottom: 6px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.stx-widget .stx-ai__instruction { font-size: 12px; color: #555; font-style: italic; margin-bottom: 8px; }
.stx-widget .stx-ai__faq dt { font-weight: 600; margin-top: 8px; }
.stx-widget .stx-ai__faq dd { margin: 2px 0 0; }
.stx-widget .stx-static-heading { margin: 8px 0 0; font-weight: 700; line-height: 1.25; }
.stx-widget .stx-static-text { margin: 0 0 6px; }
.stx-widget .stx-static-text.note { font-size: 13px; color: var(--ab-muted); }
.stx-widget .stx-static-text.small { font-size: 12px; }
.stx-widget .stx-static-text.highlight { background: var(--ab-accent-soft); border-left: 3px solid var(--ab-accent); padding: 8px 12px; border-radius: 4px; }

/* Written AI text: plain blocks that read like static text, spaced by the same rhythm. */
.stx-widget .stx-ai__text > div + div, .stx-widget .stx-ai__written > * + * { margin-top: 10px; }
.stx-widget .stx-ai__tag { margin-bottom: 4px; }
.stx-widget .stx-ai__caption { font-size: 12px; color: var(--ab-muted); font-style: italic; margin-bottom: 8px; white-space: pre-line; }
.stx-widget .stx-ai__list { margin: 4px 0 0; padding-left: 20px; }
.stx-widget .stx-ai__list li + li { margin-top: 3px; }
.stx-widget .stx-ai__callout { display: block; }
.stx-widget .stx-ai__label { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 2px; }
.stx-widget .stx-ai__scoreline { font-size: 34px; font-weight: 800; line-height: 1.1; color: var(--ab-primary); margin: 2px 0 6px; font-variant-numeric: tabular-nums; }
.stx-widget .stx-ai__faq-written dt { font-weight: 600; margin-top: 10px; }
.stx-widget .stx-ai__faq-written dd { margin: 2px 0 0; }
.stx-widget .stx-ai__faq-written dd p + p { margin-top: 6px; }

/* FAQ displays, the favourite and tip, the key trends. A bar-and-title heading opens the open FAQ and the trends. */
.stx-widget .stx-ai__title { margin: 0 0 10px; padding: 1px 0 1px 12px; border-left: 4px solid var(--ab-accent); font-size: 20px; font-weight: 700; line-height: 1.25; color: var(--ab-primary); }
.stx-widget .stx-ai__faq-accordion details { border: 1px solid var(--ab-card-border); border-radius: 12px; padding: 14px 20px; background: var(--ab-head-grey); }
.stx-widget .stx-ai__faq-accordion details + details { margin-top: 10px; }
.stx-widget .stx-ai__faq-accordion summary { cursor: pointer; font-weight: 700; font-size: 14.5px; line-height: 1.35; color: var(--ab-primary); }
.stx-widget .stx-ai__faq-accordion details[open] summary { margin-bottom: 10px; }
.stx-widget .stx-ai__faq-accordion details p { color: color-mix(in srgb, var(--ab-text) 78%, var(--ab-surface)); font-size: 13.5px; }
.stx-widget .stx-ai__faq-open { border: 1px solid var(--ab-card-border); border-radius: 12px; padding: 16px 20px; background: var(--ab-head-grey); }
.stx-widget .stx-ai__faq-open > .stx-ai__title { margin: 0 0 14px; }
.stx-widget .stx-ai__faq-open dt { margin-top: 14px; font-size: 15px; font-weight: 700; color: var(--ab-primary); }
.stx-widget .stx-ai__faq-open > .stx-ai__title + div dt { margin-top: 0; }
.stx-widget .stx-ai__faq-open dd { margin: 4px 0 0; color: var(--ab-card-ink); }
.stx-widget .stx-ai__faq-open dd p { font-size: 14px; line-height: 1.55; }
.stx-widget .stx-ai__text--tip { background: var(--ab-surface); border: 1px solid var(--ab-card-border); border-radius: 12px; box-shadow: var(--ab-card-shadow); padding: 20px 24px 22px; }
.stx-widget .stx-ai__text--tip .stx-static-heading { margin: 0 0 12px; font-size: 16px; color: var(--ab-primary); }
.stx-widget .stx-ai__text--tip .stx-static-text { font-size: 15px; line-height: 1.55; color: var(--ab-card-ink); margin: 0; }
.stx-widget .stx-ai__text--tip .stx-ai__tipline { margin-top: 14px; font-size: 15px; color: var(--ab-text); }
.stx-widget .stx-ai__trendlist { display: grid; gap: 8px; }
.stx-widget .stx-ai__trend { background: var(--ab-surface); border: 1px solid var(--ab-card-border); border-left: 3px solid var(--ab-accent); border-radius: 10px; box-shadow: var(--ab-card-shadow); padding: 10px 18px 12px; }
.stx-widget .stx-ai__trend .stx-ai__label { display: block; text-transform: none; letter-spacing: 0; font-size: 15px; color: var(--ab-primary); margin-bottom: 2px; }
.stx-widget .stx-ai__trend p { font-size: 14px; line-height: 1.5; color: var(--ab-card-ink); }

/* Where to watch as four cards: the date, the time, the venue and the broadcasters. */
.stx-widget .stx-ai__watch .cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.stx-widget .stx-ai__watch .card { background: var(--ab-head-grey); border: 1px solid var(--ab-card-border); border-radius: 12px; padding: 14px 10px; text-align: center; min-width: 0; }
.stx-widget .stx-ai__watch .card span { display: block; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ab-muted); margin-bottom: 6px; }
.stx-widget .stx-ai__watch .card b { display: block; font-size: 15px; color: var(--ab-primary); overflow-wrap: anywhere; }
@media (max-width: 480px) { .stx-widget .stx-ai__watch .cards { grid-template-columns: repeat(2, 1fr); } }

/* src/blocks/card.css */
/* The common card of the non-football blocks: a white card, a header band (an uppercase title and an optional subtitle,
   with an optional strip on top), grey column heads and a footer note. A block adds its own body inside. The band is the
   site's second brand colour (`tone="deep"`) or its primary colour; a site whose headerStyle is `rule` gets a plain heading
   with a rule beside it instead of a band. */

.stx-widget .stx-card { background: var(--ab-surface); border: 1px solid var(--ab-card-border); border-radius: 12px; overflow: hidden; box-shadow: var(--ab-card-shadow); color: var(--ab-card-ink); }
.stx-widget .stx-card__head { padding: 16px 24px; background: var(--ab-primary); color: #fff; }
.stx-widget .stx-card__head[data-tone="deep"] { background: var(--ab-primary-deep); }
.stx-widget .stx-card__head[data-strip="accent"] { border-top: 4px solid var(--ab-accent); }
.stx-widget .stx-card__head[data-strip="sides"] { border-top: 4px solid transparent; border-image: linear-gradient(90deg, var(--ab-home) 50%, var(--ab-away) 50%) 1; }
.stx-widget .stx-card__head[data-size="compact"] { padding: 14px 24px; }
.stx-widget .stx-card__head[data-size="compact"] .stx-card__title { font-size: 13px; }
.stx-widget .stx-card__title { font-size: 15px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; line-height: 1.25; }
.stx-widget .stx-card__sub { font-size: 12px; margin-top: 3px; color: var(--ab-accent); line-height: 1.3; }
.stx-widget .stx-article[data-header-style="rule"] .stx-card__head { background: transparent; color: var(--ab-primary); border-top: 0; border-image: none; border-left: 4px solid var(--ab-accent); padding: 4px 0 4px 12px; margin: 14px 24px 8px; }
.stx-widget .stx-article[data-header-style="rule"] .stx-card__head[data-tone] .stx-card__sub { color: var(--ab-muted); }

.stx-widget .stx-card__cols { display: grid; align-items: center; gap: 8px; padding: 10px 24px; background: var(--ab-head-grey); color: var(--ab-note); font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.stx-widget .stx-card__cols > * { text-align: center; }
.stx-widget .stx-card__cols > :first-child { text-align: left; }
.stx-widget .stx-card__row { border-top: 1px solid var(--ab-rule); }

.stx-widget .stx-card__note { display: flex; align-items: center; gap: 8px; padding: 14px 24px; border-top: 1px solid var(--ab-rule); color: var(--ab-note); font-size: 11px; font-style: italic; }
.stx-widget .stx-card__note::before { content: ""; flex: none; width: 10px; height: 10px; border: 1.5px solid currentColor; border-radius: 2px; opacity: .7; }

/* src/blocks/table-stack.css */
/* Tables of more than two columns turn into one card per row on a phone (`stx-table--stack`): the head row hides, each
   cell shows its column head (`data-label`) on the left and its value on the right, and the row's first cell (the
   bookmaker, the team, the market) is the card's title. Tables of one or two columns are never marked and stay tables.
   Only the inside of the block changes: the width stays the site's.

   Specificity: the modifier is repeated so these rules beat layout skins that set `display: grid` on the same row
   (e.g. `.stx-odds-comparison.stx-layout--editorial .tr`), which otherwise win on equal weight once the block CSS
   loads after this file. `!important` on `display` and `grid-template-columns` also beats the inline
   `style="grid-template-columns: …"` the rows carry for the desktop grid. */
@media (max-width: 766.98px) {
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__head.stx-table__head { display: none !important; }
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 6px 8px;
    padding: 12px 14px;
    margin: 0;
    grid-template-columns: none !important;
  }
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > * {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    text-align: right;
  }
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > [data-label]::before {
    content: attr(data-label);
    flex: 1 1 auto;
    text-align: left;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--ab-note, var(--ab-muted, #6b6b6b));
    background: none;
  }
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .stx-table__lead {
    flex: 0 0 auto;
    display: inline-flex;
    font-weight: 700;
  }
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .stx-table__title {
    flex: 1 1 0;
    justify-content: flex-start;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    white-space: normal;
    overflow: visible;
  }
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .stx-table__title * { white-space: normal; }
  /* Best / highlight: label left, compact value pill right (no full-row fill from desktop marks). */
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .best,
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .cell.best,
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .odd.best,
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .c.best,
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .mm-cell.best {
    background: none !important;
    background-color: transparent !important;
    justify-content: space-between !important;
    text-align: right;
  }
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .best > .v,
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .best > .o,
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .best > .stx-table__val,
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .cell.best > .o,
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .odd.best > .stx-table__val,
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .c.best > .v,
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .c.best > .stx-table__val,
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .mm-cell.best > .v {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 0;
    max-width: none;
    margin-left: auto;
    padding: 4px 10px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    box-sizing: border-box;
    background: var(--ab-best-pink, var(--ab-accent-soft, #fde8ef));
    color: var(--ab-accent-ink, var(--ab-accent, #c45));
    font-weight: 700;
  }
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .best > .v svg,
  .stx-widget .stx-table--stack.stx-table--stack .stx-table__row.stx-table__row > .mm-cell.best > .v svg {
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
  }

}

/* Desktop fallback when WordPress safecss/kses empties inline grid-template-columns
   (repeat()/minmax() are often stripped, leaving style=""). data-cols rebuilds a
   lead + equal tracks list; block CSS overrides -- lead width per widget. Mobile
   rules above keep grid-template-columns: none !important below 767px. */
.stx-widget .stx-card__cols[data-cols="2"],
.stx-widget .stx-table__row[data-cols="2"] {
  grid-template-columns: 1.15fr repeat(1, minmax(0, 1fr));
}
.stx-widget .stx-card__cols[data-cols="3"],
.stx-widget .stx-table__row[data-cols="3"] {
  grid-template-columns: 1.15fr repeat(2, minmax(0, 1fr));
}
.stx-widget .stx-card__cols[data-cols="4"],
.stx-widget .stx-table__row[data-cols="4"] {
  grid-template-columns: 1.15fr repeat(3, minmax(0, 1fr));
}
.stx-widget .stx-card__cols[data-cols="5"],
.stx-widget .stx-table__row[data-cols="5"] {
  grid-template-columns: 1.15fr repeat(4, minmax(0, 1fr));
}
.stx-widget .stx-card__cols[data-cols="6"],
.stx-widget .stx-table__row[data-cols="6"] {
  grid-template-columns: 1.15fr repeat(5, minmax(0, 1fr));
}
.stx-widget .stx-card__cols[data-cols="7"],
.stx-widget .stx-table__row[data-cols="7"] {
  grid-template-columns: 1.15fr repeat(6, minmax(0, 1fr));
}
.stx-widget .stx-card__cols[data-cols="8"],
.stx-widget .stx-table__row[data-cols="8"] {
  grid-template-columns: 1.15fr repeat(7, minmax(0, 1fr));
}
.stx-widget .stx-card__cols[data-cols="9"],
.stx-widget .stx-table__row[data-cols="9"] {
  grid-template-columns: 1.15fr repeat(8, minmax(0, 1fr));
}
.stx-widget .stx-card__cols[data-cols="10"],
.stx-widget .stx-table__row[data-cols="10"] {
  grid-template-columns: 1.15fr repeat(9, minmax(0, 1fr));
}

/* src/blocks/featured.css */
/* The fixtures of a generic page: featured matches as cards, a table or a carousel, and the fixture group's headings. */
.stx-widget .stx-featured-matches .fm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; padding: 16px 24px; }
.stx-widget .stx-featured-matches .fm-track { display: flex; gap: 12px; padding: 16px 24px; overflow-x: auto; scroll-snap-type: x mandatory; }
.stx-widget .stx-featured-matches .fm-track .fm-card { flex: 0 0 240px; scroll-snap-align: start; }
.stx-widget .stx-featured-matches .fm-card { display: flex; flex-direction: column; gap: 10px; border: 1px solid var(--ab-rule); border-radius: 10px; padding: 12px; background: var(--ab-surface); min-width: 0; }
.stx-widget .stx-featured-matches .when { font-size: 11px; color: var(--ab-note); line-height: 1.35; }
.stx-widget .stx-featured-matches .teams { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.stx-widget .stx-featured-matches .teams .t { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 14px; }
.stx-widget .stx-featured-matches .teams .t b { font-weight: 600; overflow-wrap: anywhere; }
.stx-widget .stx-featured-matches .pick { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 12px; color: var(--ab-note); }
.stx-widget .stx-featured-matches .pick b { color: var(--ab-primary); font-size: 13px; }
.stx-widget .stx-featured-matches .odds { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 6px; }
.stx-widget .stx-featured-matches .odds span { display: flex; flex-direction: column; align-items: center; background: var(--ab-head-grey); border-radius: 6px; padding: 6px 4px; font-size: 14px; font-weight: 600; }
.stx-widget .stx-featured-matches .odds small { font-size: 10px; font-weight: 500; color: var(--ab-note); text-transform: uppercase; letter-spacing: .04em; }
.stx-widget .stx-featured-matches .odds .best, .stx-widget .stx-featured-matches .prices .best { background: var(--ab-accent-soft); color: var(--ab-primary); }
.stx-widget .stx-featured-matches .read { font-size: 13px; font-weight: 600; color: var(--ab-primary); text-decoration: none; margin-top: auto; }
.stx-widget .stx-featured-matches .read::after { content: " ›"; }
.stx-widget .stx-featured-matches .fm-row { display: grid; align-items: center; gap: 8px; padding: 12px 24px; font-size: 13.5px; }
.stx-widget .stx-featured-matches .fm-row .ko b { display: block; }
.stx-widget .stx-featured-matches .fm-row small { display: block; font-size: 11px; color: var(--ab-note); }
.stx-widget .stx-featured-matches .fm-row .teams { flex-direction: row; gap: 10px; flex-wrap: wrap; }
.stx-widget .stx-featured-matches .prices { display: inline-flex; gap: 4px; }
.stx-widget .stx-featured-matches .prices i { font-style: normal; font-weight: 600; background: var(--ab-head-grey); border-radius: 4px; padding: 2px 6px; }
.stx-widget .stx-featured-matches.stx-layout--fan .fm-card { border-top: 3px solid var(--ab-accent); }
.stx-widget .stx-featured-matches.stx-layout--editorial .fm-card { border-radius: 4px; }
.stx-widget .stx-featured-matches.stx-layout--comparator .fm-card { background: var(--ab-head-grey); }

.stx-widget .stx-fixture-group { display: flex; flex-direction: column; gap: 14px; }
.stx-widget .stx-fixture-group .fg-head { display: flex; align-items: center; gap: 10px; margin: 0; padding: 1px 0 1px 12px; border-left: 4px solid var(--ab-accent); font-size: 18px; line-height: 1.25; color: var(--ab-primary); }
.stx-widget .stx-fixture-group .fg-meta { margin: 4px 0 0 16px; font-size: 12px; color: var(--ab-note); }
.stx-widget .stx-fixture-group .fg-item > .stx-block { margin: 12px 0 0; }
.stx-widget .stx-fixture-group.o-tier .fg-head { border-left-color: var(--ab-primary); }
@media (max-width: 480px) { .stx-widget .stx-featured-matches .fm-grid { grid-template-columns: 1fr; padding: 12px 16px; } .stx-widget .stx-featured-matches .fm-row { padding: 10px 16px; } }

/* src/blocks/field.css */
/* Blocks of a field event (a race): the event hero, the championship tables, the recent races and the
   circuit. Colours are theme tokens only; the layout palettes (--c-*) come from article.css. */

/* Event hero: the hero chrome of article.css, with a title and a list of favourites in place of two teams */
.stx-widget .stx-event-hero .eh-title h2 { margin: 0; font-size: 24px; line-height: 1.15; font-weight: 700; }
.stx-widget .stx-event-hero .eh-title .when { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-top: 8px; font-size: 14px; color: var(--c-sub); }
.stx-widget .stx-event-hero .eh-title .when b { color: var(--c-text); font-weight: 600; }
.stx-widget .stx-event-hero .eh-title .facts { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 8px; font-size: 12px; color: var(--c-sub); }
.stx-widget .stx-event-hero .eh-title .facts span { display: inline-flex; align-items: center; gap: 4px; }
.stx-widget .stx-event-hero .pad.tight { padding-top: 0; }
.stx-widget .stx-event-hero .eh-favs .lab { font-size: 11px; letter-spacing: .4px; text-transform: lowercase; color: var(--c-sub); margin-bottom: 8px; }
.stx-widget .stx-event-hero .eh-favs ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 8px; }
.stx-widget .stx-event-hero .eh-favs li { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; background: color-mix(in srgb, var(--c-text) 7%, transparent); min-width: 0; }
.stx-widget .stx-event-hero .eh-favs .rk { width: 14px; text-align: center; font-size: 11px; font-weight: 600; color: var(--c-sub); flex: none; }
.stx-widget .stx-event-hero .eh-favs .who { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.stx-widget .stx-event-hero .eh-favs .who b { font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stx-widget .stx-event-hero .eh-favs .who small { font-size: 10px; color: var(--c-sub); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stx-widget .stx-event-hero .eh-favs .px { text-align: right; flex: none; }
.stx-widget .stx-event-hero .eh-favs .px b { display: block; font-size: 14px; font-weight: 700; background: var(--c-hl-bg); color: var(--c-hl-text); border-radius: 6px; padding: 2px 8px; }
.stx-widget .stx-event-hero .eh-favs .px small { display: block; font-size: 9px; color: var(--c-sub); margin-top: 2px; }
.stx-widget .stx-event-hero .eh-favs.rows ol { grid-template-columns: 1fr; gap: 0; }
.stx-widget .stx-event-hero .eh-favs.rows li { background: none; border-radius: 0; border-top: .5px solid var(--c-line); padding: 8px 2px; }
.stx-widget .stx-event-hero.stx-layout--original .eh-title h2 { color: var(--ab-primary); font-size: 22px; }
.stx-widget .stx-event-hero.stx-layout--original .eh-title .when b { color: var(--ab-primary); }
.stx-widget .stx-event-hero.stx-layout--original .oddsbox { padding-top: 14px; padding-bottom: 8px; }
.stx-widget .stx-event-hero.stx-layout--original .eh-favs .lab { padding-bottom: 2px; }
.stx-widget .stx-event-hero.stx-layout--comparator .head { text-align: center; }
.stx-widget .stx-event-hero.stx-layout--comparator .eh-title .when, .stx-widget .stx-event-hero.stx-layout--comparator .eh-title .facts { justify-content: center; }
.stx-widget .stx-event-hero.stx-layout--comparator .eh-title h2 { font-size: 22px; }
.stx-widget .stx-event-hero.stx-layout--fan .pad { padding-bottom: 10px; }
.stx-widget .stx-event-hero.stx-layout--editorial .eh-favs .px b { background: rgba(255,255,255,.16); color: #fff; }
.stx-widget .stx-event-hero.stx-layout--fan .eh-favs .px b { background: #fff; color: var(--ab-primary); }

/* Cards of the field blocks: the common card (card.css) with the body of each block. */
.stx-widget .stx-championship .stx-card__cols > *, .stx-widget .stx-race-results .stx-card__cols > * { text-align: left; }
.stx-widget .stx-race-results .stx-card__cols > :not(:first-child) { text-align: center; }
.stx-widget .stx-championship .stx-card__cols { padding: 14px 12px 10px; font-weight: 500; }
.stx-widget .stx-championship .ch-row { display: grid; align-items: center; gap: 8px; padding: 12px; font-size: 14px; }
.stx-widget .stx-championship .ch-row .nm { min-width: 0; }
.stx-widget .stx-championship .ch-row .v { text-align: left; }
.stx-widget .stx-championship .ch-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 12px 16px; border-top: 1px solid var(--ab-rule); }
.stx-widget .stx-championship .ch-team { border-top: 3px solid var(--ab-primary); background: #f6f7fa; border-radius: 8px; padding: 10px 8px; text-align: center; min-width: 0; font-size: 14px; }
.stx-widget .stx-championship .ch-team b { display: block; }
.stx-widget .stx-championship .ch-team span { display: block; font-size: 18px; font-weight: 700; margin-top: 2px; }

.stx-widget .stx-race-results .stx-card__cols { padding: 14px 8px 14px 24px; font-weight: 500; }
.stx-widget .stx-race-results .rr-row { display: grid; align-items: center; gap: 8px; padding: 14px 8px 14px 24px; font-size: 14px; }
.stx-widget .stx-race-results .rr-row > span:not(.gp) { text-align: center; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.stx-widget .stx-race-results .rr-row .gp { display: flex; flex-direction: column; min-width: 0; }
.stx-widget .stx-race-results .rr-row .gp b { font-weight: 700; }
.stx-widget .stx-race-results .rr-row .gp small { font-size: 11px; color: var(--ab-note); }

.stx-widget .stx-circuit-profile .pad { padding: 22px 24px 8px; }
.stx-widget .stx-circuit-profile .name { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; margin-bottom: 8px; }
.stx-widget .stx-circuit-profile .name b { color: var(--ab-primary); font-size: 18px; font-weight: 700; }
.stx-widget .stx-circuit-profile .name.nick { flex-direction: column; gap: 2px; }
.stx-widget .stx-circuit-profile .name span { font-size: 12px; color: var(--ab-note); }
.stx-widget .stx-circuit-profile .sum { margin: 0 0 14px; font-size: 14.5px; color: #3a4250; }
.stx-widget .stx-circuit-profile .tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 14px; }
.stx-widget .stx-circuit-profile .tile { background: #f6f7fa; border: 1px solid #eceef2; border-radius: 8px; padding: 14px 8px; text-align: center; min-width: 0; }
.stx-widget .stx-circuit-profile .tile b { display: block; font-size: 20px; font-weight: 700; color: var(--ab-primary); }
.stx-widget .stx-circuit-profile .tile span { display: block; font-size: 11px; margin-top: 4px; color: var(--ab-note); }
@media (max-width: 480px) {
  .stx-widget .stx-championship .ch-cards, .stx-widget .stx-circuit-profile .tiles { grid-template-columns: repeat(2, 1fr); }
  .stx-widget .stx-event-hero .eh-title h2 { font-size: 20px; }
}

/* src/blocks/badge.css */
/* Competition badge and the article meta bar. */
/* Competition badge */
.stx-widget .stx-competition-badge { display: inline-flex; align-items: center; gap: 8px; border-radius: 20px; padding: 6px 16px; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: .04em; text-transform: uppercase; }
.stx-widget .stx-competition-badge .stage { white-space: nowrap; }
.stx-widget .stx-competition-badge.stx-layout--editorial { background: var(--ab-primary); border: 1px solid var(--ab-accent); color: #fff; }
.stx-widget .stx-competition-badge.stx-layout--editorial svg, .stx-widget .stx-competition-badge.stx-layout--editorial .stage { color: var(--ab-accent); }
.stx-widget .stx-competition-badge.stx-layout--fan { background: var(--ab-primary); color: #fff; }
.stx-widget .stx-competition-badge.stx-layout--fan .stage.chip { background: var(--ab-accent); color: var(--ab-on-accent); font-size: 12px; padding: 1px 10px; border-radius: 10px; }
.stx-widget .stx-competition-badge.stx-layout--comparator { background: var(--ab-surface); border: 1px solid var(--ab-border); color: var(--ab-text); }
.stx-widget .stx-competition-badge.stx-layout--comparator svg, .stx-widget .stx-competition-badge.stx-layout--comparator .stage { color: var(--ab-positive); }
.stx-widget .stx-competition-badge.stx-layout--original { background: var(--ab-primary); color: #fff; }
.stx-widget .stx-competition-badge.stx-layout--original svg { color: var(--ab-accent); }
.stx-widget .stx-competition-badge.stx-layout--original .stage { color: var(--ab-accent); }
.stx-widget .stx-competition-badge img { width: 16px; height: 16px; object-fit: contain; }

/* Meta bar */
.stx-widget .stx-meta-bar { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--ab-muted); }
.stx-widget .stx-meta-bar span { display: inline-flex; align-items: center; gap: 5px; }

/* src/blocks/prediction.css */
/* Main prediction. */
/* Main prediction */
.stx-widget .stx-prediction { border-radius: 12px; overflow: hidden; }
.stx-widget .stx-prediction .lab { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.stx-widget .stx-prediction .pick { font-weight: 600; }
.stx-widget .stx-prediction .odd { font-weight: 700; border-radius: 8px; padding: 6px 14px; display: inline-block; }
.stx-widget .stx-prediction .brand { font-size: 11px; padding: 0; }
.stx-widget .stx-prediction .why { font-size: 13px; }
.stx-widget .stx-prediction .why.pending { font-style: italic; opacity: .75; }
.stx-widget .stx-prediction .stamp { font-size: 11px; font-style: italic; }
.stx-widget .stx-prediction .hint { font-size: 11px; opacity: .65; margin-top: 4px; }
.stx-widget .stx-prediction .conf { font-size: 11px; font-weight: 600; text-transform: uppercase; opacity: .8; }
.stx-widget .stx-prediction.stx-layout--editorial, .stx-widget .stx-prediction.stx-layout--original { background: var(--ab-primary); color: #fff; padding: 18px 20px; border-top: 3px solid var(--ab-accent); }
.stx-widget .stx-prediction.stx-layout--editorial .lab svg, .stx-widget .stx-prediction.stx-layout--original .lab svg { color: var(--ab-accent); }
.stx-widget .stx-prediction.stx-layout--editorial .row { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 8px 0 12px; }
.stx-widget .stx-prediction.stx-layout--editorial .pick { font-size: 18px; }
.stx-widget .stx-prediction.stx-layout--editorial .oddbox { text-align: center; flex: none; }
.stx-widget .stx-prediction.stx-layout--editorial .odd { background: var(--ab-hl-dark); color: var(--ab-accent); font-size: 16px; border-radius: 8px; }
.stx-widget .stx-prediction.stx-layout--editorial .brand, .stx-widget .stx-prediction.stx-layout--original .brand { color: rgba(255,255,255,.5); }
.stx-widget .stx-prediction.stx-layout--editorial .why, .stx-widget .stx-prediction.stx-layout--original .why { border-top: 1px solid rgba(255,255,255,.1); padding-top: 12px; color: rgba(255,255,255,.75); }
.stx-widget .stx-prediction.stx-layout--editorial .stamp, .stx-widget .stx-prediction.stx-layout--original .stamp { color: rgba(255,255,255,.35); margin-top: 8px; }
.stx-widget .stx-prediction.stx-layout--original .pick { font-size: 17px; margin: 8px 0 12px; }
.stx-widget .stx-prediction.stx-layout--original .oddrow { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.stx-widget .stx-prediction.stx-layout--original .odd { background: var(--ab-accent); color: var(--ab-on-accent); font-size: 16px; padding: 8px 16px; }
.stx-widget .stx-prediction.stx-layout--fan { display: flex; flex-wrap: wrap; }
.stx-widget .stx-prediction.stx-layout--fan .l { flex: 1.3 1 240px; background: var(--ab-primary); color: #fff; padding: 18px; }
.stx-widget .stx-prediction.stx-layout--fan .r { flex: 1 1 140px; background: var(--ab-primary-deep); color: #fff; padding: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; }
.stx-widget .stx-prediction.stx-layout--fan .pick { font-size: 16px; margin: 8px 0; }
.stx-widget .stx-prediction.stx-layout--fan .why { color: rgba(255,255,255,.8); font-size: 12px; }
.stx-widget .stx-prediction.stx-layout--fan .odd { background: #fff; color: var(--ab-primary); width: 100%; font-size: 18px; border-radius: 8px; text-align: center; }
.stx-widget .stx-prediction.stx-layout--fan .brand { color: rgba(255,255,255,.7); font-size: 11px; }
.stx-widget .stx-prediction.stx-layout--comparator { background: var(--ab-surface); border: .5px solid var(--ab-border); padding: 18px 20px; }
.stx-widget .stx-prediction.stx-layout--comparator .lab { color: var(--ab-muted); }
.stx-widget .stx-prediction.stx-layout--comparator .lab svg { color: var(--ab-positive); }
.stx-widget .stx-prediction.stx-layout--comparator .pick { font-size: 16px; margin: 8px 0 12px; }
.stx-widget .stx-prediction.stx-layout--comparator .bar { display: flex; align-items: center; justify-content: space-between; background: color-mix(in srgb, var(--ab-text) 4%, var(--ab-surface)); border-radius: 8px; padding: 10px 14px; margin-bottom: 12px; font-size: 12px; color: #666; }
.stx-widget .stx-prediction.stx-layout--comparator .bar b { font-size: 16px; color: var(--ab-positive); }
.stx-widget .stx-prediction.stx-layout--comparator .why { color: #555; }
.stx-widget .stx-prediction.stx-layout--comparator .stamp { color: var(--ab-muted); font-style: normal; margin-top: 8px; }
.stx-widget .stx-prediction-stamp { font-size: 11px; font-style: italic; color: var(--ab-muted); margin: 6px 4px 0; }
.stx-widget .stx-prediction .cta-row { margin-top: 12px; }


/* The prediction as a large panel (the hero style, and the prediction variant of the heroes) */
.stx-widget .stx-prediction-panel { border-radius: 12px; overflow: hidden; border-top: 3px solid var(--ab-home); background: linear-gradient(135deg, var(--ab-primary-deep), var(--ab-primary)); color: #fff; padding: 22px 26px;
  --c-text: #fff; --c-cell: rgba(255,255,255,.9); --c-sub: rgba(255,255,255,.55); --c-line: rgba(255,255,255,.15); --c-hl-bg: #fff; --c-hl-text: var(--ab-primary); }
.stx-widget .stx-prediction-panel .lab { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; color: rgba(255,255,255,.65); }
.stx-widget .stx-prediction-panel .lab .meta { font-weight: 400; letter-spacing: 0; text-transform: none; font-size: 12px; color: rgba(255,255,255,.55); text-align: right; }
.stx-widget .stx-prediction-panel .pick { font-size: 24px; font-weight: 700; line-height: 1.25; margin: 12px 0 16px; }
.stx-widget .stx-prediction-panel .hint { font-size: 12px; opacity: .65; margin: -10px 0 14px; }
.stx-widget .stx-prediction-panel .row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.stx-widget .stx-prediction-panel .odd { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); border-radius: 8px; padding: 10px 18px; font-size: 20px; font-weight: 700; }
.stx-widget .stx-prediction-panel .tag { background: var(--ab-home); color: #fff; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 6px; }
.stx-widget .stx-prediction-panel .conf { color: rgba(255,255,255,.65); font-size: 14px; text-transform: capitalize; }
.stx-widget .stx-prediction-panel .why { color: rgba(255,255,255,.82); font-size: 14.5px; margin: 18px 0 0; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.14); }
.stx-widget .stx-prediction-panel .why.pending { font-style: italic; opacity: .75; }
.stx-widget .stx-prediction-panel .cta-row { margin-top: 16px; }
.stx-widget .stx-prediction-panel .stamp { color: rgba(255,255,255,.55); font-size: 12px; font-style: italic; margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.14); }
.stx-widget .stx-prediction-panel .stx-prediction-panel__extra { margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.14); }

/* src/blocks/hero.css */
/* Match hero (and the event hero, which shares its frame) and the odds table inside a hero. */
.stx-widget .stx-odds-table__head, .stx-widget .stx-odds-table__row { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 8px; align-items: center; }
.stx-widget .stx-odds-table__head { padding: 0 6px 8px; }
.stx-widget .stx-odds-table__head span { font-size: 11px; text-align: center; color: var(--c-sub); }
.stx-widget .stx-odds-table__row { padding: 10px 6px; border-top: .5px solid var(--c-line); }
.stx-widget .stx-odds-table__name { font-size: 13px; font-weight: 700; color: var(--c-text); overflow: hidden; text-overflow: ellipsis; }
.stx-widget .stx-odds-table__cell { text-align: center; font-size: 13px; color: var(--c-cell); padding: 4px 0; border-radius: 6px; }
.stx-widget .stx-odds-table__cell.best { background: var(--c-hl-bg); color: var(--c-hl-text); font-weight: 700; }

/* Match hero */
.stx-widget .stx-hero { background: var(--c-bg); border-radius: 12px; overflow: hidden; color: var(--c-text); }
.stx-widget .stx-hero.stx-layout--comparator { border: 1px solid var(--ab-card-border); }
.stx-widget .stx-hero.stx-layout--original { border: 1px solid var(--ab-card-border); --c-hl-bg: var(--ab-primary-deep); --c-hl-text: #fff; }
.stx-widget .stx-hero .crumbs { padding: 14px 20px; border-bottom: .5px solid rgba(255,255,255,.12); font-size: 12px; color: rgba(255,255,255,.7); }
.stx-widget .stx-hero .pill { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,.08); padding: 4px 10px; border-radius: 20px; font-size: 12px; color: var(--ab-accent); margin-bottom: 14px; text-transform: lowercase; }
.stx-widget .stx-hero .teams { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.stx-widget .stx-hero .team { display: block; flex: 1; text-align: center; min-width: 0; margin: 0; padding: 0; gap: 0; font-family: inherit; } /* the bitbol theme styles a bare .team (flex column, 32px gap and margin-top); reset what we do not set */
.stx-widget .stx-hero .team .name { font-weight: 700; font-size: 15px; margin-top: 8px; }
.stx-widget .stx-hero .team .standing { font-size: 12px; color: var(--c-sub); margin-top: 2px; }
/* A fighter's record (22-4-0) under the name */
.stx-widget .stx-hero .team .record { font-size: 13px; font-weight: 600; margin-top: 2px; color: var(--c-text); opacity: .85; }
.stx-widget .stx-hero .row .rec { display: block; font-size: 11px; font-weight: 400; color: var(--c-sub); text-align: center; }
.stx-widget .stx-hero .centre { text-align: center; min-width: 110px; }
.stx-widget .stx-hero .centre .d, .stx-widget .stx-hero .centre .v { font-size: 11px; color: var(--c-sub); }
.stx-widget .stx-hero .centre .t { font-size: 20px; font-weight: 700; margin: 4px 0; }
.stx-widget .stx-hero .pad { padding: 20px 20px 16px; }
.stx-widget .stx-hero .odds { padding: 4px 20px 20px; }
.stx-widget .stx-hero .legal { padding: 10px 20px; border-top: .5px solid var(--c-line); font-size: 10px; color: var(--c-sub); }
.stx-widget .stx-hero .banner { background: var(--ab-accent); padding: 10px 20px; display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--ab-on-accent); }
.stx-widget .stx-hero .metaline { font-size: 12px; color: var(--c-sub); margin-bottom: 12px; text-transform: lowercase; }
.stx-widget .stx-hero.stx-layout--fan .team .name { font-size: 14px; margin-top: 6px; }
.stx-widget .stx-hero.stx-layout--fan .vs { margin: 0 12px; font-size: 13px; color: var(--c-sub); }
.stx-widget .stx-hero .pcard { margin: 16px 20px 20px; background: var(--ab-primary-deep); border-radius: 10px; padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.stx-widget .stx-hero .plabel { font-size: 11px; color: rgba(255,255,255,.6); margin-bottom: 6px; }
.stx-widget .stx-hero .ppick { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-weight: 700; font-size: 15px; color: #fff; }
.stx-widget .stx-hero .chip { background: #fff; color: var(--ab-accent); font-size: 14px; font-weight: 700; padding: 2px 8px; border-radius: 6px; line-height: 1.4; }
.stx-widget .stx-hero .hint { font-size: 11px; color: rgba(255,255,255,.6); margin-top: 4px; font-weight: 400; }
.stx-widget .stx-hero .stx-cta { padding: 12px 18px; font-weight: 700; }

/* editorial: the second brand colour, the best price a solid accent cell */
.stx-widget .stx-hero.stx-layout--editorial { --c-bg: var(--ab-primary-deep); --c-hl-bg: var(--ab-accent); --c-hl-text: var(--ab-on-accent); }
.stx-widget .stx-hero.stx-layout--editorial .crest-lg { border: 1px solid rgba(255,255,255,.2); }
.stx-widget .stx-hero.stx-layout--editorial .legal { opacity: .8; }

/* fan */
.stx-widget .stx-hero.stx-layout--fan .legal, .stx-widget .stx-hero.stx-layout--comparator .legal { text-align: center; border-top: none; font-size: 11px; padding: 0 20px 16px; }
.stx-widget .stx-hero.stx-layout--fan .legal { color: rgba(255,255,255,.7); }

/* comparator */
.stx-widget .stx-hero.stx-layout--comparator .head { padding: 16px 20px 12px; border-bottom: 1px solid var(--ab-card-border); text-align: center; }
.stx-widget .stx-hero.stx-layout--comparator.no-odds .head { border-bottom: 0; padding-bottom: 18px; }
.stx-widget .stx-hero.stx-layout--comparator .head .meta { font-size: 12px; color: var(--c-sub); margin-bottom: 8px; text-transform: lowercase; }
.stx-widget .stx-hero.stx-layout--comparator .head .row { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; font-weight: 700; font-size: 15px; }
.stx-widget .stx-hero.stx-layout--comparator .head .row .vs { font-size: 13px; color: var(--c-sub); font-weight: 400; }
.stx-widget .stx-hero.stx-layout--comparator .odds { padding: 12px 20px 4px; }
.stx-widget .stx-hero.stx-layout--comparator .legal { padding-top: 8px; }

/* original: the match on the white side, the prediction on the second brand colour, the prices on grey */
.stx-widget .stx-hero.stx-layout--original .split { display: flex; flex-wrap: wrap; }
.stx-widget .stx-hero.stx-layout--original .split > div { flex: 1 1 260px; padding: 22px 20px; }
.stx-widget .stx-hero.stx-layout--original .left .comp { font-size: 12px; color: var(--ab-muted); margin-bottom: 14px; text-transform: lowercase; }
.stx-widget .stx-hero.stx-layout--original .left .team .name { font-size: 13px; color: var(--ab-primary); }
.stx-widget .stx-hero.stx-layout--original .left .centre .d { font-size: 13px; font-weight: 700; color: var(--ab-primary); }
.stx-widget .stx-hero.stx-layout--original .left .centre .t { font-size: 12px; font-weight: 400; color: var(--ab-muted); margin: 2px 0 0; }
.stx-widget .stx-hero.stx-layout--original .right { background: var(--ab-primary-deep); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; }
.stx-widget .stx-hero.stx-layout--original .right .ppick { justify-content: center; font-size: 14px; }
.stx-widget .stx-hero.stx-layout--original .right .stx-cta { width: fit-content; background: var(--ab-cta-bg); color: var(--ab-cta-text); }
.stx-widget .stx-hero.stx-layout--original .oddsbox { background: color-mix(in srgb, var(--ab-text) 4%, var(--ab-surface)); padding: 16px 20px 6px; }
.stx-widget .stx-hero.stx-layout--original .legal { text-align: center; border-top: none; font-size: 11px; padding: 8px 20px 16px; }

/* split: the prediction beside the match */
.stx-widget .stx-hero--split { display: grid; grid-template-columns: 1fr 1fr; border-radius: 16px; box-shadow: 0 0 0 1px rgba(26,39,68,.06); background: var(--ab-surface); color: var(--ab-text); --c-sub: var(--ab-muted); }
.stx-widget .stx-hero--split .left { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 24px 16px; }
.stx-widget .stx-hero--split .comp { color: var(--ab-muted); font-size: 13px; font-weight: 600; text-align: center; }
.stx-widget .stx-hero--split .teams { gap: 12px; justify-content: center; }
.stx-widget .stx-hero--split .team { flex: none; }
.stx-widget .stx-hero--split .team .name { color: var(--ab-primary); font-size: 14px; margin-top: 8px; }
.stx-widget .stx-hero--split .centre { min-width: 0; }
.stx-widget .stx-hero--split .centre .d { white-space: nowrap; font-size: 13px; font-weight: 700; color: var(--ab-primary); }
.stx-widget .stx-hero--split .centre .t { font-size: 13px; font-weight: 400; color: var(--ab-muted); margin: 0; }
.stx-widget .stx-hero--split .centre .v { display: none; }
.stx-widget .stx-hero--split .right { background: var(--ab-primary-deep); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px; gap: 8px; }
.stx-widget .stx-hero--split .plabel { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.6); margin: 0; }
.stx-widget .stx-hero--split .ppick { justify-content: center; }
.stx-widget .stx-hero--split .hint { margin: 0; }
.stx-widget .stx-hero--split .stx-cta { background: var(--ab-accent); color: var(--ab-on-accent); padding: 8px 16px; border-radius: 999px; margin-top: 4px; }
@media (max-width: 520px) { .stx-widget .stx-hero--split { grid-template-columns: 1fr; } }

/* banner: the compliance strip, the event band, the fighters and the prediction bar */
.stx-widget .stx-hero-banner { color: var(--ab-text); --c-text: var(--ab-text); --c-cell: var(--ab-text); --c-sub: var(--ab-muted); --c-line: var(--ab-rule); --c-hl-bg: var(--ab-primary-deep); --c-hl-text: #fff; }
.stx-widget .stx-hero-banner .strip { background: var(--ab-primary-deep); color: rgba(255,255,255,.78); font-size: 11px; text-align: center; padding: 8px 14px; border-radius: 8px; margin-bottom: 12px; }
.stx-widget .stx-hero-banner .card { background: var(--ab-surface); border: 1px solid var(--ab-card-border); border-radius: 16px; overflow: hidden; }
.stx-widget .stx-hero-banner .band { text-align: center; padding: 11px; background: var(--ab-primary); color: #fff; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.stx-widget .stx-hero-banner .fighters { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 20px 18px; gap: 10px; }
.stx-widget .stx-hero-banner .team { display: block; text-align: center; min-width: 0; margin: 0; padding: 0; gap: 0; font-family: inherit; }
.stx-widget .stx-hero-banner .team .stx-crest { margin: 0 auto; }
.stx-widget .stx-hero-banner .team .name { font-weight: 700; font-size: 15px; margin-top: 9px; }
.stx-widget .stx-hero-banner .team .record, .stx-widget .stx-hero-banner .team .standing { font-size: 11.5px; font-weight: 400; color: var(--ab-muted); margin-top: 2px; }
.stx-widget .stx-hero-banner .centre { text-align: center; color: var(--ab-muted); font-size: 12.5px; }
.stx-widget .stx-hero-banner .centre .d { font-weight: 700; color: var(--ab-primary); font-size: 14px; }
.stx-widget .stx-hero-banner .odds { padding: 0 18px 14px; }
.stx-widget .stx-hero-banner .bar { background: var(--ab-primary-deep); color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; gap: 10px; flex-wrap: wrap; }
.stx-widget .stx-hero-banner .plabel { font-size: 11px; text-transform: uppercase; color: rgba(255,255,255,.65); }
.stx-widget .stx-hero-banner .ppick { font-weight: 700; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.stx-widget .stx-hero-banner .chip { background: var(--ab-accent); color: var(--ab-on-accent); border-radius: 7px; padding: 4px 11px; font-weight: 700; }
.stx-widget .stx-hero-banner .hint { font-size: 11px; color: rgba(255,255,255,.6); margin-top: 3px; }
.stx-widget .stx-hero-banner .stx-cta { padding: 10px 18px; font-weight: 800; background: var(--ab-accent); color: var(--ab-on-accent); }
.stx-widget .stx-hero-banner .legal { padding: 8px 4px 0; font-size: 11px; color: var(--ab-note); font-style: italic; }

/* src/blocks/MultiMarketOdds.css */
/* Multi-market odds: a podium per market (editorial), the best price per market (fan),
   a heatmap (comparator); the grid, the three best brands and the best price per market are the common card (.stx-multi-market-card, at the end). */
.stx-widget .stx-multi-market { background: var(--ab-surface); border: .5px solid var(--ab-border); border-radius: 12px; overflow: hidden; }
.stx-widget .stx-multi-market .title { font-size: 13px; font-weight: 600; letter-spacing: .4px; text-transform: lowercase; padding: 14px 20px; }
.stx-widget .stx-multi-market .foot { margin: 0; padding: 12px 20px; font-size: 11px; font-style: italic; color: var(--ab-muted); }
.stx-widget .stx-multi-market .mname { font-size: 13px; font-weight: 600; margin: 0; }
.stx-widget .stx-multi-market .by { font-size: 10px; }
/* The team of a driver, or the favourite of a market, under the row name */
.stx-widget .stx-multi-market .mtag { display: block; font-size: 10px; font-weight: 400; color: var(--ab-muted); line-height: 1.25; overflow: hidden; text-overflow: ellipsis; }

.stx-widget .stx-multi-market.stx-layout--editorial .title { background: var(--ab-primary); color: #fff; }
.stx-widget .stx-multi-market.stx-layout--editorial .body { padding: 16px 20px; }
.stx-widget .stx-multi-market.stx-layout--editorial .market { margin-bottom: 18px; }
.stx-widget .stx-multi-market.stx-layout--editorial .market:last-child { margin-bottom: 0; }
.stx-widget .stx-multi-market.stx-layout--editorial .mname { margin-bottom: 8px; }
.stx-widget .stx-multi-market.stx-layout--editorial .podium { display: flex; gap: 8px; }
.stx-widget .stx-multi-market.stx-layout--editorial .step { flex: 1; min-width: 0; border-radius: 8px; padding: 8px; text-align: center; background: color-mix(in srgb, var(--ab-text) 5%, var(--ab-surface)); display: flex; flex-direction: column; align-items: center; gap: 2px; }
.stx-widget .stx-multi-market.stx-layout--editorial .step b { font-size: 14px; color: var(--ab-text); }
.stx-widget .stx-multi-market.stx-layout--editorial .step .by { color: var(--ab-muted); overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.stx-widget .stx-multi-market.stx-layout--editorial .step .place { font-size: 11px; color: var(--ab-muted); line-height: 14px; }
.stx-widget .stx-multi-market.stx-layout--editorial .step.first { background: var(--ab-accent-soft); }
.stx-widget .stx-multi-market.stx-layout--editorial .step.first svg { color: var(--ab-accent); }
.stx-widget .stx-multi-market.stx-layout--editorial .step.first b, .stx-widget .stx-multi-market.stx-layout--editorial .step.first .by { color: color-mix(in srgb, var(--ab-accent) 55%, #000); }
.stx-widget .stx-multi-market.stx-layout--editorial .foot { border-top: .5px solid var(--ab-border); }

.stx-widget .stx-multi-market.stx-layout--fan { background: var(--ab-primary); border: none; padding: 16px; }
.stx-widget .stx-multi-market.stx-layout--fan .title { color: #fff; padding: 0 0 14px; }
.stx-widget .stx-multi-market.stx-layout--fan .cards { display: flex; flex-direction: column; gap: 8px; }
.stx-widget .stx-multi-market.stx-layout--fan .mm-card { background: #fff; border-radius: 10px; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.stx-widget .stx-multi-market.stx-layout--fan .pill { background: var(--ab-accent); color: var(--ab-on-accent); font-size: 13px; padding: 4px 10px; border-radius: 6px; }
.stx-widget .stx-multi-market.stx-layout--fan .by { color: var(--ab-muted); }
.stx-widget .stx-multi-market.stx-layout--fan .foot { color: rgba(255,255,255,.6); padding: 14px 0 0; }

.stx-widget .stx-multi-market .mm-grid { display: grid; align-items: center; gap: 0; padding: 7px 10px; border-top: .5px solid color-mix(in srgb, var(--ab-text) 8%, var(--ab-surface)); }
.stx-widget .stx-multi-market .mm-grid .mname { font-size: 11px; }
.stx-widget .stx-multi-market .mm-grid .mm-cell { text-align: center; font-size: 11px; border-radius: 5px; padding: 3px 0; color: var(--ab-text); }
.stx-widget .stx-multi-market .mm-grid.head { padding: 8px 10px; border-top: none; }
.stx-widget .stx-multi-market .mm-grid.head span { font-size: 10px; line-height: 1.2; text-align: center; color: var(--ab-muted); overflow-wrap: break-word; }

.stx-widget .stx-multi-market.stx-layout--comparator .title { color: var(--ab-text); border-bottom: .5px solid var(--ab-border); }
.stx-widget .stx-multi-market.stx-layout--comparator .mm-cell { color: color-mix(in srgb, var(--ab-text) 60%, var(--ab-surface)); }
.stx-widget .stx-multi-market.stx-layout--comparator .mm-cell.heat0 { background: color-mix(in srgb, var(--ab-text) 6%, var(--ab-surface)); }
.stx-widget .stx-multi-market.stx-layout--comparator .mm-cell.heat1 { background: color-mix(in srgb, var(--ab-accent) 14%, var(--ab-surface)); color: color-mix(in srgb, var(--ab-accent) 70%, #000); }
.stx-widget .stx-multi-market.stx-layout--comparator .mm-cell.heat2 { background: color-mix(in srgb, var(--ab-accent) 38%, var(--ab-surface)); color: color-mix(in srgb, var(--ab-accent) 45%, #000); }
.stx-widget .stx-multi-market.stx-layout--comparator .mm-cell.heat3 { background: var(--ab-accent); color: var(--ab-on-accent); }
.stx-widget .stx-multi-market.stx-layout--comparator .legend { padding: 10px 20px; font-size: 10px; color: var(--ab-muted); display: flex; align-items: center; gap: 6px; }
.stx-widget .stx-multi-market.stx-layout--comparator .ramp { display: inline-block; width: 60px; height: 6px; border-radius: 3px; background: linear-gradient(90deg, color-mix(in srgb, var(--ab-text) 6%, var(--ab-surface)), var(--ab-accent)); }
.stx-widget .stx-multi-market.stx-layout--comparator .foot { padding-top: 0; }

.stx-widget .stx-multi-market .title .sub { display: block; margin-top: 2px; font-size: 11px; font-weight: 400; letter-spacing: 0; text-transform: none; opacity: .75; }

/* The common card */
.stx-widget .stx-multi-market-card .mname { margin: 0; }
.stx-widget .stx-multi-market-card .mtag { display: block; margin-top: 2px; font-size: 11px; font-weight: 400; color: var(--ab-note); }

.stx-widget .stx-multi-market-card--table .stx-card__cols { padding: 14px 0; }
.stx-widget .stx-multi-market-card--table .stx-card__cols > * { padding: 0 4px; line-height: 1.25; overflow-wrap: anywhere; }
.stx-widget .stx-multi-market-card--table .stx-card__cols > :first-child { padding-left: 24px; }
.stx-widget .stx-multi-market-card--table .mm-row { display: grid; align-items: stretch; }
.stx-widget .stx-multi-market-card--table .mm-row .mname { display: flex; flex-direction: column; justify-content: center; padding: 12px 8px 12px 24px; font-size: 13px; font-weight: 700; line-height: 1.4; color: var(--ab-primary); }
.stx-widget .stx-multi-market-card--table .mm-cell { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 6px; font-size: 14px; color: var(--ab-card-ink); }
.stx-widget .stx-multi-market-card--table .mm-cell .v { display: inline-flex; align-items: center; justify-content: center; gap: 4px; }
.stx-widget .stx-multi-market-card--table .mm-cell.best .v { font-weight: 700; }
.stx-widget .stx-multi-market-card--table .mm-cell.best svg { width: 12px; height: 12px; }
/* the best price of a row: a crown or a tint on a chip, text, a bold fill of the site's soft accent, or a whole-cell fill */
.stx-widget .stx-multi-market-card--table[data-mark="crown"] .best .v, .stx-widget .stx-multi-market-card--table[data-mark="tint"] .best .v { width: 100%; padding: 9px 0; border-radius: 8px; background: var(--ab-best-pink); color: var(--ab-accent-ink); }
.stx-widget .stx-multi-market-card--table[data-mark="text"] .best .v { color: var(--ab-accent-ink); }
.stx-widget .stx-multi-market-card--table[data-mark="bold"] .best { background: var(--ab-accent-soft); }
.stx-widget .stx-multi-market-card--table[data-mark="bold"] .best .v { color: var(--ab-card-ink); }
.stx-widget .stx-multi-market-card--table[data-mark="fill_pink"] .best { background: var(--ab-best-pink); }
.stx-widget .stx-multi-market-card--table[data-mark="fill_pink"] .best .v { color: var(--ab-accent-ink); }
.stx-widget .stx-multi-market-card--table[data-mark="fill_gold"] .best { background: var(--ab-best-gold); }
.stx-widget .stx-multi-market-card--table[data-mark="fill_gold"] .best .v { color: var(--ab-best-gold-ink); }
.stx-widget .stx-multi-market-card--table[data-mark="fill_green"] .best { background: var(--ab-best-green); }
.stx-widget .stx-multi-market-card--table[data-mark="fill_green"] .best .v { color: var(--ab-best-green-ink); }

/* The three best brands per market */
.stx-widget .stx-multi-market-card--top3 .mmx-body { padding: 6px 16px 16px; }
.stx-widget .stx-multi-market-card--top3 section { padding-top: 10px; }
.stx-widget .stx-multi-market-card--top3 .mname { margin: 0 0 8px; font-size: 15px; font-weight: 600; color: var(--ab-card-ink); }
.stx-widget .stx-multi-market-card--top3 .steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.stx-widget .stx-multi-market-card--top3 .step { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 8px; border: 1px solid var(--ab-card-border); border-radius: 10px; text-align: center; min-width: 0; }
.stx-widget .stx-multi-market-card--top3 .step b { font-size: 15px; color: var(--ab-card-ink); }
.stx-widget .stx-multi-market-card--top3 .step .by { font-size: 11px; color: var(--ab-note); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stx-widget .stx-multi-market-card--top3 .step.first { border-color: var(--ab-accent); background: var(--ab-best-cream); }
.stx-widget .stx-multi-market-card--top3 .stx-card__title { text-transform: none; letter-spacing: 0; font-size: 15px; }

/* The best price per market, a white row each on the primary colour */
.stx-widget .stx-multi-market-card--best { background: var(--ab-primary); border-radius: 12px; padding: 14px 18px 12px; color: #fff; }
.stx-widget .stx-multi-market-card--best .mmx-title { font-size: 15px; font-weight: 700; margin-bottom: 12px; }
.stx-widget .stx-multi-market-card--best .mmx-sub { font-size: 12px; margin: -8px 0 12px; color: rgba(255, 255, 255, .7); }
.stx-widget .stx-multi-market-card--best .rows { display: flex; flex-direction: column; gap: 10px; }
.stx-widget .stx-multi-market-card--best .mm-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; background: #fff; border-radius: 10px; color: var(--ab-card-ink); }
.stx-widget .stx-multi-market-card--best .mname { font-size: 15px; font-weight: 400; }
.stx-widget .stx-multi-market-card--best .price { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.stx-widget .stx-multi-market-card--best .pill { padding: 5px 9px; border-radius: 6px; background: var(--ab-accent); color: var(--ab-on-accent); font-size: 14px; }
.stx-widget .stx-multi-market-card--best .by { font-size: 12px; color: var(--ab-note); text-transform: lowercase; }
.stx-widget .stx-multi-market-card--best .foot { margin: 12px 0 0; font-size: 11px; font-style: italic; color: rgba(255, 255, 255, .8); }
.stx-widget .stx-multi-market-card--table .stx-card__sub { color: rgba(255, 255, 255, .78); }
.stx-widget .stx-multi-market-card--table .stx-card__head { padding: 20px 24px; }

/* Phone: multi-market table card stacks even when stored HTML has no stx-table--stack
   (articles published before that marker). Labels come from data-label (SSR) or table-stack.js.
   Selectors match desktop weight (.mm-row .mname / .mm-cell) so these win inside the media query. */
@media (max-width: 766.98px) {
  .stx-widget .stx-multi-market-card--table .stx-card__cols { display: none !important; }
  .stx-widget .stx-multi-market-card--table .mm-row {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 6px 8px;
    padding: 12px 14px;
    margin: 0;
    grid-template-columns: none !important;
  }
  .stx-widget .stx-multi-market-card--table .mm-row > * {
    flex: 1 1 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    gap: 12px;
    min-width: 0;
    text-align: right;
    min-height: 0 !important;
    padding: 0 !important;
  }
  .stx-widget .stx-multi-market-card--table .mm-row .mname {
    flex: 1 1 0;
    flex-direction: row !important;
    justify-content: flex-start !important;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    padding: 0 !important;
  }
  .stx-widget .stx-multi-market-card--table .mm-row .mm-cell[data-label]::before {
    content: attr(data-label);
    flex: 1 1 auto;
    text-align: left;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--ab-note, var(--ab-muted, #6b6b6b));
    background: none;
  }
  .stx-widget .stx-multi-market-card--table .mm-row .mm-cell .v { width: auto; }

  /* Best price: same label/value row as normal cells; pink/colour only on the value pill. */
  .stx-widget .stx-multi-market-card--table .mm-row .mm-cell.best {
    background: none !important;
    justify-content: space-between !important;
  }
  .stx-widget .stx-multi-market-card--table .mm-row .mm-cell.best .v {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 4px 10px !important;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    box-sizing: border-box;
    font-weight: 700;
  }
  .stx-widget .stx-multi-market-card--table .mm-row .mm-cell.best .v svg {
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
  }
  .stx-widget .stx-multi-market-card--table[data-mark="crown"] .mm-row .mm-cell.best .v,
  .stx-widget .stx-multi-market-card--table[data-mark="tint"] .mm-row .mm-cell.best .v,
  .stx-widget .stx-multi-market-card--table[data-mark="fill_pink"] .mm-row .mm-cell.best .v {
    background: var(--ab-best-pink);
    color: var(--ab-accent-ink);
  }
  .stx-widget .stx-multi-market-card--table[data-mark="fill_gold"] .mm-row .mm-cell.best .v {
    background: var(--ab-best-gold);
    color: var(--ab-best-gold-ink);
  }
  .stx-widget .stx-multi-market-card--table[data-mark="fill_green"] .mm-row .mm-cell.best .v {
    background: var(--ab-best-green);
    color: var(--ab-best-green-ink);
  }
  .stx-widget .stx-multi-market-card--table[data-mark="bold"] .mm-row .mm-cell.best .v {
    background: var(--ab-accent-soft);
    color: var(--ab-card-ink);
  }
  .stx-widget .stx-multi-market-card--table[data-mark="text"] .mm-row .mm-cell.best .v {
    background: none;
    padding: 0 !important;
    color: var(--ab-accent-ink);
  }

  .stx-widget .stx-multi-market.stx-layout--comparator .mm-grid.head { display: none !important; }
  .stx-widget .stx-multi-market.stx-layout--comparator .mm-grid {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 6px 8px;
    padding: 12px 14px;
    margin: 0;
    grid-template-columns: none !important;
  }
  .stx-widget .stx-multi-market.stx-layout--comparator .mm-grid > * {
    flex: 1 1 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    gap: 12px;
    min-width: 0;
    text-align: right;
  }
  .stx-widget .stx-multi-market.stx-layout--comparator .mm-grid .mname {
    flex: 1 1 0;
    justify-content: flex-start !important;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
  }
  .stx-widget .stx-multi-market.stx-layout--comparator .mm-grid .mm-cell[data-label]::before {
    content: attr(data-label);
    flex: 1 1 auto;
    text-align: left;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--ab-note, var(--ab-muted, #6b6b6b));
    background: none;
  }
}

/* Desktop data-cols fallback (inline style may be stripped by WordPress safecss). */
.stx-widget .stx-multi-market-card--table .stx-card__cols[data-cols="2"],
.stx-widget .stx-multi-market-card--table .mm-row[data-cols="2"] {
  grid-template-columns: 1.15fr repeat(1, minmax(0, 1fr));
}
.stx-widget .stx-multi-market-card--table .stx-card__cols[data-cols="3"],
.stx-widget .stx-multi-market-card--table .mm-row[data-cols="3"] {
  grid-template-columns: 1.15fr repeat(2, minmax(0, 1fr));
}
.stx-widget .stx-multi-market-card--table .stx-card__cols[data-cols="4"],
.stx-widget .stx-multi-market-card--table .mm-row[data-cols="4"] {
  grid-template-columns: 1.15fr repeat(3, minmax(0, 1fr));
}
.stx-widget .stx-multi-market-card--table .stx-card__cols[data-cols="5"],
.stx-widget .stx-multi-market-card--table .mm-row[data-cols="5"] {
  grid-template-columns: 1.15fr repeat(4, minmax(0, 1fr));
}
.stx-widget .stx-multi-market-card--table .stx-card__cols[data-cols="6"],
.stx-widget .stx-multi-market-card--table .mm-row[data-cols="6"] {
  grid-template-columns: 1.15fr repeat(5, minmax(0, 1fr));
}
.stx-widget .stx-multi-market-card--table .stx-card__cols[data-cols="7"],
.stx-widget .stx-multi-market-card--table .mm-row[data-cols="7"] {
  grid-template-columns: 1.15fr repeat(6, minmax(0, 1fr));
}
.stx-widget .stx-multi-market-card--table .stx-card__cols[data-cols="8"],
.stx-widget .stx-multi-market-card--table .mm-row[data-cols="8"] {
  grid-template-columns: 1.15fr repeat(7, minmax(0, 1fr));
}
.stx-widget .stx-multi-market-card--table .stx-card__cols[data-cols="9"],
.stx-widget .stx-multi-market-card--table .mm-row[data-cols="9"] {
  grid-template-columns: 1.15fr repeat(8, minmax(0, 1fr));
}
.stx-widget .stx-multi-market-card--table .stx-card__cols[data-cols="10"],
.stx-widget .stx-multi-market-card--table .mm-row[data-cols="10"] {
  grid-template-columns: 1.15fr repeat(9, minmax(0, 1fr));
}
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid.head[data-cols="2"],
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid[data-cols="2"] {
  grid-template-columns: 1fr repeat(1, 1fr);
}
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid.head[data-cols="3"],
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid[data-cols="3"] {
  grid-template-columns: 1fr repeat(2, 1fr);
}
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid.head[data-cols="4"],
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid[data-cols="4"] {
  grid-template-columns: 1fr repeat(3, 1fr);
}
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid.head[data-cols="5"],
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid[data-cols="5"] {
  grid-template-columns: 1fr repeat(4, 1fr);
}
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid.head[data-cols="6"],
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid[data-cols="6"] {
  grid-template-columns: 1fr repeat(5, 1fr);
}
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid.head[data-cols="7"],
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid[data-cols="7"] {
  grid-template-columns: 1fr repeat(6, 1fr);
}
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid.head[data-cols="8"],
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid[data-cols="8"] {
  grid-template-columns: 1fr repeat(7, 1fr);
}
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid.head[data-cols="9"],
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid[data-cols="9"] {
  grid-template-columns: 1fr repeat(8, 1fr);
}
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid.head[data-cols="10"],
.stx-widget .stx-multi-market.stx-layout--comparator .mm-grid[data-cols="10"] {
  grid-template-columns: 1fr repeat(9, 1fr);
}

/* src/blocks/article.css */
/* Article blocks. Everything is scoped to .stx-article and reads only the theme tokens
   (--ab-*), set on the root by themeStyle(). A block sets its layout with .stx-layout--<layout>
   and a few local variables (--c-*), so one rule set serves the four layouts. */

.stx-widget .stx-article {
  --ab-ink: color-mix(in srgb, var(--ab-accent) 78%, #000);
  --ab-hl-dark: color-mix(in srgb, var(--ab-accent) 15%, transparent);
  --ab-page: color-mix(in srgb, var(--ab-text) 6%, var(--ab-surface));
  /* Fixed values of the card look: they do not change with the site's colours. */
  --ab-card-border: #e6e8ee;
  --ab-card-shadow: 0 1px 3px rgba(20, 30, 60, .08);
  --ab-card-ink: #2b333f;
  --ab-head-grey: #f4f5f8;
  --ab-rule: #f0f1f4;
  --ab-note: #9095a3;
  --ab-card-sub: #5f6472;
  --ab-cream: #fff3d6;
  --ab-loss: #b8bcc6;
  --ab-ot: #d9a441;
  --ab-best-pink: #fbe0e2;
  --ab-best-cream: #fff8ee;
  --ab-best-blue: #e6effb;
  --ab-best-green: #e9f5ee;
  --ab-best-green-ink: #1a7f43;
  --ab-best-gold: #fbf1c9;
  --ab-best-gold-ink: #8a6d0a;
  font-family: var(--ab-font);
  color: var(--ab-text);
  background: var(--ab-page);
  padding: 20px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.45;
}
.stx-widget .stx-article *, .stx-widget .stx-article *::before, .stx-widget .stx-article *::after { box-sizing: border-box; }
.stx-widget .stx-article p { margin: 0; }
.stx-widget .stx-article .stx-article__title { font-size: 24px; line-height: 1.2; margin: 0 0 16px; font-weight: 700; }
.stx-widget .stx-article .stx-sample-tag { display: inline-block; background: #fff3cd; color: #7a5b00; border: 1px solid #f0d98a; border-radius: 10px; font-size: 11px; font-weight: 600; padding: 1px 8px; }

.stx-widget .stx-block { margin: 0 0 18px; position: relative; max-width: 100%; }
.stx-widget .stx-block__status { display: flex; gap: 6px; align-items: baseline; font-size: 11px; margin: 0 0 4px; color: #7a5b00; }
.stx-widget .stx-block__status b { text-transform: uppercase; letter-spacing: .04em; font-size: 10px; border-radius: 8px; padding: 1px 7px; background: #fff3cd; border: 1px solid #f0d98a; }
.stx-widget .stx-block__status.skipped b { background: #eee; border-color: #ccc; color: #555; }
.stx-widget .stx-block__status.pending b { background: #e7efff; border-color: #bcd0f7; color: #234a99; }
.stx-widget .stx-block__status.skipped, .stx-widget .stx-block__status.pending { color: #555; }
.stx-widget .stx-block__skipped { border: 1px dashed #bbb; border-radius: 10px; padding: 10px 14px; font-size: 12px; color: #666; background: color-mix(in srgb, #fff 60%, transparent); }
.stx-widget .stx-block__notbuilt { border: 1px dashed #aaa; border-radius: 10px; padding: 12px 14px; font-size: 12px; color: #666; }

/* The compliance footer every article ends with: the age notice and the market's disclaimers. */
.stx-widget .stx-compliance { display: flex; align-items: center; gap: 12px; max-width: 100%; margin: 22px 0 0; padding: 12px 0 0; border-top: 1px solid var(--ab-border); font-size: 12px; color: var(--ab-muted); }
.stx-widget .stx-compliance__age { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 2px solid currentColor; border-radius: 50%; font-size: 11px; font-weight: 700; }
.stx-widget .stx-compliance p + p { margin-top: 2px; }

/* Shared pieces */
.stx-widget .stx-crest { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; overflow: hidden; flex: none; }
.stx-widget .stx-crest img { width: 100%; height: 100%; object-fit: contain; }
/* A bookmaker's logo before its name (BrandMark); sized by the text it sits in. */
.stx-widget .stx-brand { display: inline-flex; align-items: center; gap: .4em; min-width: 0; max-width: 100%; vertical-align: middle; }
.stx-widget .stx-brand__logo { width: 1.4em; height: 1.4em; object-fit: contain; border-radius: 3px; flex: none; }
.stx-widget .stx-brand__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.stx-widget .stx-cta { display: inline-flex; align-items: center; gap: 6px; border-radius: 24px; padding: 12px 18px; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; background: var(--ab-cta-bg); color: var(--ab-cta-text); }

/* Layout palettes: local variables of a block wrapper */
.stx-widget .stx-layout--editorial { --c-bg: var(--ab-primary); --c-text: #fff; --c-cell: rgba(255,255,255,.85); --c-sub: rgba(255,255,255,.5); --c-line: rgba(255,255,255,.1); --c-hl-bg: var(--ab-hl-dark); --c-hl-text: var(--ab-accent); }
.stx-widget .stx-layout--fan { --c-bg: var(--ab-primary); --c-text: #fff; --c-cell: rgba(255,255,255,.9); --c-sub: rgba(255,255,255,.55); --c-line: rgba(255,255,255,.15); --c-hl-bg: #fff; --c-hl-text: var(--ab-primary); }
.stx-widget .stx-layout--comparator { --c-bg: var(--ab-surface); --c-text: var(--ab-text); --c-cell: var(--ab-text); --c-sub: var(--ab-muted); --c-line: color-mix(in srgb, var(--ab-border) 60%, transparent); --c-hl-bg: var(--ab-accent-soft); --c-hl-text: var(--ab-positive); }
.stx-widget .stx-layout--original { --c-bg: var(--ab-surface); --c-text: var(--ab-text); --c-cell: var(--ab-text); --c-sub: var(--ab-muted); --c-line: var(--ab-border); --c-hl-bg: var(--ab-primary); --c-hl-text: #fff; }

/* Author box */
.stx-widget .stx-author-box { display: flex; gap: 14px; align-items: center; background: var(--ab-surface); border: .5px solid var(--ab-border); border-radius: 12px; padding: 16px 18px; }
.stx-widget .stx-author-box .av { width: 56px; height: 56px; border-radius: 50%; background: var(--ab-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; overflow: hidden; flex: none; }
.stx-widget .stx-author-box .av img { width: 100%; height: 100%; object-fit: cover; }
.stx-widget .stx-author-box .t { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--ab-muted); }
.stx-widget .stx-author-box .n { font-weight: 700; }
.stx-widget .stx-author-box .b { font-size: 13px; color: #555; margin-top: 2px; }

/* Editors that pass onSelectBlock: a block can be picked, the picked one is outlined. */
.stx-widget .stx-block[data-block-id] { cursor: pointer; border-radius: 10px; outline: 2px solid transparent; outline-offset: 4px; transition: outline-color .12s; }
.stx-widget .stx-block[data-block-id]:hover { outline-color: color-mix(in srgb, var(--ab-primary, #0693e3) 35%, transparent); }
.stx-widget .stx-block[data-selected] { outline-color: var(--ab-primary, #0693e3); }
.stx-widget .stx-block[data-block-id]:focus-visible { outline-color: var(--ab-primary, #0693e3); }


/* A subtitle printed above a block whose card header does not draw it yet */
.stx-widget .stx-article__subtitle { font-size: 12px; color: var(--ab-muted); margin: 0 0 4px; }

/* src/blocks/wordpress.css */
/* The WordPress copy (ssr.tsx only): each block is drawn alone in the post, inside `.stx-widget > .stx-article`, so the
   article root keeps its tokens and type but not the preview's page padding and background. */
.stx-widget .stx-article { padding: 0; background: transparent; border-radius: 0; }
.stx-widget .stx-block { margin-left: auto; margin-right: auto; }

/* The match has started but the Studio has not drawn the widget closed yet: the plugin adds `.stx-odds-closed` to the wrapper and the
   prices of the odds blocks are hidden until the closing payload arrives (best effort: the Studio's closed drawing replaces it).
   Each rule is scoped to the block that prints the price (the wrapper is on every widget of the match, and `.chip`, `.v` or `.pill`
   mean something else in the form, injury and lineup blocks). The implied probability of the odds overview goes with the price (100 / price).
   test/server/odds-closed-css.test.ts renders every price block and checks that each element printing a price is under this list. */
.stx-widget.stx-odds-closed [data-block="odds_comparison"] .o,
.stx-widget.stx-odds-closed [data-block="odds_comparison"] .odd,
.stx-widget.stx-odds-closed [data-block="odds_overview"] .odds,
.stx-widget.stx-odds-closed [data-block="odds_overview"] .val,
.stx-widget.stx-odds-closed [data-block="odds_overview"] .src span,
.stx-widget.stx-odds-closed [data-block="odds_overview"] .ov-chip,
.stx-widget.stx-odds-closed [data-block="odds_overview"] .pc,
.stx-widget.stx-odds-closed [data-block="odds_overview"] .bar,
.stx-widget.stx-odds-closed [data-block="odds_overview"] .ring svg,
.stx-widget.stx-odds-closed [data-block="multi_market_odds"] .mm-cell,
.stx-widget.stx-odds-closed [data-block="multi_market_odds"] .step b,
.stx-widget.stx-odds-closed [data-block="multi_market_odds"] .pill,
.stx-widget.stx-odds-closed [data-block="outright_odds"] .mm-cell,
.stx-widget.stx-odds-closed [data-block="outright_odds"] .step b,
.stx-widget.stx-odds-closed [data-block="outright_odds"] .pill,
.stx-widget.stx-odds-closed [data-block="recommended_bets"] .c,
.stx-widget.stx-odds-closed [data-block="recommended_bets"] .tile b,
.stx-widget.stx-odds-closed [data-block="main_prediction"] .odd,
.stx-widget.stx-odds-closed [data-block="main_prediction"] .bar b,
.stx-widget.stx-odds-closed [data-block="match_hero"] .stx-odds-table__cell,
.stx-widget.stx-odds-closed [data-block="match_hero"] .chip,
.stx-widget.stx-odds-closed [data-block="match_hero"] .odd,
.stx-widget.stx-odds-closed [data-block="match_hero"] .px b,
.stx-widget.stx-odds-closed [data-block="event_hero"] .stx-odds-table__cell,
.stx-widget.stx-odds-closed [data-block="event_hero"] .chip,
.stx-widget.stx-odds-closed [data-block="event_hero"] .odd,
.stx-widget.stx-odds-closed [data-block="event_hero"] .px b { visibility: hidden; }
/* Generated by scripts/gen-wp-css.ts from the CSS of the recommended_bets block. Do not edit: change src/blocks and run npm run gen:wp-css. */
/* src/blocks/recommended-bets.css */
/* Recommended bets. */
/* Recommended bets */
.stx-widget .stx-recommended-bets { background: var(--ab-surface); border: .5px solid var(--ab-border); border-radius: 12px; overflow: hidden; }
.stx-widget .stx-recommended-bets .title { font-size: 13px; font-weight: 600; letter-spacing: .4px; text-transform: lowercase; padding: 12px 20px; }
.stx-widget .stx-recommended-bets .grid { display: grid; gap: 8px; align-items: center; padding: 12px 20px; border-top: .5px solid #eee; }
.stx-widget .stx-recommended-bets .grid.head { background: color-mix(in srgb, var(--ab-text) 5%, var(--ab-surface)); border-top: none; padding: 10px 20px; }
.stx-widget .stx-recommended-bets .grid.head span { font-size: 11px; color: var(--ab-muted); text-align: center; text-transform: lowercase; overflow: hidden; text-overflow: ellipsis; }
.stx-widget .stx-recommended-bets .lbl { font-size: 13px; font-weight: 600; color: var(--ab-primary); }
.stx-widget .stx-recommended-bets .c { text-align: center; font-size: 13px; color: #333; padding: 3px 0; border-radius: 6px; }
.stx-widget .stx-recommended-bets .c.best { background: var(--c-hl-bg); color: var(--c-hl-text); font-weight: 600; }
.stx-widget .stx-recommended-bets .foot { padding: 10px 20px 14px; font-size: 11px; font-style: italic; color: var(--ab-muted); }
.stx-widget .stx-recommended-bets.stx-layout--editorial .title { background: var(--ab-primary); color: #fff; }
.stx-widget .stx-recommended-bets.stx-layout--original .title { background: var(--ab-primary); color: #fff; border-top: 3px solid var(--ab-accent); }
.stx-widget .stx-recommended-bets.stx-layout--editorial { --c-hl-bg: var(--ab-accent-soft); --c-hl-text: color-mix(in srgb, var(--ab-accent) 55%, #000); }
.stx-widget .stx-recommended-bets.stx-layout--original { --c-hl-bg: var(--ab-accent-soft); --c-hl-text: var(--ab-ink); }
.stx-widget .stx-recommended-bets.stx-layout--comparator { --c-hl-bg: var(--ab-accent-soft); --c-hl-text: var(--ab-positive); }
.stx-widget .stx-recommended-bets.stx-layout--comparator .title { text-align: center; color: var(--ab-positive); border-bottom: .5px solid var(--ab-border); }
.stx-widget .stx-recommended-bets.stx-layout--fan { background: var(--ab-primary); border: none; padding: 16px; }
.stx-widget .stx-recommended-bets.stx-layout--fan .title { color: #fff; padding: 0 0 12px; }
.stx-widget .stx-recommended-bets.stx-layout--fan .bet { background: #fff; border-radius: 10px; padding: 12px 14px; margin-bottom: 8px; }
.stx-widget .stx-recommended-bets.stx-layout--fan .bet .lbl { margin-bottom: 8px; color: var(--ab-text); }
.stx-widget .stx-recommended-bets .tiles { display: flex; gap: 8px; }
.stx-widget .stx-recommended-bets .tile { flex: 1; border-radius: 6px; padding: 6px; font-size: 12px; text-align: center; background: color-mix(in srgb, var(--ab-text) 5%, var(--ab-surface)); color: #555; text-transform: lowercase; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.stx-widget .stx-recommended-bets .tile b { display: block; color: var(--ab-text); font-size: 13px; }
.stx-widget .stx-recommended-bets .tile.best { background: var(--ab-accent); color: color-mix(in srgb, var(--ab-on-accent) 85%, transparent); }
.stx-widget .stx-recommended-bets .tile.best b { color: #fff; }
.stx-widget .stx-recommended-bets.stx-layout--fan .foot { color: rgba(255,255,255,.6); padding: 6px 2px 0; }
.stx-widget .stx-recommended-bets .pendingnote { padding: 8px 20px 0; font-size: 11px; color: #7a5b00; }
.stx-widget .stx-recommended-bets.stx-layout--fan .pendingnote { color: #ffe9a8; padding: 0 0 10px; }


/* The common card: bets and bookmakers on a grid, the best price of each bet marked */
.stx-widget .stx-recommended-bets-card .stx-card__cols { padding: 12px 0; }
.stx-widget .stx-recommended-bets-card .stx-card__cols > * { padding: 0 6px; line-height: 1.25; overflow-wrap: anywhere; }
.stx-widget .stx-recommended-bets-card .stx-card__cols > :first-child { padding-left: 24px; }
.stx-widget .stx-recommended-bets-card .rec-row { display: grid; align-items: stretch; }
.stx-widget .stx-recommended-bets-card .rec-row .lbl { display: flex; align-items: center; padding: 14px 8px 14px 24px; font-size: 14px; font-weight: 700; color: var(--ab-primary); }
.stx-widget .stx-recommended-bets-card .rec-row .c { display: flex; align-items: center; justify-content: center; padding: 8px 10px; min-height: 52px; font-size: 14px; color: var(--ab-card-ink); }
.stx-widget .stx-recommended-bets-card .rec-row .c .v { display: inline-block; text-align: center; }
.stx-widget .stx-recommended-bets-card .pendingnote { padding: 10px 24px; font-size: 11px; color: #7a5b00; background: #fff8e1; }
.stx-widget .stx-recommended-bets-card[data-mark="tint"] .c.best .v { width: 100%; padding: 9px 0; border-radius: 8px; background: var(--ab-best-pink); color: var(--ab-accent); font-weight: 700; }
.stx-widget .stx-recommended-bets-card[data-mark="bold"] .c.best { background: var(--ab-accent-soft); }
.stx-widget .stx-recommended-bets-card[data-mark="bold"] .c.best .v { font-weight: 700; }
.stx-widget .stx-recommended-bets-card[data-mark="pill"] .c.best { background: var(--ab-best-green); }
.stx-widget .stx-recommended-bets-card[data-mark="pill"] .c.best .v { padding: 4px 14px; border: 1px solid #b9dcc6; border-radius: 999px; background: var(--ab-best-green); color: var(--ab-best-green-ink); font-weight: 700; }
.stx-widget .stx-recommended-bets-card[data-mark="pill_primary"] .c.best { background: var(--ab-best-blue); }
.stx-widget .stx-recommended-bets-card[data-mark="pill_primary"] .c.best .v { padding: 4px 14px; border: 1px solid color-mix(in srgb, var(--ab-primary) 30%, #fff); border-radius: 999px; background: var(--ab-best-blue); color: var(--ab-primary); font-weight: 700; }

/* Phone: recommended-bets card stacks even when stored HTML has no stx-table--stack.
   Labels come from data-label (SSR) or table-stack.js. Non-card .grid layouts use stx-table--stack.
   Selectors match desktop weight (.rec-row .lbl / .c) so these win inside the media query. */
@media (max-width: 766.98px) {
  .stx-widget .stx-recommended-bets-card .stx-card__cols { display: none !important; }
  .stx-widget .stx-recommended-bets-card .rec-row {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 6px 8px;
    padding: 12px 14px;
    margin: 0;
    grid-template-columns: none !important;
  }
  .stx-widget .stx-recommended-bets-card .rec-row > * {
    flex: 1 1 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    gap: 12px;
    min-width: 0;
    text-align: right;
    min-height: 0 !important;
    padding: 0 !important;
  }
  .stx-widget .stx-recommended-bets-card .rec-row .lbl {
    flex: 1 1 0;
    justify-content: flex-start !important;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    padding: 0 !important;
  }
  .stx-widget .stx-recommended-bets-card .rec-row .c[data-label]::before {
    content: attr(data-label);
    flex: 1 1 auto;
    text-align: left;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--ab-note, var(--ab-muted, #6b6b6b));
    background: none;
  }
  .stx-widget .stx-recommended-bets-card .rec-row .c .v { width: auto; }

  /* Best price: label left, compact pill on the value only. */
  .stx-widget .stx-recommended-bets-card .rec-row .c.best {
    background: none !important;
    justify-content: space-between !important;
  }
  .stx-widget .stx-recommended-bets-card .rec-row .c.best .v {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 4px 10px !important;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-weight: 700;
  }
  .stx-widget .stx-recommended-bets-card[data-mark="tint"] .rec-row .c.best .v {
    background: var(--ab-best-pink);
    color: var(--ab-accent);
  }
  .stx-widget .stx-recommended-bets-card[data-mark="bold"] .rec-row .c.best .v {
    background: var(--ab-accent-soft);
    color: var(--ab-card-ink);
  }
  .stx-widget .stx-recommended-bets-card[data-mark="pill"] .rec-row .c.best .v {
    padding: 4px 14px !important;
    border: 1px solid #b9dcc6;
    border-radius: 999px;
    background: var(--ab-best-green);
    color: var(--ab-best-green-ink);
  }
  .stx-widget .stx-recommended-bets-card[data-mark="pill_primary"] .rec-row .c.best .v {
    padding: 4px 14px !important;
    border: 1px solid color-mix(in srgb, var(--ab-primary) 30%, #fff);
    border-radius: 999px;
    background: var(--ab-best-blue);
    color: var(--ab-primary);
  }
  /* Non-card grids marked stx-table--stack: .c.best is bare text unless enricher wraps it. */
  .stx-widget .stx-recommended-bets.stx-table--stack .stx-table__row > .c.best {
    background: none !important;
  }
  .stx-widget .stx-recommended-bets.stx-table--stack .stx-table__row > .c.best > .stx-table__val {
    flex: 0 0 auto;
    width: auto !important;
    padding: 4px 10px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--c-hl-bg, var(--ab-accent-soft));
    color: var(--c-hl-text, var(--ab-accent));
    font-weight: 700;
  }
}

/* Desktop data-cols fallback (inline style may be stripped by WordPress safecss). */
.stx-widget .stx-recommended-bets-card .stx-card__cols[data-cols="2"],
.stx-widget .stx-recommended-bets-card .rec-row[data-cols="2"] {
  grid-template-columns: 1.6fr repeat(1, minmax(0, 1fr));
}
.stx-widget .stx-recommended-bets-card .stx-card__cols[data-cols="3"],
.stx-widget .stx-recommended-bets-card .rec-row[data-cols="3"] {
  grid-template-columns: 1.6fr repeat(2, minmax(0, 1fr));
}
.stx-widget .stx-recommended-bets-card .stx-card__cols[data-cols="4"],
.stx-widget .stx-recommended-bets-card .rec-row[data-cols="4"] {
  grid-template-columns: 1.6fr repeat(3, minmax(0, 1fr));
}
.stx-widget .stx-recommended-bets-card .stx-card__cols[data-cols="5"],
.stx-widget .stx-recommended-bets-card .rec-row[data-cols="5"] {
  grid-template-columns: 1.6fr repeat(4, minmax(0, 1fr));
}
.stx-widget .stx-recommended-bets-card .stx-card__cols[data-cols="6"],
.stx-widget .stx-recommended-bets-card .rec-row[data-cols="6"] {
  grid-template-columns: 1.6fr repeat(5, minmax(0, 1fr));
}
.stx-widget .stx-recommended-bets-card .stx-card__cols[data-cols="7"],
.stx-widget .stx-recommended-bets-card .rec-row[data-cols="7"] {
  grid-template-columns: 1.6fr repeat(6, minmax(0, 1fr));
}
.stx-widget .stx-recommended-bets-card .stx-card__cols[data-cols="8"],
.stx-widget .stx-recommended-bets-card .rec-row[data-cols="8"] {
  grid-template-columns: 1.6fr repeat(7, minmax(0, 1fr));
}
.stx-widget .stx-recommended-bets-card .stx-card__cols[data-cols="9"],
.stx-widget .stx-recommended-bets-card .rec-row[data-cols="9"] {
  grid-template-columns: 1.6fr repeat(8, minmax(0, 1fr));
}
.stx-widget .stx-recommended-bets-card .stx-card__cols[data-cols="10"],
.stx-widget .stx-recommended-bets-card .rec-row[data-cols="10"] {
  grid-template-columns: 1.6fr repeat(9, minmax(0, 1fr));
}
.stx-widget .stx-recommended-bets .grid.head[data-cols="2"],
.stx-widget .stx-recommended-bets .grid[data-cols="2"] {
  grid-template-columns: 1.6fr repeat(1, 1fr);
}
.stx-widget .stx-recommended-bets .grid.head[data-cols="3"],
.stx-widget .stx-recommended-bets .grid[data-cols="3"] {
  grid-template-columns: 1.6fr repeat(2, 1fr);
}
.stx-widget .stx-recommended-bets .grid.head[data-cols="4"],
.stx-widget .stx-recommended-bets .grid[data-cols="4"] {
  grid-template-columns: 1.6fr repeat(3, 1fr);
}
.stx-widget .stx-recommended-bets .grid.head[data-cols="5"],
.stx-widget .stx-recommended-bets .grid[data-cols="5"] {
  grid-template-columns: 1.6fr repeat(4, 1fr);
}
.stx-widget .stx-recommended-bets .grid.head[data-cols="6"],
.stx-widget .stx-recommended-bets .grid[data-cols="6"] {
  grid-template-columns: 1.6fr repeat(5, 1fr);
}
.stx-widget .stx-recommended-bets .grid.head[data-cols="7"],
.stx-widget .stx-recommended-bets .grid[data-cols="7"] {
  grid-template-columns: 1.6fr repeat(6, 1fr);
}
.stx-widget .stx-recommended-bets .grid.head[data-cols="8"],
.stx-widget .stx-recommended-bets .grid[data-cols="8"] {
  grid-template-columns: 1.6fr repeat(7, 1fr);
}
.stx-widget .stx-recommended-bets .grid.head[data-cols="9"],
.stx-widget .stx-recommended-bets .grid[data-cols="9"] {
  grid-template-columns: 1.6fr repeat(8, 1fr);
}
.stx-widget .stx-recommended-bets .grid.head[data-cols="10"],
.stx-widget .stx-recommended-bets .grid[data-cols="10"] {
  grid-template-columns: 1.6fr repeat(9, 1fr);
}
/* Generated by scripts/gen-wp-css.ts from the CSS of the form_season block. Do not edit: change src/blocks and run npm run gen:wp-css. */
/* src/blocks/FormSeason.css */
/* Form and season stats. The layout palettes (--c-*) come from article.css. */

.stx-widget .stx-form-season { border-radius: 12px; overflow: hidden; font-size: 13px; }
.stx-widget .stx-form-season .btitle { font-size: 13px; font-weight: 600; letter-spacing: .4px; text-transform: lowercase; margin: 0 0 12px; }
.stx-widget .stx-form-season .foot { padding-top: 10px; font-size: 11px; font-style: italic; color: var(--c-sub); }
.stx-widget .stx-form-season .chips { display: flex; justify-content: center; gap: 5px; }
.stx-widget .stx-form-season .chip { width: 22px; height: 22px; border-radius: 6px; font-size: 11px; font-weight: 600; display: flex; align-items: center; justify-content: center; flex: none; }

/* Games listed under the block */
.stx-widget .stx-form-season .games { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 14px; font-size: 11px; }
.stx-widget .stx-form-season .games > div { flex: 1 1 200px; min-width: 0; }
.stx-widget .stx-form-season .g-team { font-weight: 600; margin-bottom: 6px; color: var(--c-text); }
.stx-widget .stx-form-season .games ul { list-style: none; margin: 0; padding: 0; }
.stx-widget .stx-form-season .games li { display: flex; align-items: center; gap: 6px; padding: 4px 0; border-top: .5px solid var(--c-line); color: var(--c-text); }
.stx-widget .stx-form-season .games .chip { width: 16px; height: 16px; border-radius: 4px; font-size: 9px; }
.stx-widget .stx-form-season .g-date { color: var(--c-sub); white-space: nowrap; }
.stx-widget .stx-form-season .g-opp { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stx-widget .stx-form-season .g-score { font-weight: 600; }
.stx-widget .stx-form-season .g-round { font-size: 9px; font-weight: 600; text-transform: lowercase; letter-spacing: .3px; color: var(--c-sub); white-space: nowrap; }
.stx-widget .stx-form-season .g-method { font-weight: 600; white-space: nowrap; }
.stx-widget .stx-form-season .g-detail { font-size: 10px; color: var(--c-sub); white-space: nowrap; }

/* Editorial and original: a column per team */
.stx-widget .stx-form-season.stx-layout--editorial, .stx-widget .stx-form-season.stx-layout--original { background: var(--c-bg); color: var(--c-text); padding: 20px; }
.stx-widget .stx-form-season.stx-layout--editorial { border: .5px solid var(--ab-border); }
.stx-widget .stx-form-season.stx-layout--original { border: .5px solid var(--ab-border); border-top: 3px solid var(--ab-accent); }
.stx-widget .stx-form-season .cols { display: flex; gap: 16px; }
.stx-widget .stx-form-season .col { flex: 1; min-width: 0; }
.stx-widget .stx-form-season .vsep { width: 1px; background: var(--c-line); flex: none; }
.stx-widget .stx-form-season .tname { font-size: 14px; font-weight: 600; text-align: center; margin: 0 0 2px; }
.stx-widget .stx-form-season.stx-layout--original .tname { color: var(--ab-primary); }
.stx-widget .stx-form-season .sub { font-size: 10px; text-align: center; letter-spacing: .4px; color: var(--c-sub); margin: 0 0 10px; }
.stx-widget .stx-form-season .col .chips { margin-bottom: 14px; }
.stx-widget .stx-form-season .orow { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: var(--c-sub); }
.stx-widget .stx-form-season .orow b { font-weight: 600; color: var(--c-text); white-space: nowrap; }
.stx-widget .stx-form-season.stx-layout--editorial .orow { padding: 6px 0; border-top: .5px solid var(--c-line); }
.stx-widget .stx-form-season.stx-layout--original .orow { padding: 8px 10px; margin-bottom: 6px; border-radius: 6px; background: color-mix(in srgb, var(--ab-text) 4%, var(--ab-surface)); }
.stx-widget .stx-form-season.stx-layout--original .orow b { color: var(--ab-primary); }
.stx-widget .stx-form-season .tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.stx-widget .stx-form-season .tile { border-radius: 8px; padding: 8px; text-align: center; min-width: 0; }
.stx-widget .stx-form-season .tile b { display: block; font-size: 16px; font-weight: 600; }
.stx-widget .stx-form-season .tile span { display: block; font-size: 9px; margin-top: 2px; color: var(--c-sub); }
.stx-widget .stx-form-season.stx-layout--editorial .tile { background: rgba(255,255,255,.06); }
.stx-widget .stx-form-season.stx-layout--editorial .tile b { color: var(--ab-accent); }
.stx-widget .stx-form-season.stx-layout--original .tile { background: color-mix(in srgb, var(--ab-text) 4%, var(--ab-surface)); }
.stx-widget .stx-form-season.stx-layout--original .tile b { color: var(--ab-primary); }
.stx-widget .stx-form-season.stx-layout--editorial .chip.W { background: var(--ab-accent); color: var(--ab-primary); }
.stx-widget .stx-form-season.stx-layout--editorial .chip.D { background: rgba(255,255,255,.15); color: #fff; }
.stx-widget .stx-form-season.stx-layout--editorial .chip.L { background: color-mix(in srgb, var(--ab-negative) 70%, #000); color: #fff; }
.stx-widget .stx-form-season.stx-layout--original .chip.W { background: var(--ab-primary); color: #fff; }
.stx-widget .stx-form-season.stx-layout--original .chip.D { background: var(--ab-muted); color: #fff; }
.stx-widget .stx-form-season.stx-layout--original .chip.L { background: var(--ab-accent); color: var(--ab-on-accent); }

/* Fan: one card, split bars */
.stx-widget .stx-form-season.stx-layout--fan { background: var(--ab-primary); padding: 18px; color: #fff; }
.stx-widget .stx-form-season.stx-layout--fan .btitle { color: #fff; }
.stx-widget .stx-form-season.stx-layout--fan .names { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 14px; font-size: 14px; font-weight: 600; }
.stx-widget .stx-form-season.stx-layout--fan .chiprow { display: flex; justify-content: space-between; margin-bottom: 14px; }
.stx-widget .stx-form-season.stx-layout--fan .chip { width: 18px; height: 18px; border-radius: 4px; font-size: 9px; }
.stx-widget .stx-form-season.stx-layout--fan .chiprow .chips { gap: 4px; }
.stx-widget .stx-form-season.stx-layout--fan .chip.W { background: var(--ab-accent); color: var(--ab-on-accent); }
.stx-widget .stx-form-season.stx-layout--fan .chip.D { background: rgba(255,255,255,.3); color: #fff; }
.stx-widget .stx-form-season.stx-layout--fan .chip.L { background: color-mix(in srgb, var(--ab-primary) 55%, #000); color: #fff; }
.stx-widget .stx-form-season.stx-layout--fan .panel { background: var(--ab-surface); color: var(--ab-text); border-radius: 10px; padding: 14px; }
.stx-widget .stx-form-season.stx-layout--fan .srow + .srow { margin-top: 12px; }
.stx-widget .stx-form-season .srow .line { display: grid; grid-template-columns: .6fr 1.4fr .6fr; align-items: center; gap: 8px; }
.stx-widget .stx-form-season .srow .v { font-size: 13px; font-weight: 600; }
.stx-widget .stx-form-season .srow .v.r { text-align: right; }
.stx-widget .stx-form-season .split { display: flex; height: 8px; border-radius: 4px; overflow: hidden; }
.stx-widget .stx-form-season .split .l { background: var(--ab-primary); }
.stx-widget .stx-form-season .split .r { background: var(--ab-accent); }
.stx-widget .stx-form-season .srow .cap { text-align: center; font-size: 10px; color: var(--ab-muted); margin-top: 8px; }
.stx-widget .stx-form-season.stx-layout--fan .foot { color: rgba(255,255,255,.6); }
.stx-widget .stx-form-season.stx-layout--fan .games { color: #fff; }
.stx-widget .stx-form-season.stx-layout--fan .g-team, .stx-widget .stx-form-season.stx-layout--fan .games li { color: #fff; }

/* Comparator: a table with diverging bars */
.stx-widget .stx-form-season.stx-layout--comparator { background: var(--c-bg); border: .5px solid var(--ab-border); color: var(--c-text); }
.stx-widget .stx-form-season.stx-layout--comparator .btitle { text-align: center; color: var(--ab-positive); padding: 14px 20px 0; margin: 0; }
.stx-widget .stx-form-season.stx-layout--comparator .hrow { display: grid; grid-template-columns: 1fr 1.4fr 1fr; padding: 14px 20px; border-bottom: .5px solid var(--ab-border); font-size: 13px; font-weight: 600; }
.stx-widget .stx-form-season.stx-layout--comparator .hrow .mid { font-size: 11px; font-weight: 400; color: var(--ab-muted); text-align: center; }
.stx-widget .stx-form-season.stx-layout--comparator .hrow .r { text-align: right; }
.stx-widget .stx-form-season.stx-layout--comparator .brow, .stx-widget .stx-form-season.stx-layout--comparator .nrow { padding: 10px 20px; border-top: .5px solid var(--c-line); }
.stx-widget .stx-form-season.stx-layout--comparator .hrow + .brow, .stx-widget .stx-form-season.stx-layout--comparator .hrow + .nrow { border-top: none; }
.stx-widget .stx-form-season.stx-layout--comparator .brow .line { display: flex; align-items: center; gap: 8px; }
.stx-widget .stx-form-season.stx-layout--comparator .v { font-size: 13px; color: var(--ab-text); width: 36px; }
.stx-widget .stx-form-season.stx-layout--comparator .v.r { text-align: right; }
.stx-widget .stx-form-season.stx-layout--comparator .v.best { font-weight: 600; color: var(--ab-positive); }
.stx-widget .stx-form-season.stx-layout--comparator .bars { flex: 1; display: flex; height: 8px; }
.stx-widget .stx-form-season.stx-layout--comparator .half { width: 50%; display: flex; }
.stx-widget .stx-form-season.stx-layout--comparator .half.l { justify-content: flex-end; }
.stx-widget .stx-form-season.stx-layout--comparator .half i { display: block; height: 8px; background: color-mix(in srgb, var(--ab-muted) 45%, var(--ab-surface)); }
.stx-widget .stx-form-season.stx-layout--comparator .half.l i { border-radius: 4px 0 0 4px; }
.stx-widget .stx-form-season.stx-layout--comparator .half.r i { border-radius: 0 4px 4px 0; }
.stx-widget .stx-form-season.stx-layout--comparator .half i.best { background: var(--ab-positive); }
.stx-widget .stx-form-season.stx-layout--comparator .cap { text-align: center; font-size: 11px; color: var(--ab-muted); }
.stx-widget .stx-form-season.stx-layout--comparator .brow .cap { margin-top: 6px; }
.stx-widget .stx-form-season.stx-layout--comparator .nrow { display: grid; grid-template-columns: 1fr 1.4fr 1fr; align-items: center; }
.stx-widget .stx-form-season.stx-layout--comparator .nrow .v { width: auto; }
.stx-widget .stx-form-season.stx-layout--comparator .note { padding: 12px 20px; font-size: 11px; font-style: italic; color: var(--ab-muted); }
.stx-widget .stx-form-season.stx-layout--comparator .games { padding: 0 20px 14px; margin-top: 0; }
.stx-widget .stx-form-season.stx-layout--comparator .foot { padding: 0 20px 12px; }
.stx-widget .stx-form-season.stx-layout--comparator .chip.W { background: var(--ab-positive); color: #fff; }
.stx-widget .stx-form-season.stx-layout--comparator .chip.D { background: var(--ab-muted); color: #fff; }
.stx-widget .stx-form-season.stx-layout--comparator .chip.L { background: var(--ab-negative); color: #fff; }

@media (max-width: 520px) {
  .stx-widget .stx-form-season .cols { flex-direction: column; gap: 20px; }
  .stx-widget .stx-form-season .vsep { width: auto; height: 1px; }
}

.stx-widget .stx-form-season.stx-layout--original .sub { text-transform: uppercase; }

/* The original layout with a game list: a column per side with its games as rows, then the tiles. */
.stx-widget .stx-form-season.v-rows { padding: 24px 24px 0; }
.stx-widget .stx-form-season.v-rows .cols { gap: 0; padding-bottom: 8px; }
.stx-widget .stx-form-season.v-rows .col { padding: 0 18px; }
.stx-widget .stx-form-season.v-rows .col + .col { border-left: 1px solid #eceef2; }
.stx-widget .stx-form-season.v-rows .tname { font-size: 16px; font-weight: 700; margin: 0; }
.stx-widget .stx-form-season.v-rows .tname.home { color: var(--ab-home-ink); }
.stx-widget .stx-form-season.v-rows .tname.away { color: var(--ab-away-ink); }
.stx-widget .stx-form-season.v-rows .sub { margin: 3px 0 8px; letter-spacing: .05em; color: var(--ab-note); }
.stx-widget .stx-form-season .glist { list-style: none; margin: 0; padding: 0; }
.stx-widget .stx-form-season .glist li { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid #f4f5f8; font-size: 12.5px; }
.stx-widget .stx-form-season .glist .chip { width: 20px; height: 20px; border-radius: 5px; font-size: 11px; font-weight: 700; color: #fff; background: var(--ab-loss); }
.stx-widget .stx-form-season .glist .chip.W { background: var(--ab-best-green-ink); }
.stx-widget .stx-form-season .glist .rd { flex: none; min-width: 24px; max-width: 76px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: var(--ab-note); }
.stx-widget .stx-form-season .glist .g-opp { flex: 1; min-width: 0; font-weight: 600; color: var(--ab-card-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stx-widget .stx-form-season .glist .g-res { flex: none; font-size: 11px; font-weight: 700; color: var(--ab-note); text-transform: uppercase; white-space: nowrap; }
.stx-widget .stx-form-season .glist .g-res small { margin-left: 6px; font-weight: 400; font-size: 10px; text-transform: none; }
.stx-widget .stx-form-season.v-rows .tiles { margin-top: 14px; }
.stx-widget .stx-form-season.v-rows .stx-card__note { margin: 0 -24px; padding: 14px 24px; }
.stx-widget .stx-form-season.v-rows .glist .chip.L { background: var(--ab-loss); }
.stx-widget .stx-form-season.v-rows .glist .chip.D { background: var(--ab-muted); }
/* Generated by scripts/gen-wp-css.ts from the CSS of the side_by_side block. Do not edit: change src/blocks and run npm run gen:wp-css. */
/* src/blocks/SideBySide.css */
/* Side by side stats. The layout palettes (--c-*) come from article.css. */

.stx-widget .stx-side-by-side { border-radius: 12px; overflow: hidden; font-size: 13px; }
.stx-widget .stx-side-by-side .btitle { font-size: 13px; font-weight: 600; letter-spacing: .4px; text-transform: lowercase; margin: 0 0 12px; }
.stx-widget .stx-side-by-side .foot { padding-top: 10px; font-size: 11px; font-style: italic; color: var(--c-sub); }

/* Editorial: a scorecard */
.stx-widget .stx-side-by-side.stx-layout--editorial { background: var(--ab-primary); color: #fff; padding: 22px; }
.stx-widget .stx-side-by-side.stx-layout--editorial .names { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 18px; font-size: 15px; font-weight: 600; }
.stx-widget .stx-side-by-side.stx-layout--editorial .names .h { color: var(--ab-accent); }
.stx-widget .stx-side-by-side.stx-layout--editorial .srow { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 10px 0; border-top: .5px solid rgba(255,255,255,.12); }
.stx-widget .stx-side-by-side.stx-layout--editorial .v { font-size: 20px; font-weight: 600; white-space: nowrap; }
.stx-widget .stx-side-by-side.stx-layout--editorial .v.best { color: var(--ab-accent); }
.stx-widget .stx-side-by-side.stx-layout--editorial .lab { font-size: 10px; text-align: center; color: rgba(255,255,255,.4); }

/* Fan: a panel per team */
.stx-widget .stx-side-by-side.stx-layout--fan { background: var(--ab-primary); padding: 16px; color: #fff; }
.stx-widget .stx-side-by-side.stx-layout--fan .btitle { color: #fff; }
.stx-widget .stx-side-by-side.stx-layout--fan .panels { display: flex; flex-wrap: wrap; gap: 10px; }
.stx-widget .stx-side-by-side.stx-layout--fan .panel { flex: 1 1 240px; min-width: 0; background: var(--ab-surface); color: var(--ab-text); border-radius: 10px; padding: 14px; }
.stx-widget .stx-side-by-side.stx-layout--fan .pname { font-size: 14px; font-weight: 600; text-align: center; margin-bottom: 12px; }
.stx-widget .stx-side-by-side.stx-layout--fan .plist { display: flex; flex-direction: column; gap: 8px; }
.stx-widget .stx-side-by-side.stx-layout--fan .prow { display: flex; align-items: center; gap: 8px; }
.stx-widget .stx-side-by-side.stx-layout--fan .prow svg { color: var(--ab-primary); flex: none; }
.stx-widget .stx-side-by-side.stx-layout--fan .prow .lab { flex: 1; min-width: 0; font-size: 11px; color: var(--ab-muted); }
.stx-widget .stx-side-by-side.stx-layout--fan .prow .v { font-size: 12px; font-weight: 600; white-space: nowrap; }
.stx-widget .stx-side-by-side.stx-layout--fan .foot { color: rgba(255,255,255,.6); }

/* Comparator: diverging bars */
.stx-widget .stx-side-by-side.stx-layout--comparator { background: var(--ab-surface); border: .5px solid var(--ab-border); padding: 18px 20px; color: var(--ab-text); }
.stx-widget .stx-side-by-side.stx-layout--comparator .btitle { text-align: center; color: var(--ab-positive); }
.stx-widget .stx-side-by-side.stx-layout--comparator .names { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; font-size: 12px; font-weight: 600; }
.stx-widget .stx-side-by-side.stx-layout--comparator .brow { margin-bottom: 14px; }
.stx-widget .stx-side-by-side.stx-layout--comparator .brow:last-of-type { margin-bottom: 0; }
.stx-widget .stx-side-by-side.stx-layout--comparator .bars { display: flex; height: 8px; }
.stx-widget .stx-side-by-side.stx-layout--comparator .half { width: 50%; display: flex; }
.stx-widget .stx-side-by-side.stx-layout--comparator .half.l { justify-content: flex-end; }
.stx-widget .stx-side-by-side.stx-layout--comparator .half i { display: block; height: 8px; background: color-mix(in srgb, var(--ab-muted) 45%, var(--ab-surface)); }
.stx-widget .stx-side-by-side.stx-layout--comparator .half.l i { border-radius: 4px 0 0 4px; }
.stx-widget .stx-side-by-side.stx-layout--comparator .half.r i { border-radius: 0 4px 4px 0; }
.stx-widget .stx-side-by-side.stx-layout--comparator .half i.best { background: var(--ab-accent); }
.stx-widget .stx-side-by-side.stx-layout--comparator .cap { text-align: center; font-size: 10px; color: var(--ab-muted); margin-top: 4px; }

/* Original: a radar per club */
.stx-widget .stx-side-by-side.stx-layout--original { background: var(--ab-surface); border: .5px solid var(--ab-border); border-top: 3px solid var(--ab-accent); padding: 20px; color: var(--ab-text); }
.stx-widget .stx-side-by-side.stx-layout--original .cols { display: flex; gap: 16px; }
.stx-widget .stx-side-by-side.stx-layout--original .col { flex: 1; min-width: 0; text-align: center; }
.stx-widget .stx-side-by-side.stx-layout--original .vsep { width: 1px; background: var(--ab-border); flex: none; }
.stx-widget .stx-side-by-side.stx-layout--original .tname { font-size: 13px; font-weight: 600; margin-bottom: 4px; color: var(--ab-primary); }
.stx-widget .stx-side-by-side.stx-layout--original .tname.home { color: var(--ab-accent); }
.stx-widget .stx-side-by-side .radar { display: block; width: 100%; max-width: 260px; margin: 0 auto; }
.stx-widget .stx-side-by-side .radar text { font-size: 10px; fill: var(--ab-muted); }
.stx-widget .stx-side-by-side .radar .ring { fill: none; stroke: var(--ab-border); stroke-width: 1; }
.stx-widget .stx-side-by-side .radar .area { stroke-width: 1.5; }
.stx-widget .stx-side-by-side .radar .area.home { stroke: var(--ab-accent); fill: color-mix(in srgb, var(--ab-accent) 20%, transparent); }
.stx-widget .stx-side-by-side .radar .area.away { stroke: var(--ab-primary); fill: color-mix(in srgb, var(--ab-primary) 20%, transparent); }
.stx-widget .stx-side-by-side .klist { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; text-align: left; font-size: 11px; color: var(--ab-muted); }
.stx-widget .stx-side-by-side .klist > div { display: flex; justify-content: space-between; gap: 8px; }
.stx-widget .stx-side-by-side .klist b { font-weight: 600; color: var(--ab-text); white-space: nowrap; }

@media (max-width: 520px) {
  .stx-widget .stx-side-by-side.stx-layout--original .cols { flex-direction: column; gap: 20px; }
  .stx-widget .stx-side-by-side.stx-layout--original .vsep { width: auto; height: 1px; }
}

/* Variants (bars, better, columns): one structure for every layout; the palette is the layout's (--c-*). */
.stx-widget .stx-side-by-side.v-bars, .stx-widget .stx-side-by-side.v-better, .stx-widget .stx-side-by-side.v-columns { --sbs-home: var(--ab-accent); --sbs-away: var(--ab-primary); padding: 20px; background: var(--c-bg); color: var(--c-text); }
.stx-widget .stx-side-by-side.stx-layout--editorial.v-bars, .stx-widget .stx-side-by-side.stx-layout--editorial.v-better, .stx-widget .stx-side-by-side.stx-layout--editorial.v-columns { --sbs-away: rgba(255,255,255,.8); }
.stx-widget .stx-side-by-side.stx-layout--fan.v-bars, .stx-widget .stx-side-by-side.stx-layout--fan.v-better, .stx-widget .stx-side-by-side.stx-layout--fan.v-columns { --sbs-away: rgba(255,255,255,.8); }
.stx-widget .stx-side-by-side.stx-layout--comparator.v-bars, .stx-widget .stx-side-by-side.stx-layout--comparator.v-better, .stx-widget .stx-side-by-side.stx-layout--comparator.v-columns { --sbs-home: var(--ab-positive); --sbs-away: var(--ab-accent); border: .5px solid var(--ab-border); }
.stx-widget .stx-side-by-side.stx-layout--original.v-bars, .stx-widget .stx-side-by-side.stx-layout--original.v-better, .stx-widget .stx-side-by-side.stx-layout--original.v-columns { border: .5px solid var(--ab-border); border-top: 3px solid var(--ab-accent); }
.stx-widget .stx-side-by-side .vnames { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 10px; }
.stx-widget .stx-side-by-side .vnames .a { text-align: right; }
.stx-widget .stx-side-by-side .vnames .n { display: block; font-size: 14px; font-weight: 600; }
.stx-widget .stx-side-by-side .vnames .h .n { color: var(--sbs-home); }
.stx-widget .stx-side-by-side.stx-layout--editorial .vnames .h .n, .stx-widget .stx-side-by-side.stx-layout--fan .vnames .h .n { color: var(--ab-accent); }
.stx-widget .stx-side-by-side .strip { display: flex; flex-direction: column; gap: 3px; margin-top: 4px; }
.stx-widget .stx-side-by-side .vnames .a .strip { align-items: flex-end; }
.stx-widget .stx-side-by-side .strip .chips { display: inline-flex; gap: 3px; }
.stx-widget .stx-side-by-side .strip i { font-style: normal; font-size: 9px; font-weight: 700; width: 16px; height: 16px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: var(--ab-muted); }
.stx-widget .stx-side-by-side .strip i.W { background: var(--ab-positive); }
.stx-widget .stx-side-by-side .strip i.L { background: var(--ab-negative); }
.stx-widget .stx-side-by-side .strip i.OTL { background: var(--ab-accent-soft); color: var(--ab-ink); font-size: 10px; width: auto; min-width: 16px; padding: 0 3px; }
.stx-widget .stx-side-by-side .strip .cap { font-size: 10px; color: var(--c-sub); }
.stx-widget .stx-side-by-side .basis { font-size: 10px; color: var(--c-sub); text-align: center; margin: 0 0 6px; }
.stx-widget .stx-side-by-side .vrow { display: grid; grid-template-columns: 56px 1fr 56px; align-items: center; gap: 8px; padding: 8px 0; border-top: .5px solid var(--c-line); }
.stx-widget .stx-side-by-side .vrow .vlab { grid-column: 1 / -1; font-size: 10px; text-align: center; color: var(--c-sub); }
.stx-widget .stx-side-by-side .vrow .v { font-size: 14px; font-weight: 600; white-space: nowrap; }
.stx-widget .stx-side-by-side .vrow .v.r { text-align: right; }
.stx-widget .stx-side-by-side.v-better .vrow { grid-template-columns: 1fr auto 1fr; }
.stx-widget .stx-side-by-side.v-better .vrow .vlab { grid-column: 2; grid-row: 1; padding: 0 8px; }
.stx-widget .stx-side-by-side.v-better .vrow .v.l { grid-column: 1; grid-row: 1; justify-self: start; }
.stx-widget .stx-side-by-side.v-better .vrow .v.r { grid-column: 3; grid-row: 1; justify-self: end; }
.stx-widget .stx-side-by-side.v-better .vrow > span:not(.v) { display: none; }
.stx-widget .stx-side-by-side .vrow .v.best { background: var(--c-hl-bg); color: var(--c-hl-text); border-radius: 6px; padding: 2px 8px; }
.stx-widget .stx-side-by-side .vbars { display: flex; height: 8px; }
.stx-widget .stx-side-by-side .vbars .half { width: 50%; display: flex; }
.stx-widget .stx-side-by-side .vbars .half.l { justify-content: flex-end; }
.stx-widget .stx-side-by-side .vbars .half i { display: block; height: 8px; opacity: .45; }
.stx-widget .stx-side-by-side .vbars .half.l i { background: var(--sbs-home); border-radius: 4px 0 0 4px; }
.stx-widget .stx-side-by-side .vbars .half.r i { background: var(--sbs-away); border-radius: 0 4px 4px 0; }
.stx-widget .stx-side-by-side .vbars .half i.best { opacity: 1; }
.stx-widget .stx-side-by-side .vcols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.stx-widget .stx-side-by-side .vcol { display: flex; flex-direction: column; }
.stx-widget .stx-side-by-side .vc { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 7px 0; border-top: .5px solid var(--c-line); font-size: 12px; }
.stx-widget .stx-side-by-side .vc .lab { color: var(--c-sub); font-size: 11px; }
.stx-widget .stx-side-by-side .vc b { font-size: 14px; white-space: nowrap; }
.stx-widget .stx-side-by-side .vc.best b { color: var(--c-hl-text); background: var(--c-hl-bg); border-radius: 6px; padding: 1px 8px; }

/* the better value and the form strip show in every layout */
.stx-widget .stx-side-by-side .klist b.best { color: var(--ab-accent); }
.stx-widget .stx-side-by-side.stx-layout--fan .prow .v.best { color: var(--ab-accent); font-weight: 700; }

/* The lead summary ("Knicks lead 5 of 8 stats") */
.stx-widget .stx-side-by-side .summary { padding: 8px 20px 0; font-size: 12px; font-weight: 600; color: var(--ab-primary); }

.stx-widget .stx-side-by-side .sbs-sub { font-size: 11px; color: var(--c-sub); margin: -8px 0 10px; }

/* The common card (the original layout): bars, better and columns. */
.stx-widget .stx-side-by-side-card { --b-home: var(--ab-home); --b-away: var(--ab-away); font-size: 13px; }
.stx-widget .stx-side-by-side-card .stx-card__head { padding: 14px 16px; }
.stx-widget .stx-side-by-side-card .stx-card__title { font-size: 16px; letter-spacing: 0; text-transform: none; }
.stx-widget .stx-side-by-side-card[data-sub="light"] .stx-card__sub { color: rgba(255,255,255,.85); }
.stx-widget .stx-side-by-side-card .body { padding: 16px; }
.stx-widget .stx-side-by-side-card .home { color: var(--b-home); }
.stx-widget .stx-side-by-side-card .away { color: var(--b-away); }
.stx-widget .stx-side-by-side-card .cap { font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: var(--ab-note); margin: 0 0 6px; }
.stx-widget .stx-side-by-side-card .cap.mid { text-align: center; margin: 12px 0 8px; }
.stx-widget .stx-side-by-side-card .names { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin-bottom: 12px; }
.stx-widget .stx-side-by-side-card .names .r { text-align: right; }
.stx-widget .stx-side-by-side-card .names .n { font-size: 18px; color: #1a1a1a; }
.stx-widget .stx-side-by-side-card .names .rec { font-weight: 700; color: var(--ab-accent); }
.stx-widget .stx-side-by-side-card .vs { border: 1px solid var(--ab-card-border); border-radius: 99px; padding: 2px 8px; color: var(--ab-note); font-size: 12px; }
.stx-widget .stx-side-by-side-card .frow { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
.stx-widget .stx-side-by-side-card .frow .fn { flex: none; min-width: 52px; max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stx-widget .stx-side-by-side-card .frow i { width: 18px; height: 18px; border-radius: 4px; display: grid; place-items: center; font-size: 10px; font-weight: 700; font-style: normal; color: #fff; }
.stx-widget .stx-side-by-side-card.v-bars .frow i.W { background: var(--ab-accent); }
.stx-widget .stx-side-by-side-card.v-bars .frow i.L { background: #eceff3; color: #9aa0ac; }
.stx-widget .stx-side-by-side-card.v-better .frow i.W { background: var(--ab-primary); }
.stx-widget .stx-side-by-side-card.v-better .frow i.L { background: var(--ab-accent); }
.stx-widget .stx-side-by-side-card .lead { background: var(--ab-cream); border-radius: 10px; text-align: center; font-weight: 700; padding: 8px; margin: 10px 0; }
.stx-widget .stx-side-by-side-card.v-better .lead { background: var(--ab-best-green); }
.stx-widget .stx-side-by-side-card .fig { font-weight: 700; color: #1a1a1a; line-height: 1.2; }
.stx-widget .stx-side-by-side-card .fig.plain { font-size: 15px; }

/* bars: a figure either side of a track, a fill from the middle toward the better side */
.stx-widget .stx-side-by-side-card .brow { margin-bottom: 8px; }
.stx-widget .stx-side-by-side-card.v-bars .lab { text-align: center; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: var(--ab-note); }
.stx-widget .stx-side-by-side-card .line { display: grid; grid-template-columns: 52px 1fr 52px; align-items: center; gap: 8px; }
.stx-widget .stx-side-by-side-card .line .fig.away { text-align: right; }
.stx-widget .stx-side-by-side-card.v-bars .fig.best { color: var(--ab-accent); }
.stx-widget .stx-side-by-side-card .track { position: relative; height: 6px; background: #eceff3; border-radius: 99px; }
.stx-widget .stx-side-by-side-card .track .mid { position: absolute; left: 50%; top: -2px; width: 1px; height: 10px; background: #ccc; }
.stx-widget .stx-side-by-side-card .track .fill { position: absolute; top: 0; height: 100%; border-radius: 99px; background: var(--ab-accent); }

/* better: the stat between the two figures */
.stx-widget .stx-side-by-side-card.v-better .brow { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; margin: 0; padding: 10px 0; border-top: 1px solid #eee; }
.stx-widget .stx-side-by-side-card.v-better .fig { font-size: 20px; }
.stx-widget .stx-side-by-side-card.v-better .fig.home { text-align: right; }
.stx-widget .stx-side-by-side-card.v-better .fig.plain { font-size: 15px; }
.stx-widget .stx-side-by-side-card.v-better .fig.best { color: var(--ab-primary); }
.stx-widget .stx-side-by-side-card.v-better .fig.worse { color: var(--ab-accent); }
.stx-widget .stx-side-by-side-card.v-better .lab { font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: var(--ab-note); text-align: center; }
.stx-widget .stx-side-by-side-card .cap .key { float: right; display: inline-flex; gap: 10px; text-transform: none; letter-spacing: 0; }
.stx-widget .stx-side-by-side-card .cap .key b { font-weight: 600; }
.stx-widget .stx-side-by-side-card .cap .key .best { color: var(--ab-primary); }
.stx-widget .stx-side-by-side-card .cap .key .worse { color: var(--ab-accent); }
.stx-widget .stx-side-by-side-card .cap.tstats { margin: 14px 0 0; text-align: center; }
.stx-widget .stx-side-by-side-card.v-better .names .rec { color: var(--ab-primary); }

/* better without a form strip: the plain head under the two side colours, the figures coloured by side */
.stx-widget .stx-side-by-side-card.plain .sides-strip { height: 4px; background: linear-gradient(90deg, var(--b-home) 50%, var(--b-away) 50%); }
.stx-widget .stx-side-by-side-card.plain .head { padding: 18px 24px 4px; }
.stx-widget .stx-side-by-side-card .head .t { font-size: 16px; font-weight: 700; color: var(--ab-primary); }
.stx-widget .stx-side-by-side-card .head .s { font-size: 12px; color: var(--ab-muted); margin-top: 4px; }
.stx-widget .stx-side-by-side-card.plain .legend { display: flex; justify-content: space-between; padding: 16px 24px 6px; }
.stx-widget .stx-side-by-side-card.plain .body { padding: 0 24px; }
.stx-widget .stx-side-by-side-card.plain .brow { padding: 14px 0; border-top: 1px solid var(--ab-rule); gap: 12px; }
.stx-widget .stx-side-by-side-card.plain .fig { font-size: 22px; }
.stx-widget .stx-side-by-side-card.plain .fig.plain { font-size: 16px; }
.stx-widget .stx-side-by-side-card.plain .fig.home { color: var(--b-home); }
.stx-widget .stx-side-by-side-card.plain .fig.away { color: var(--b-away); }
.stx-widget .stx-side-by-side-card.plain .fig.best { font-weight: 800; }
.stx-widget .stx-side-by-side-card.plain .lab { min-width: 150px; }

/* columns: a column per team, a strip, two facts and tiles */
.stx-widget .stx-side-by-side-card.v-columns > .head { padding: 18px 24px 0; }
.stx-widget .stx-side-by-side-card.v-columns .cols { display: grid; grid-template-columns: 1fr 1fr; padding: 24px 24px 8px; }
.stx-widget .stx-side-by-side-card.v-columns .col { padding: 0 18px; min-width: 0; }
.stx-widget .stx-side-by-side-card.v-columns .col + .col { border-left: 1px solid #eceef2; }
.stx-widget .stx-side-by-side-card.v-columns .col.home { color: var(--b-home); }
.stx-widget .stx-side-by-side-card.v-columns .col.away { color: var(--b-away); }
.stx-widget .stx-side-by-side-card .tn { text-align: center; font-size: 17px; font-weight: 700; }
.stx-widget .stx-side-by-side-card .tsub { text-align: center; margin-top: 3px; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; color: var(--ab-note); }
.stx-widget .stx-side-by-side-card .chips { display: flex; justify-content: center; gap: 5px; margin: 16px 0; flex-wrap: wrap; }
.stx-widget .stx-side-by-side-card .chips i { width: 22px; height: 22px; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 10px; font-weight: 700; color: #fff; background: var(--ab-loss); }
.stx-widget .stx-side-by-side-card .col.home .chips i.W { background: var(--b-home); }
.stx-widget .stx-side-by-side-card .col.away .chips i.W { background: var(--b-away); }
.stx-widget .stx-side-by-side-card .chips i.OTL { background: var(--ab-ot); }
.stx-widget .stx-side-by-side-card .info { display: flex; justify-content: space-between; gap: 8px; padding: 11px 14px; margin-bottom: 8px; border: 1px solid #eceef2; border-radius: 8px; }
.stx-widget .stx-side-by-side-card .info span { font-size: 12px; letter-spacing: .02em; text-transform: uppercase; color: var(--ab-card-sub); }
.stx-widget .stx-side-by-side-card .info b { font-size: 13px; color: var(--ab-card-ink); text-align: right; }
.stx-widget .stx-side-by-side-card .tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
.stx-widget .stx-side-by-side-card .tile { border: 1px solid #eceef2; border-radius: 8px; padding: 14px 6px; text-align: center; background: #fbfcfe; min-width: 0; }
.stx-widget .stx-side-by-side-card .tile b { display: block; font-size: 19px; font-weight: 700; }
.stx-widget .stx-side-by-side-card .tile span { display: block; margin-top: 5px; font-size: 10px; color: #8a8f9c; text-transform: uppercase; }
.stx-widget .stx-side-by-side-card .col.home .tile.best { border-color: color-mix(in srgb, var(--b-home) 32%, #fff); }
.stx-widget .stx-side-by-side-card .col.away .tile.best { border-color: color-mix(in srgb, var(--b-away) 32%, #fff); }
.stx-widget .stx-side-by-side-card.v-columns > .lead { margin: 0 24px 12px; }
.stx-widget .stx-side-by-side-card.plain .legend b { display: inline-flex; align-items: center; gap: 8px; }
.stx-widget .stx-side-by-side-card.plain .legend .home::before, .stx-widget .stx-side-by-side-card.plain .legend .away::after { content: ""; width: 20px; height: 3px; border-radius: 2px; background: currentColor; }
/* Generated by scripts/gen-wp-css.ts from the CSS of the lineup block. Do not edit: change src/blocks and run npm run gen:wp-css. */
/* src/blocks/lineup-sheet.css */
/* The two-list view of a lineup (hockey, baseball, volleyball, rugby, basketball columns): a strip of the two side colours,
   then a panel per team with its key player box, starters, reserves and absences. */
.stx-widget .stx-lineup-sheet { font-size: 13px; }
.stx-widget .stx-lineup-sheet .sh-head { border-top: 4px solid transparent; border-image: linear-gradient(90deg, var(--ab-home) 50%, var(--ab-away) 50%) 1; padding: 14px 24px 4px; text-align: center; }
.stx-widget .stx-lineup-sheet .sh-title { font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--ab-note); }
.stx-widget .stx-lineup-sheet .sh-subtitle { font-size: 11px; color: var(--ab-note); margin-top: 3px; }
.stx-widget .stx-lineup-sheet .sh-cols { display: grid; grid-template-columns: 1fr 1fr; }
.stx-widget .stx-lineup-sheet .sh-team { padding: 14px 24px 20px; min-width: 0; }
.stx-widget .stx-lineup-sheet .sh-team + .sh-team { border-left: 1px solid var(--ab-rule); }
.stx-widget .stx-lineup-sheet .sh-team.home { --side: var(--ab-home); }
.stx-widget .stx-lineup-sheet .sh-team.away { --side: var(--ab-away); }
.stx-widget .stx-lineup-sheet .sh-name { text-align: center; font-size: 18px; font-weight: 700; color: var(--side); }
.stx-widget .stx-lineup-sheet .sh-sub { text-align: center; font-size: 12px; color: var(--ab-note); margin-top: 4px; }
.stx-widget .stx-lineup-sheet[data-kind="court"] .sh-name { font-size: 16px; }
.stx-widget .stx-lineup-sheet[data-kind="court"] .sh-sub { font-size: 11px; }
.stx-widget .stx-lineup-sheet[data-kind="numbered"] .sh-sub { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.stx-widget .stx-lineup-sheet[data-kind="numbered"] .sh-name { font-size: 16px; }
.stx-widget .stx-lineup-sheet .sh-lab { font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ab-note); }
.stx-widget .stx-lineup-sheet .sh-sec { margin-top: 16px; }
.stx-widget .stx-lineup-sheet .sh-key { margin-top: 16px; background: var(--ab-head-grey); border: 1px solid var(--ab-rule); border-radius: 10px; padding: 12px 14px 14px; }
.stx-widget .stx-lineup-sheet .sh-keyname { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 16px; font-weight: 700; color: var(--side); }
.stx-widget .stx-lineup-sheet .sh-chip { display: inline-block; font-size: 10px; font-weight: 700; color: #fff; background: var(--side); border-radius: 5px; padding: 2px 7px; }
.stx-widget .stx-lineup-sheet .sh-rows { margin-top: 6px; }
.stx-widget .stx-lineup-sheet .sh-row { display: flex; align-items: center; gap: 12px; padding: 7px 0; border-top: 1px solid var(--ab-rule); }
.stx-widget .stx-lineup-sheet .sh-row:first-child { border-top: 0; }
.stx-widget .stx-lineup-sheet .sh-row .who { flex: 1; min-width: 0; font-size: 13px; font-weight: 700; color: var(--side); }
.stx-widget .stx-lineup-sheet .sh-row .trail { font-size: 11px; font-weight: 600; color: var(--ab-note); }
.stx-widget .stx-lineup-sheet .l-code .lead { flex: none; width: 20px; font-size: 10px; font-weight: 700; color: var(--ab-note); }
.stx-widget .stx-lineup-sheet .l-chip .lead { flex: none; min-width: 34px; box-sizing: border-box; text-align: center; font-size: 11px; font-weight: 700; color: var(--ab-note); background: var(--ab-head-grey); border-radius: 6px; padding: 3px 6px; }
.stx-widget .stx-lineup-sheet[data-kind="court"] .sh-row .who { font-size: 15px; }
.stx-widget .stx-lineup-sheet .l-num .sh-row { gap: 8px; padding: 6px 0; border-top: 0; }
.stx-widget .stx-lineup-sheet .l-num .lead { flex: none; width: 18px; text-align: right; font-size: 11px; font-weight: 700; color: var(--ab-note); }
.stx-widget .stx-lineup-sheet .n-plain .sh-row .who { flex: none; font-weight: 500; color: var(--ab-card-ink); }
.stx-widget .stx-lineup-sheet .n-plain .sh-row .trail { font-size: 9.5px; font-weight: 500; }
.stx-widget .stx-lineup-sheet .sh-text { margin: 6px 0 0; font-size: 12px; line-height: 1.6; color: var(--ab-card-ink); }
.stx-widget .stx-lineup-sheet .sh-list { list-style: none; margin: 6px 0 0; padding: 0; }
.stx-widget .stx-lineup-sheet .sh-list li { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 14px; color: var(--ab-card-ink); }
.stx-widget .stx-lineup-sheet .sh-list li::before { content: ''; flex: none; width: 9px; height: 9px; border: 1.5px solid var(--ab-note); border-radius: 2px; margin-right: 6px; }
.stx-widget .stx-lineup-sheet .sh-list li > span:first-child { flex: 1; }
.stx-widget .stx-lineup-sheet .sh-list li i { font-style: normal; color: var(--ab-note); }
.stx-widget .stx-lineup-sheet .sh-pill { margin-left: auto; font-size: 10.5px; padding: 2px 10px; border-radius: 10px; background: var(--ab-best-gold); color: var(--ab-best-gold-ink); }
@media (max-width: 520px) { .stx-widget .stx-lineup-sheet .sh-team { padding: 12px 14px 16px; } }
.stx-widget .stx-lineup-sheet .sh-coach { text-align: center; font-size: 11px; color: var(--ab-note); margin-top: 3px; }

/* src/blocks/lineup-court.css */
/* Lineup of a sport with no formation, drawn as the common card: a band (or a strip of the two side colours) on top, the
   two sides in the home and away tokens, grey section labels and a footer note. */
.stx-widget .stx-lineup-court .cl-body { padding: 18px 24px 20px; font-size: 13px; }
.stx-widget .stx-lineup-court .stx-card__title { text-transform: none; letter-spacing: 0; font-size: 15px; }
.stx-widget .stx-lineup-court .cl-two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.stx-widget .stx-lineup-court .cl-two p { margin: 0; }
.stx-widget .stx-lineup-court .cl-two .away { text-align: right; }
.stx-widget .stx-lineup-court .cl-head { margin-bottom: 4px; }
.stx-widget .stx-lineup-court .cl-head p { font-size: 14px; font-weight: 600; }
.stx-widget .stx-lineup-court .cl-head small { display: block; font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--ab-note); }
.stx-widget .stx-lineup-court .cl-head .home { color: var(--ab-home-ink); }
.stx-widget .stx-lineup-court .cl-head .away { color: var(--ab-away-ink); }
.stx-widget .stx-lineup-court .cl-coach { font-size: 11px; color: var(--ab-note); margin-bottom: 10px; }
.stx-widget .stx-lineup-court .cl-sec { margin-top: 16px; }
.stx-widget .stx-lineup-court .cl-lab { font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ab-note); margin-bottom: 6px; }
.stx-widget .stx-lineup-court .cl-lab.c { text-align: center; }
.stx-widget .stx-lineup-court .cl-blk p { font-size: 15px; line-height: 1.7; color: var(--ab-card-ink); }
.stx-widget .stx-lineup-court .cl-sec:not(.stacked) .cl-two { gap: 0; }
.stx-widget .stx-lineup-court .cl-sec:not(.stacked) .cl-blk { padding: 0 14px; }
.stx-widget .stx-lineup-court .cl-sec:not(.stacked) .cl-blk:first-child { padding-left: 0; border-right: 1px solid var(--ab-rule); }
.stx-widget .stx-lineup-court .cl-sec:not(.stacked) .cl-blk .away, .stx-widget .stx-lineup-court .cl-sec:not(.stacked) .cl-blk.away { text-align: left; }
.stx-widget .stx-lineup-court .cl-sec.stacked { padding-top: 14px; border-top: 1px solid var(--ab-rule); margin-top: 18px; }
.stx-widget .stx-lineup-court .cl-sec.stacked .cl-two { gap: 0; }
.stx-widget .stx-lineup-court .cl-sec.stacked .cl-blk { text-align: center; padding: 0 14px; }
.stx-widget .stx-lineup-court .cl-sec.stacked .cl-blk.home { border-right: 1px solid var(--ab-rule); }
.stx-widget .stx-lineup-court .cl-sec.stacked .cl-blk p { line-height: 1.9; }
.stx-widget .stx-lineup-court .cl-sec.stacked .cl-blk .away { text-align: center; }

/* diagram: the court, white with grey lines, the home five in the home colour and the away five in the away colour */
.stx-widget .stx-lineup-court .court-svg { display: block; width: 100%; height: auto; margin: 0; }
.stx-widget .stx-lineup-court .court-svg .court { fill: var(--ab-surface); stroke: #d3d6de; stroke-width: 1.4; }
.stx-widget .stx-lineup-court .court-svg .mark { fill: none; stroke: #d3d6de; stroke-width: 1.2; }
.stx-widget .stx-lineup-court .court-svg .rim { fill: none; stroke: #c3c7d1; stroke-width: 1.4; }
.stx-widget .stx-lineup-court .court-svg .dot.home circle { fill: var(--ab-home); }
.stx-widget .stx-lineup-court .court-svg .dot.away circle { fill: var(--ab-away); }
.stx-widget .stx-lineup-court .court-svg .num { fill: #fff; font-size: 8.5px; font-weight: 700; }
.stx-widget .stx-lineup-court .court-svg .dot.home .num { fill: var(--ab-on-home); }
.stx-widget .stx-lineup-court .court-svg .dot.away .num { fill: var(--ab-on-away); }
.stx-widget .stx-lineup-court .court-svg .nm { fill: var(--ab-card-ink); font-size: 8px; font-weight: 500; }
.stx-widget .stx-lineup-court .court-svg .tname { font-size: 12px; font-weight: 700; }
.stx-widget .stx-lineup-court .court-svg .tname.home { fill: var(--ab-home-ink); }
.stx-widget .stx-lineup-court .court-svg .tname.away { fill: var(--ab-away-ink); }
.stx-widget .stx-lineup-court .cl-teams { margin-top: 16px; }
.stx-widget .stx-lineup-court .cl-teams p { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; color: var(--ab-card-ink); }
.stx-widget .stx-lineup-court .cl-teams p::before { content: ''; flex: none; width: 24px; height: 4px; border-radius: 2px; background: var(--ab-home); }
.stx-widget .stx-lineup-court .cl-teams p.away::before { background: var(--ab-away); }
.stx-widget .stx-lineup-court .cl-teams p.away { justify-content: flex-start; text-align: left; }

/* matchup: position against position */
.stx-widget .stx-lineup-court .cl-matchup { display: flex; flex-direction: column; }
.stx-widget .stx-lineup-court .cl-mrow { display: grid; grid-template-columns: 1fr 64px 1fr; gap: 8px; align-items: center; padding: 13px 0; border-top: 1px solid var(--ab-rule); font-size: 14px; font-weight: 700; text-align: center; }
.stx-widget .stx-lineup-court .cl-mrow.cl-mhead { border-top: 0; padding: 4px 0 12px; font-size: 14px; }
.stx-widget .stx-lineup-court .cl-mrow .home { color: var(--ab-home-ink); text-align: center; }
.stx-widget .stx-lineup-court .cl-mrow .away { color: var(--ab-away-ink); text-align: center; }
.stx-widget .stx-lineup-court .cl-mrow .pos i { display: inline-block; font-style: normal; font-size: 11px; font-weight: 600; color: var(--ab-note); background: var(--ab-head-grey); border-radius: 10px; padding: 3px 12px; }
@media (max-width: 520px) { .stx-widget .stx-lineup-court .cl-two { gap: 10px; } }

/* diagram of hockey: the goaltender, forward lines and defense pairs of each team */
.stx-widget .stx-lineup-court .cl-lines { margin-top: 4px; align-items: start; }
.stx-widget .stx-lineup-court .ln-col { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.stx-widget .stx-lineup-court .ln-col.away { text-align: right; }
.stx-widget .stx-lineup-court .ln-head { font-size: 10px; letter-spacing: .4px; text-transform: lowercase; color: var(--ab-note); padding-bottom: 3px; }
.stx-widget .stx-lineup-court .ln-sec.goalie { background: color-mix(in srgb, var(--ab-card-ink) 5%, transparent); border-radius: 8px; padding: 8px 10px; }
.stx-widget .stx-lineup-court .ln-row { display: grid; grid-template-columns: 58px 1fr; gap: 8px; align-items: baseline; padding: 6px 0; border-top: .5px solid var(--ab-rule); font-size: 12px; }
.stx-widget .stx-lineup-court .ln-col.away .ln-row { grid-template-columns: 1fr 58px; }
.stx-widget .stx-lineup-court .ln-col.away .ln-row .code { order: 2; text-align: right; }
.stx-widget .stx-lineup-court .ln-sec.goalie .ln-row { border-top: 0; padding: 2px 0; grid-template-columns: 1fr; }
.stx-widget .stx-lineup-court .ln-row .code { font-size: 10px; text-transform: lowercase; white-space: nowrap; font-weight: 700; color: var(--ab-note); }
.stx-widget .stx-lineup-court .ln-row .who { display: flex; flex-wrap: wrap; gap: 2px 10px; min-width: 0; }
.stx-widget .stx-lineup-court .ln-col.away .ln-row .who { justify-content: flex-end; }
.stx-widget .stx-lineup-court .ln-row .pl { display: inline-flex; align-items: baseline; gap: 4px; font-weight: 600; color: var(--ab-home-ink); white-space: nowrap; }
.stx-widget .stx-lineup-court .ln-row .pl i { font-style: normal; font-weight: 500; font-size: 10px; color: var(--ab-note); }
.stx-widget .stx-lineup-court .ln-col.away .ln-row .pl { color: var(--ab-away-ink); flex-direction: row-reverse; }
.stx-widget .stx-lineup-court .ln-row .pl .badge { font-size: 9px; font-weight: 700; color: var(--ab-on-home); background: var(--ab-home); border-radius: 4px; padding: 1px 5px; }
.stx-widget .stx-lineup-court .ln-col.away .ln-row .pl .badge { color: var(--ab-on-away); background: var(--ab-away); }

/* diagram of baseball: a field per team */
.stx-widget .stx-lineup-court .cl-fields { margin-top: 6px; align-items: start; }
.stx-widget .stx-lineup-court .field { margin: 0; min-width: 0; }
.stx-widget .stx-lineup-court .field-svg { display: block; width: 100%; height: auto; background: var(--ab-surface); border-radius: 10px; }
.stx-widget .stx-lineup-court .field-svg .field { fill: color-mix(in srgb, var(--ab-positive) 20%, var(--ab-surface)); stroke: var(--ab-primary); stroke-width: 1.6; }
.stx-widget .stx-lineup-court .field-svg .dirt { fill: color-mix(in srgb, var(--ab-accent) 26%, var(--ab-surface)); stroke: none; }
.stx-widget .stx-lineup-court .field-svg .grass { fill: color-mix(in srgb, var(--ab-positive) 20%, var(--ab-surface)); stroke: none; }
.stx-widget .stx-lineup-court .field-svg .base { fill: #fff; stroke: var(--ab-primary); stroke-width: 1; }
.stx-widget .stx-lineup-court .field-svg .dot.home circle { fill: var(--ab-home); stroke: #fff; stroke-width: 1.5; }
.stx-widget .stx-lineup-court .field-svg .dot.away circle { fill: var(--ab-away); stroke: #fff; stroke-width: 1.5; }
.stx-widget .stx-lineup-court .field-svg .num { fill: #fff; font-size: 8px; font-weight: 700; }
.stx-widget .stx-lineup-court .field-svg .dot.home .num { fill: var(--ab-on-home); }
.stx-widget .stx-lineup-court .field-svg .dot.away .num { fill: var(--ab-on-away); }
.stx-widget .stx-lineup-court .field-svg .nm { fill: var(--ab-primary); font-size: 7.5px; font-weight: 600; paint-order: stroke; stroke: var(--ab-surface); stroke-width: 2.5px; stroke-linejoin: round; }
.stx-widget .stx-lineup-court .field-svg .hand { fill: var(--ab-muted); font-size: 6.5px; font-weight: 600; }
.stx-widget .stx-lineup-court .field figcaption.dh { margin-top: 2px; font-size: 11px; color: var(--ab-card-ink); text-align: center; }
.stx-widget .stx-lineup-court .field figcaption.dh b { font-size: 10px; color: var(--ab-note); margin-right: 2px; }

/* diagram of volleyball: both sixes on one court, the libero beside it */
.stx-widget .stx-lineup-court .vcourt-svg .net { stroke: var(--ab-primary); stroke-width: 2.4; stroke-dasharray: 4 3; }
.stx-widget .stx-lineup-court .vcourt-svg .dot.libero circle { fill: var(--ab-surface); stroke-width: 2; }
.stx-widget .stx-lineup-court .vcourt-svg .dot.libero.home circle { stroke: var(--ab-home); }
.stx-widget .stx-lineup-court .vcourt-svg .dot.libero.away circle { stroke: var(--ab-away); }
.stx-widget .stx-lineup-court .vcourt-svg .dot.libero .num { fill: var(--ab-primary); }
.stx-widget .stx-lineup-court .vcourt-svg .dot.libero .nm { font-size: 8px; }

/* diagram of rugby: a pitch per team with the fifteen by shirt number */
.stx-widget .stx-lineup-court .rpitch { margin: 0; min-width: 0; }
.stx-widget .stx-lineup-court .rpitch-svg { display: block; width: 100%; height: auto; }
.stx-widget .stx-lineup-court .rpitch-svg .turf { fill: color-mix(in srgb, var(--ab-positive) 20%, var(--ab-surface)); stroke: var(--ab-primary); stroke-width: 1.6; }
.stx-widget .stx-lineup-court .rpitch-svg .mark { stroke: var(--ab-primary); stroke-width: 1; opacity: .35; }
.stx-widget .stx-lineup-court .rpitch-svg .dot.home circle { fill: var(--ab-home); stroke: #fff; stroke-width: 1.5; }
.stx-widget .stx-lineup-court .rpitch-svg .dot.away circle { fill: var(--ab-away); stroke: #fff; stroke-width: 1.5; }
.stx-widget .stx-lineup-court .rpitch-svg .num { fill: #fff; font-size: 9px; font-weight: 700; }
.stx-widget .stx-lineup-court .rpitch-svg .dot.home .num { fill: var(--ab-on-home); }
.stx-widget .stx-lineup-court .rpitch-svg .dot.away .num { fill: var(--ab-on-away); }
.stx-widget .stx-lineup-court .rpitch-svg .nm { fill: var(--ab-primary); font-size: 8px; font-weight: 600; paint-order: stroke; stroke: var(--ab-surface); stroke-width: 2.5px; stroke-linejoin: round; }

/* src/blocks/lineup.css */
/* Lineups and injuries. Colours come from the theme tokens (--ab-*) set on the article root. */
.stx-widget .stx-article { --ab-pitch: #2e8b57; --ab-absent: color-mix(in srgb, var(--ab-negative) 70%, #fff); }
.stx-widget .stx-lineup__title { font-size: 13px; font-weight: 600; letter-spacing: .4px; text-transform: lowercase; margin: 0 0 8px; }
.stx-widget .stx-lineup__status { margin: 0 0 8px; }
.stx-widget .stx-lineup__status .chip { display: inline-block; font-size: 11px; font-weight: 600; border-radius: 10px; padding: 2px 10px; background: var(--ab-accent-soft); color: var(--ab-ink); }
.stx-widget .stx-lineup__status .chip.confirmed { background: var(--ab-positive); color: #fff; }
.stx-widget .stx-lineup__narr { margin-top: 12px; font-size: 14px; }
.stx-widget .stx-lineup__narr.pending { font-style: italic; color: var(--ab-muted); }
.stx-widget .stx-lineup__foot { margin-top: 8px; font-size: 12px; color: var(--ab-muted); }

.stx-widget .stx-lineup { border-radius: 12px; overflow: hidden; }
.stx-widget .stx-lineup .grass { fill: var(--ab-pitch); stroke: #fff; stroke-width: 2; }
.stx-widget .stx-lineup .mark { stroke: #fff; stroke-width: 1.5; fill: none; }
.stx-widget .stx-lineup svg text { fill: #fff; font-weight: 600; }
.stx-widget .stx-lineup .dot.home circle { fill: var(--ab-accent); }
.stx-widget .stx-lineup .dot.away circle { fill: var(--ab-primary); }
.stx-widget .stx-lineup .dot.fan circle { fill: var(--ab-accent); }
.stx-widget .stx-lineup__subtitle { font-size: 12px; color: var(--ab-muted); margin: 0 0 8px; }

/* editorial: two text columns on the primary colour */
.stx-widget .stx-lineup.stx-layout--editorial { background: var(--ab-primary); border: .5px solid var(--ab-border); padding: 20px; color: #fff; }
.stx-widget .stx-lineup.stx-layout--editorial .cols { display: flex; gap: 16px; }
.stx-widget .stx-lineup.stx-layout--editorial .col { flex: 1; min-width: 0; }
.stx-widget .stx-lineup.stx-layout--editorial .vr { width: 1px; background: rgba(255,255,255,.12); }
.stx-widget .stx-lineup.stx-layout--editorial .tn { font-size: 15px; font-weight: 700; text-align: center; }
.stx-widget .stx-lineup.stx-layout--editorial .fm { font-size: 11px; font-weight: 700; text-align: center; color: rgba(255,255,255,.45); margin: 3px 0 14px; }
.stx-widget .stx-lineup.stx-layout--editorial .coach { font-size: 11px; text-align: center; color: rgba(255,255,255,.6); margin: -6px 0 10px; }
.stx-widget .stx-lineup.stx-layout--editorial .lab { color: var(--ab-accent); font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin: 16px 0 8px; }
.stx-widget .stx-lineup.stx-layout--editorial .lab:first-of-type, .stx-widget .stx-lineup.stx-layout--editorial .coach + .lab { margin-top: 0; }
.stx-widget .stx-lineup.stx-layout--editorial .xi { display: flex; flex-direction: column; gap: 7px; font-size: 12px; color: #fff; }
.stx-widget .stx-lineup.stx-layout--editorial .subs { font-size: 12px; color: rgba(255,255,255,.6); margin: 0; }
.stx-widget .stx-lineup.stx-layout--editorial .ab { font-size: 12px; color: #fff; margin: 0 0 5px; }
.stx-widget .stx-lineup.stx-layout--editorial .ab .why { color: var(--ab-accent); }

/* fan: two white panels on the primary colour, a mini pitch each */
.stx-widget .stx-lineup.stx-layout--fan { background: var(--ab-accent); padding: 12px; }
.stx-widget .stx-lineup.stx-layout--fan .panels { display: flex; gap: 10px; }
.stx-widget .stx-lineup.stx-layout--fan .panel { flex: 1; min-width: 0; background: var(--ab-surface); border-radius: 10px; padding: 12px; }
.stx-widget .stx-lineup.stx-layout--fan .tn { font-size: 12px; font-weight: 700; text-align: center; margin-bottom: 8px; }
.stx-widget .stx-lineup.stx-layout--fan .tn .fm { font-weight: 400; color: var(--ab-muted); }
.stx-widget .stx-lineup.stx-layout--fan .coach { font-size: 9.5px; color: var(--ab-muted); text-align: center; margin: -4px 0 8px; }
.stx-widget .stx-lineup.stx-layout--fan .pitchrow { display: flex; gap: 6px; }
.stx-widget .stx-lineup.stx-layout--fan .stx-lineup__mini { flex: none; }
.stx-widget .stx-lineup.stx-layout--fan .xi { display: flex; flex-direction: column; gap: 3px; font-size: 12px; color: #222; flex: 1; min-width: 0; }
.stx-widget .stx-lineup.stx-layout--fan .lab { font-size: 12px; color: var(--ab-accent); font-weight: 700; margin: 12px 0 6px; }
.stx-widget .stx-lineup.stx-layout--fan .subs { display: flex; flex-direction: column; gap: 3px; font-size: 12px; color: #222; }
.stx-widget .stx-lineup.stx-layout--fan .abl { font-size: 12px; color: var(--ab-accent); margin: 0; }

/* comparator: formation rows of circles with the name under each */
.stx-widget .stx-lineup.stx-layout--comparator { background: var(--ab-surface); border: .5px solid var(--ab-border); }
.stx-widget .stx-lineup.stx-layout--comparator .head, .stx-widget .stx-lineup.stx-layout--comparator .two, .stx-widget .stx-lineup.stx-layout--comparator .coaches { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.stx-widget .stx-lineup.stx-layout--comparator .head { padding: 14px 20px; border-bottom: .5px solid var(--ab-border); }
.stx-widget .stx-lineup.stx-layout--comparator .head p { margin: 0; font-size: 13px; font-weight: 600; }
.stx-widget .stx-lineup.stx-layout--comparator .head p.away, .stx-widget .stx-lineup.stx-layout--comparator .coaches .away { text-align: right; }
.stx-widget .stx-lineup.stx-layout--comparator .head .fm { font-size: 11px; font-weight: 400; color: var(--ab-muted); }
.stx-widget .stx-lineup.stx-layout--comparator .coaches { padding: 8px 20px 0; font-size: 11px; color: var(--ab-muted); }
.stx-widget .stx-lineup.stx-layout--comparator .body { padding: 16px 20px; }
.stx-widget .stx-lineup.stx-layout--comparator .form { display: flex; flex-direction: column; gap: 10px; align-items: center; }
.stx-widget .stx-lineup.stx-layout--comparator .line { display: flex; justify-content: center; }
.stx-widget .stx-lineup.stx-layout--comparator .pl { display: flex; flex-direction: column; align-items: center; min-width: 0; }
.stx-widget .stx-lineup.stx-layout--comparator .pl .dot { width: 24px; height: 24px; border-radius: 50%; background: var(--ab-primary); color: #fff; font-size: 9px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.stx-widget .stx-lineup.stx-layout--comparator .pl .nm { font-size: 8px; color: #666; margin-top: 2px; max-width: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stx-widget .stx-lineup.stx-layout--comparator .xi { display: flex; flex-direction: column; gap: 4px; font-size: 11px; color: #555; }
.stx-widget .stx-lineup.stx-layout--comparator .lab { font-size: 10px; color: var(--ab-muted); letter-spacing: .4px; margin: 18px 0 8px; }
.stx-widget .stx-lineup.stx-layout--comparator .subs { display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: #222; }
.stx-widget .stx-lineup.stx-layout--comparator .abl { font-size: 13px; color: var(--ab-accent); margin: 0; padding: 0 20px 14px; }

/* original: one pitch with both teams, then the lists */
.stx-widget .stx-lineup.stx-layout--original { background: var(--ab-surface); border: .5px solid var(--ab-border); border-top: 3px solid var(--ab-accent); padding: 20px; }
.stx-widget .stx-lineup.stx-layout--original .head { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.stx-widget .stx-lineup.stx-layout--original .head span { font-size: 12px; font-weight: 600; }
.stx-widget .stx-lineup.stx-layout--original .head .home { color: var(--ab-accent); }
.stx-widget .stx-lineup.stx-layout--original .head .away { color: var(--ab-primary); }
.stx-widget .stx-lineup.stx-layout--original .stx-lineup__big { display: block; width: 100%; max-width: 300px; height: auto; margin: 0 auto; }
.stx-widget .stx-lineup.stx-layout--original .two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 12px; }
.stx-widget .stx-lineup.stx-layout--original .xi, .stx-widget .stx-lineup.stx-layout--original .subs { display: flex; flex-direction: column; gap: 5px; font-size: 12px; color: #222; }
.stx-widget .stx-lineup.stx-layout--original .coach { font-size: 11px; color: var(--ab-muted); }
.stx-widget .stx-lineup.stx-layout--original .lab { font-size: 10px; color: var(--ab-muted); letter-spacing: .4px; margin: 14px 0 0; }
.stx-widget .stx-lineup.stx-layout--original .abs { display: flex; flex-direction: column; gap: 3px; font-size: 12px; color: var(--ab-accent); }
.stx-widget .stx-lineup.stx-layout--original .lab + .two { margin-top: 6px; }
@media (max-width: 520px) { .stx-widget .stx-lineup.stx-layout--editorial .cols, .stx-widget .stx-lineup.stx-layout--fan .panels { flex-direction: column; } .stx-widget .stx-lineup.stx-layout--editorial .vr { width: auto; height: 1px; } }
.stx-widget .stx-lineup.stx-layout--comparator .abl::first-letter { text-transform: uppercase; }
/* Generated by scripts/gen-wp-css.ts from the CSS of the match_details block. Do not edit: change src/blocks and run npm run gen:wp-css. */
/* src/blocks/MatchDetails.css */
/* Match details: four structural cards (vertical, ticket, bar, calendar), chosen by the
   block's `variant`, not by the site layout. */
.stx-widget .stx-match-details__title { font-size: 13px; font-weight: 600; letter-spacing: .4px; text-transform: lowercase; margin: 0 0 8px; }
.stx-widget .stx-match-details p { margin: 0; }

.stx-widget .stx-match-details--vertical { position: relative; border-radius: 12px; border: 1px solid var(--ab-card-border); background: var(--ab-surface); padding: 20px 24px 20px 52px; }
.stx-widget .stx-match-details--vertical .line { position: absolute; left: 33px; top: 26px; bottom: 26px; width: 1px; background: var(--ab-border); }
.stx-widget .stx-match-details--vertical .item { position: relative; margin-bottom: 18px; }
.stx-widget .stx-match-details--vertical .item:last-child { margin-bottom: 0; }
.stx-widget .stx-match-details--vertical .dot { position: absolute; left: -28px; top: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--ab-primary); color: #fff; display: flex; align-items: center; justify-content: center; }
.stx-widget .stx-match-details--vertical .lab { font-size: 11px; color: var(--ab-muted); }
.stx-widget .stx-match-details--vertical .item p { font-size: 14px; font-weight: 600; margin-top: 2px; }

.stx-widget .stx-match-details--ticket { display: flex; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.stx-widget .stx-match-details--ticket .stub { background: var(--ab-primary); color: var(--ab-accent); padding: 18px 16px; width: 110px; flex: none; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 2px; }
.stx-widget .stx-match-details--ticket .stub .n { color: #fff; font-size: 12px; font-weight: 600; text-transform: lowercase; margin-top: 4px; }
.stx-widget .stx-match-details--ticket .stub .s { color: rgba(255,255,255,.5); font-size: 10px; }
.stx-widget .stx-match-details--ticket .info { flex: 1; min-width: 0; background: var(--ab-surface); padding: 16px 20px; display: flex; flex-direction: column; justify-content: center; gap: 8px; }
.stx-widget .stx-match-details--ticket .line { display: flex; align-items: center; gap: 8px; color: var(--ab-muted); }
.stx-widget .stx-match-details--ticket .line b { font-size: 13px; color: var(--ab-text); }
.stx-widget .stx-match-details--ticket .line span { font-size: 12px; }

.stx-widget .stx-match-details--bar { border-radius: 10px; border: 1px solid var(--ab-card-border); background: var(--ab-head-grey); padding: 12px 18px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12px; color: color-mix(in srgb, var(--ab-text) 65%, var(--ab-surface)); }
.stx-widget .stx-match-details--bar .md-seg { display: inline-flex; gap: 6px; }
.stx-widget .stx-match-details--bar .dot { color: var(--ab-border); }
.stx-widget .stx-match-details--bar .first { color: var(--ab-primary); font-weight: 600; }

.stx-widget .stx-match-details--calendar { display: flex; border-radius: 12px; overflow: hidden; border: 1px solid var(--ab-card-border); background: var(--ab-surface); }
.stx-widget .stx-match-details--calendar .tile { width: 90px; flex: none; border-right: 1px solid var(--ab-border); text-align: center; padding: 12px 0; }
.stx-widget .stx-match-details--calendar .m { font-size: 10px; text-transform: uppercase; font-weight: 600; letter-spacing: .06em; color: var(--ab-accent-ink); }
.stx-widget .stx-match-details--calendar .d { font-size: 32px; font-weight: 700; line-height: 1; }
.stx-widget .stx-match-details--calendar .y { font-size: 10px; color: var(--ab-muted); margin-top: 4px; }
.stx-widget .stx-match-details--calendar .rows { flex: 1; min-width: 0; padding: 14px 18px; display: flex; flex-direction: column; gap: 6px; justify-content: center; }
.stx-widget .stx-match-details--calendar .r { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; }
.stx-widget .stx-match-details--calendar .r span { color: var(--ab-muted); }
.stx-widget .stx-match-details--calendar .r b { text-align: right; }

/* facts: a card with a primary top border and a two-column list of labelled facts */
.stx-widget .stx-match-details--facts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; padding: 20px 24px; background: var(--ab-head-grey); border: 1px solid var(--ab-card-border); border-top: 3px solid var(--ab-primary); border-radius: 12px; font-size: 14px; color: var(--ab-card-sub); }
.stx-widget .stx-match-details--facts b { display: inline-block; color: var(--ab-primary); }
.stx-widget .stx-match-details--facts b::first-letter { text-transform: uppercase; }
@media (max-width: 480px) { .stx-widget .stx-match-details--facts { grid-template-columns: 1fr; } }
@charset "UTF-8";a.app-download-cta.app-download-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--app-download-cta-icon-gap,8px);background-color:var(--app-download-cta-background,#0c2c61);background-image:none;color:var(--app-download-cta-color,#fff)!important;border:1.5px solid var(--app-download-cta-border,var(--app-download-cta-background,#0c2c61));text-decoration:none;transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease}a.app-download-cta.app-download-cta:visited{color:var(--app-download-cta-color,#fff)!important}a.app-download-cta.app-download-cta:hover{background-color:var(--app-download-cta-hover-background,#153e85);border-color:var(--app-download-cta-hover-border,var(--app-download-cta-hover-background,#153e85));color:var(--app-download-cta-hover-color,#fff)!important;text-decoration:none}a.app-download-cta.app-download-cta>span{color:inherit!important}a.app-download-cta.app-download-cta:focus-visible{outline:2px solid var(--app-download-cta-focus,#0082cb);outline-offset:2px}a.app-download-cta.app-download-cta .app-download-cta__icon{width:18px;height:18px;flex:none}@media (prefers-reduced-motion:reduce){a.app-download-cta.app-download-cta{transition:none}}.MMBrandsBookmakerCode-content-right-buttonActions[data-app-download-mounted]{flex-direction:column;gap:0}.MMBrandsBookmakerCode-content-right-buttonActions[data-app-download-mounted]>.MMBrandsBookmakerCode-content-right-button{flex:0 0 auto;width:100%;box-sizing:border-box}.MMBrandsBookmakerCode-content-right-buttonActions[data-app-download-mounted]>.MMBrandsBookmakerCode-content-right-button--app{padding-top:0}.MMBrandsBookmakerCode-content-right-buttonActions[data-app-download-mounted]>.MMBrandsBookmakerCode-content-right-button:not(.MMBrandsBookmakerCode-content-right-button--app){padding-bottom:10px}.MvpBookmakerCode-content-right-buttonActions[data-app-download-mounted]{display:flex;flex-direction:column;gap:0}.MvpBookmakerCode-content-right-buttonActions[data-app-download-mounted]>.MvpBookmakerCode-content-right-button{flex:0 0 auto;width:100%;box-sizing:border-box}.MvpBookmakerCode-content-right-buttonActions[data-app-download-mounted]>.MvpBookmakerCode-content-right-button--app{padding-top:0}.MvpBookmakerCode-content-right-buttonActions[data-app-download-mounted]>.MvpBookmakerCode-content-right-button:not(.MvpBookmakerCode-content-right-button--app){padding-bottom:10px}.MvpBookmakerTableTopBlock--light .MvpBookmakerTableTopBlock-item--lightCta{height:auto;min-height:95px}@media (max-width:767px){.MvpBookmakerTableTopBlock--light .MvpBookmakerTableTopBlock-item--lightCta{min-height:55px}}@media (max-width:767px){[data-app-download-mounted]{flex-wrap:wrap}[data-app-download-mounted][data-app-download-mounted]>.MMBrandsBookmakerCode-content-right-button--app,[data-app-download-mounted][data-app-download-mounted]>.MvpBookmakerCode-content-right-button--app,[data-app-download-mounted][data-app-download-mounted]>a.app-download-cta{flex:0 0 100%;width:100%;box-sizing:border-box}[data-app-download-mounted] a.app-download-cta.app-download-cta{width:100%}.mmnb-simple-bonus-card-code__cta-actions[data-app-download-mounted]{display:flex;flex-direction:column;gap:12px}.mmnb-simple-bonus-card-code__cta-actions[data-app-download-mounted][data-app-download-mounted]>a{flex:0 0 auto;width:100%;box-sizing:border-box}.MvpBookmakerTableTopBlock:not(.MvpBookmakerTableTopBlock--light) .MvpBookmakerTableCtaAndCode-top[data-app-download-mounted]>a.MvpBookmakerTableCtaAndCode-top-cta{height:75px}.MvpBookmakerTableTopBlock--light .MvpBookmakerTableCtaAndCode-top[data-app-download-mounted]>a.MvpBookmakerTableCtaAndCode-top-cta{height:60px}.MvpBookmakerApostasHeader-bottom-cta[data-app-download-mounted]{display:flex;flex-direction:column;gap:12px}.MvpBookmakerApostasHeader-bottom-cta[data-app-download-mounted]>a.MvpBookmakerApostasHeaderCta{flex:0 0 auto}.mm-sticky_brand-code[data-app-download-mounted]>.mm-bonus-code,.mm-sticky_brand-code[data-app-download-mounted]>a.mm-sticky_brand-cta:not(.app-download-cta){flex:1 1 0;min-width:0}}.brand-code-card__actions[data-app-download-mounted][data-app-download-mounted],.brand-code__actions[data-app-download-mounted][data-app-download-mounted],.brand-steps__actions[data-app-download-mounted][data-app-download-mounted],.mmnb-brand-offer-list__cards .mmnb-simple-bonus-card-code__cta-actions[data-app-download-mounted][data-app-download-mounted]{flex-direction:column}.brand-code-card__actions[data-app-download-mounted][data-app-download-mounted]>a,.brand-code__actions[data-app-download-mounted][data-app-download-mounted]>a,.brand-steps__actions[data-app-download-mounted][data-app-download-mounted]>a,.mmnb-brand-offer-list__cards .mmnb-simple-bonus-card-code__cta-actions[data-app-download-mounted][data-app-download-mounted]>a{flex:0 0 auto;width:100%;box-sizing:border-box}@media (min-width:768px){.MMBrandsBookmakerApostasHeader-top-cta[data-app-download-mounted]{display:flex;gap:var(--space-sm)}.MMBrandsBookmakerApostasHeader-top-cta[data-app-download-mounted]>a{flex:0 0 auto}.MvpBookmakerApostasHeader-top-cta[data-app-download-mounted]{display:flex;gap:var(--space-sm,12px)}.MvpBookmakerApostasHeader-top-cta[data-app-download-mounted]>a{flex:0 0 auto}}
/*# sourceMappingURL=AppDownloadCta.min.css.map */
.instagram__inner{display:flex;flex-direction:column;gap:32px;padding-bottom:60px}@media(max-width: 1024px){.instagram__inner{gap:10px;padding-bottom:32px}}.instagram__title{display:flex;flex-direction:column;gap:24px}@media(max-width: 1024px){.instagram__title{gap:16px}}.instagram__title__top{display:flex;align-items:center;gap:12px}.instagram__title__top img{height:64px}@media(max-width: 1024px){.instagram__title__top img{height:48px}}@media(max-width: 568px){.instagram__title__top img{height:36px}}.instagram__title__top__account{flex:1;display:flex;justify-content:flex-end;--font-size: var(--font-size-4xl)}@media(max-width: 1024px){.instagram__title__top__account{--font-size: var(--font-size-3xl)}}@media(max-width: 568px){.instagram__title__top__account{--font-size: var(--font-size-xl)}}@media(max-width: 36px){.instagram__title__top__account{--font-size: var(--font-size-sm)}}@media(max-width: 343px){.instagram__title__top__account{display:none}}.instagram__title__top__account span{background:linear-gradient(135deg, #ff7950 35.86%, #ff1c74 50%, #6c1cd1 85.36%);background-clip:text;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-align:right;font-family:var(--font-family-heading-tmp);font-style:italic;font-size:var(--font-size);font-weight:var(--font-weight-regular);padding-right:10px}.instagram #sbi_images{gap:16px;padding:0 !important}@media(max-width: 1200px){.instagram #sbi_images{padding:0 8px !important}}@media(max-width: 1024px){.instagram #sbi_images{gap:16px;padding:16px 8px !important}}.newsletter-form{display:flex;align-items:center;height:50px;width:100%;max-width:350px;background:#fff;border-radius:100px;padding:10px 5px 10px 10px;border:3px solid var(--color-secondary);position:relative}.newsletter-form__loading{display:none;position:absolute;top:2px;right:5px;background:hsla(0,0%,100%,.8);border-radius:100px}.newsletter-form__loading .text-primary{color:var(--color-secondary-300) !important;width:38px;height:38px}.newsletter-form__success-message{font-size:var(--font-size-sm);color:#2ecc71}.newsletter-form__input{height:100%;width:100%;border:none;outline:none;font-size:var(--font-size-xs);color:var(--theme-text-color);padding-left:20px}.newsletter-form__button{background:var(--color-secondary-300);border:none;outline:none;border-radius:100px;padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:38px;width:38px}.country-selector{position:relative;width:100%;max-width:300px}.country-selector__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:7px 20px 7px 10px;background:#fff;border:none;border-radius:100px;cursor:pointer}.country-selector__trigger:hover{background-color:#f8f8f8}.country-selector__dropdown{position:absolute;bottom:calc(100% + 10px);left:0;right:0;background:#fff;border-radius:15px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;display:none;z-index:1000;padding:13px}.country-selector__dropdown.active{display:block}.country-selector__item{display:flex;align-items:center;justify-content:space-between;padding:13px 0;text-decoration:none;color:inherit;border-bottom:1px solid var(--theme-secondary-info-color);position:relative}.country-selector__item:hover{color:var(--color-primary)}.country-selector__item:first-child{padding-top:0}.country-selector__item:last-child{border-bottom:none;padding-bottom:0}.country-selector__item__content{display:flex;align-items:center;gap:6px}.country-selector__flag{border-radius:50%;width:34px;height:34px;position:relative;overflow:hidden}.country-selector__flag__img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:cover}.country-selector__title{flex:1;font-weight:normal}.country-selector__title strong{color:var(--color-primary);font-weight:bold}.country-selector__arrow{font-size:24px;color:var(--color-secondary);transition:transform .3s ease;transform-origin:center;display:flex;align-items:center;line-height:1}.active .country-selector__arrow{transform:rotate(-90deg)}[data-type="mm-theme-media-betting/menu-selector"]{flex:1}.menu-selector{--columns: 3;display:grid;grid-template-columns:repeat(var(--columns), 1fr);column-gap:24px;row-gap:32px;width:100%;padding:0}@media(max-width: 1024px){.menu-selector{--columns: 2;gap:24px}}@media(max-width: 576px){.menu-selector{--columns: 1}}.menu-selector__empty{color:red;line-height:26px;width:100%;text-align:center;border:2px solid red;display:flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;font-size:24px;height:100%;padding:0;padding-top:25px;padding-bottom:25px}.menu-selector>li{list-style:none;flex:1}.menu-selector>li>a{color:var(--color-primary);font-weight:700;font-size:20px;text-transform:uppercase}.menu-selector .sub-menu{list-style:none;padding:0;margin:24px 0 0 0;display:flex;flex-direction:column;gap:18px}.menu-selector .sub-menu .menu-item{display:flex;gap:14px}.menu-selector .sub-menu .menu-item:hover::before{transform:translateX(6px);transition:transform .2s ease-in-out}.menu-selector .sub-menu .menu-item:hover a{color:var(--color-primary)}.menu-selector .sub-menu .menu-item::before{content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSA3QzAuNDQ3NzE1IDcgMCA3LjQ0NzcyIDAgOEMwIDguNTUyMjggMC40NDc3MTUgOSAxIDlWN1pNMTYuNzA3MSA4LjcwNzExQzE3LjA5NzYgOC4zMTY1OCAxNy4wOTc2IDcuNjgzNDIgMTYuNzA3MSA3LjI5Mjg5TDEwLjM0MzEgMC45Mjg5MzJDOS45NTI2MiAwLjUzODQwOCA5LjMxOTQ2IDAuNTM4NDA4IDguOTI4OTMgMC45Mjg5MzJDOC41Mzg0MSAxLjMxOTQ2IDguNTM4NDEgMS45NTI2MiA4LjkyODkzIDIuMzQzMTVMMTQuNTg1OCA4TDguOTI4OTMgMTMuNjU2OUM4LjUzODQxIDE0LjA0NzQgOC41Mzg0MSAxNC42ODA1IDguOTI4OTMgMTUuMDcxMUM5LjMxOTQ2IDE1LjQ2MTYgOS45NTI2MiAxNS40NjE2IDEwLjM0MzEgMTUuMDcxMUwxNi43MDcxIDguNzA3MTFaTTEgOUg4LjVWN0gxVjlaTTguNSA5SDE2VjdIOC41VjlaIiBmaWxsPSIjMDAyNjk5Ii8+PC9zdmc+");position:relative;top:2px;display:block;width:15px}.menu-selector .sub-menu .menu-item a{color:var(--tpo-text-color);display:block}@media(max-width: 1024px){.menu-selector .sub-menu .menu-item a{max-width:100%}}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]){rotate:180deg}.wp-block-cover-image,.wp-block-cover{box-sizing:border-box;background-position:50%;justify-content:center;align-items:center;min-height:430px;padding:1em;display:flex;position:relative;overflow:clip}.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]),.wp-block-cover .has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover-image .has-background-dim.has-background-gradient,.wp-block-cover .has-background-dim.has-background-gradient{background-color:#0000}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";background-color:inherit}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background{opacity:.5;position:absolute;inset:0}.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background{opacity:1}.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{width:100%;max-width:420px}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:100%;color:inherit;position:relative}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{justify-content:flex-start;align-items:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{justify-content:center;align-items:flex-start}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{justify-content:flex-end;align-items:flex-start}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{justify-content:flex-start;align-items:center}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{justify-content:center;align-items:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{justify-content:flex-end;align-items:center}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{justify-content:flex-start;align-items:flex-end}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{justify-content:center;align-items:flex-end}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{justify-content:flex-end;align-items:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0}.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container{width:auto;margin:0}.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background{-o-object-fit:cover;object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border:none;outline:none;margin:0;padding:0;position:absolute;inset:0}.wp-block-cover-image .wp-block-cover__embed-background,.wp-block-cover .wp-block-cover__embed-background{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;pointer-events:none;border:none;outline:none;margin:0;padding:0;position:absolute;inset:0}.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper,.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper{width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.wp-block-cover-image .wp-block-cover__embed-background iframe,.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,.wp-block-cover .wp-block-cover__embed-background iframe,.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper iframe{pointer-events:none;width:100vw;min-width:100%;height:100vh;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-repeat:no-repeat;background-size:cover;background-attachment:fixed}@supports (-webkit-touch-callout:inherit){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}section.wp-block-cover-image h2,.wp-block-cover-image-text,.wp-block-cover-text,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:hover,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:active,.wp-block-cover-image-text a,.wp-block-cover-image-text a:hover,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:active,.wp-block-cover-text a,.wp-block-cover-text a:hover,.wp-block-cover-text a:focus,.wp-block-cover-text a:active{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}section.wp-block-cover-image.has-left-content>h2,.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text{text-align:left;margin-left:0}section.wp-block-cover-image.has-right-content>h2,.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text{text-align:right;margin-right:0}section.wp-block-cover-image>h2,.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text{z-index:1;text-align:center;max-width:840px;margin-bottom:0;padding:.44em;font-size:2em;line-height:1.25}:where(.wp-block-cover:not(.has-text-color)),:where(.wp-block-cover-image:not(.has-text-color)){color:#fff}:where(.wp-block-cover.is-light:not(.has-text-color)),:where(.wp-block-cover-image.is-light:not(.has-text-color)){color:#000}:root :where(.wp-block-cover p:not(.has-text-color)),:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover h4:not(.has-text-color)),:root :where(.wp-block-cover h5:not(.has-text-color)),:root :where(.wp-block-cover h6:not(.has-text-color)){color:inherit}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__video-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__embed-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__image-background{z-index:0}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient):before,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__gradient-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container{z-index:1}.has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container{z-index:auto}.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{vertical-align:bottom;box-sizing:border-box;max-width:100%;height:auto}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:.4s show-content-image}}.wp-block-image[style*=border-radius]>a,.wp-block-image[style*=border-radius] img{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%;height:auto}.wp-block-image.alignleft,.wp-block-image.alignright,.wp-block-image.aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image .aligncenter{display:table}.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image .aligncenter>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-top:.5em;margin-bottom:1em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{flex-direction:column;display:flex;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{opacity:0;backdrop-filter:blur(16px)saturate(180%);cursor:zoom-in;z-index:100;text-align:center;background-color:#5a5a5a40;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:16px;right:16px}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:hover,.wp-lightbox-container button:focus,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{z-index:100000;box-sizing:border-box;visibility:hidden;cursor:zoom-out;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.wp-lightbox-overlay .wp-lightbox-close-button{top:calc(env(safe-area-inset-top) + 16px);right:calc(env(safe-area-inset-right) + 16px);cursor:pointer;z-index:5000000;justify-content:center;align-items:center;gap:8px;min-width:40px;min-height:40px;padding:0 4px;font-family:inherit;line-height:1;display:flex;position:absolute}.wp-lightbox-overlay .wp-lightbox-close-button:hover,.wp-lightbox-overlay .wp-lightbox-close-button:focus,.wp-lightbox-overlay .wp-lightbox-close-button:not(:hover):not(:active):not(.has-background){background:0 0;border:none}.wp-lightbox-overlay .wp-lightbox-close-button:has(.wp-lightbox-close-text:not([hidden])) .wp-lightbox-close-icon svg{width:1em;height:1em}.wp-lightbox-overlay .wp-lightbox-close-icon svg{display:block}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev,.wp-lightbox-overlay .wp-lightbox-navigation-button-next{z-index:2000002;cursor:pointer;justify-content:center;align-items:center;gap:4px;min-width:40px;min-height:40px;padding:0 8px;font-family:inherit;line-height:1;display:flex;position:absolute;bottom:16px}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev[hidden],.wp-lightbox-overlay .wp-lightbox-navigation-button-next[hidden]{display:none}@media (width>=960px){.wp-lightbox-overlay .wp-lightbox-navigation-button-prev,.wp-lightbox-overlay .wp-lightbox-navigation-button-next{bottom:50%;transform:translateY(-50%)}}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:not(:hover):not(:active):not(.has-background),.wp-lightbox-overlay .wp-lightbox-navigation-button-next:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:not(:hover):not(:active):not(.has-background){background:0 0;border:none;padding:0 8px}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg{width:1.5em;height:1.5em;display:block}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{left:calc(env(safe-area-inset-left) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-button-next{right:calc(env(safe-area-inset-right) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-icon svg{vertical-align:middle}.wp-lightbox-overlay .lightbox-image-container{transform-origin:0 0;width:var(--wp--lightbox-container-width);height:var(--wp--lightbox-container-height);z-index:2000001;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.wp-lightbox-overlay .wp-block-image{transform-origin:0 0;box-sizing:border-box;z-index:3000000;justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;position:relative}.wp-lightbox-overlay .wp-block-image img{min-width:var(--wp--lightbox-image-width);min-height:var(--wp--lightbox-image-height);width:var(--wp--lightbox-image-width);height:var(--wp--lightbox-image-height)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:0 0;border:none}.wp-lightbox-overlay .scrim{z-index:2000000;opacity:.9;background-color:#fff;width:100%;height:100%;position:absolute}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:.25s both turn-on-visibility}.wp-lightbox-overlay.active img{animation:.35s both turn-on-visibility}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:.35s both turn-off-visibility}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:.25s both turn-off-visibility}.wp-lightbox-overlay.zoom.active{opacity:1;visibility:visible;animation:none}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:.4s lightbox-zoom-in}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:.4s forwards turn-on-visibility}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:.4s lightbox-zoom-out}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:.4s forwards turn-off-visibility}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width)) / 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%)scale(1)}}@keyframes lightbox-zoom-out{0%{visibility:visible;transform:translate(-50%,-50%)scale(1)}99%{visibility:visible}to{visibility:hidden;transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width)) / 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;text-transform:uppercase;margin:.05em .1em 0 0;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68}body.rtl .has-drop-cap:not(:focus):first-letter{float:initial;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-right[style*=writing-mode\:vertical-rl],p.has-text-align-left[style*=writing-mode\:vertical-lr]{rotate:180deg}.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (width>=782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:initial!important}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (width<=781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (width>=782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-grow:1;flex-basis:0}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-grow:1;flex-basis:0}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{word-break:break-word;overflow-wrap:break-word;flex-grow:1;min-width:0}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-top,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-bottom{width:100%}.wp-block-social-links{box-sizing:border-box;text-indent:0;background:0 0;margin-left:0;padding-left:0;padding-right:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{box-shadow:none;border-bottom:0;text-decoration:none}.wp-block-social-links .wp-social-link svg{width:1em;height:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){margin-left:.5em;margin-right:.5em;font-size:.65em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block}@media not (prefers-reduced-motion){.wp-block-social-link{transition:transform .1s}}.wp-block-social-link{height:auto}.wp-block-social-link a{align-items:center;line-height:0;display:flex}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link.wp-social-link{margin:0;padding:0;display:inline-block}.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg{color:currentColor;fill:currentColor}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{color:#444;background-color:#f0f0f0}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon{color:#fff;background-color:#f90}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp{color:#fff;background-color:#1ea0c3}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance{color:#fff;background-color:#0757fe}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky{color:#fff;background-color:#0a7aff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen{color:#fff;background-color:#1e1f26}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart{color:#fff;background-color:#02e49b}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord{color:#fff;background-color:#5865f2}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble{color:#fff;background-color:#e94c89}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox{color:#fff;background-color:#4280ff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy{color:#fff;background-color:#f45800}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{color:#fff;background-color:#0866ff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx{color:#fff;background-color:#000}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr{color:#fff;background-color:#0461dd}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare{color:#fff;background-color:#e65678}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github{color:#fff;background-color:#24292d}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads{color:#382110;background-color:#eceadd}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google{color:#fff;background-color:#ea4434}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar{color:#fff;background-color:#1d4fc4}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram{color:#fff;background-color:#f00075}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm{color:#fff;background-color:#e21b24}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin{color:#fff;background-color:#0d66c2}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon{color:#fff;background-color:#3288d4}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium{color:#fff;background-color:#000}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup{color:#fff;background-color:#f6405f}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon{color:#fff;background-color:#000}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest{color:#fff;background-color:#e60122}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket{color:#fff;background-color:#ef4155}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit{color:#fff;background-color:#ff4500}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype{color:#fff;background-color:#0478d7}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat{color:#fff;stroke:#000;background-color:#fefc00}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud{color:#fff;background-color:#ff5600}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify{color:#fff;background-color:#1bd760}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram{color:#fff;background-color:#2aabee}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads,:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok{color:#fff;background-color:#000}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr{color:#fff;background-color:#011835}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch{color:#fff;background-color:#6440a4}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter{color:#fff;background-color:#1da1f2}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo{color:#fff;background-color:#1eb7ea}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk{color:#fff;background-color:#4680c2}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress{color:#fff;background-color:#3499cd}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp{color:#fff;background-color:#25d366}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x{color:#fff;background-color:#000}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp{color:#fff;background-color:#d32422}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube{color:#fff;background-color:red}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link{background:0 0}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg{width:1.25em;height:1.25em}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon{color:#f90}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp{color:#1ea0c3}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance{color:#0757fe}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky{color:#0a7aff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen{color:#1e1f26}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart{color:#02e49b}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord{color:#5865f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble{color:#e94c89}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox{color:#4280ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy{color:#f45800}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook{color:#0866ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr{color:#0461dd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare{color:#e65678}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github{color:#24292d}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads{color:#382110}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google{color:#ea4434}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar{color:#1d4fc4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram{color:#f00075}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm{color:#e21b24}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin{color:#0d66c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon{color:#3288d4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup{color:#f6405f}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest{color:#e60122}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket{color:#ef4155}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit{color:#ff4500}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype{color:#0478d7}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat{color:#fff;stroke:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud{color:#ff5600}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify{color:#1bd760}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram{color:#2aabee}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads,:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr{color:#011835}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch{color:#6440a4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter{color:#1da1f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo{color:#1eb7ea}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk{color:#4680c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp{color:#25d366}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress{color:#3499cd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp{color:#d32422}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.666667em;padding-right:.666667em}.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{color:#000}:root{--btn-font-family: var(--font-family-base-tmp, var(--font-family-base));--btn-border-radius-sm: 10px;--btn-border-radius-md: 10px;--btn-border-radius-lg: 10px;--btn-font-size-sm: 14px;--btn-font-size-md: 16px;--btn-font-size-lg: 18px;--btn-line-height-sm: 14px;--btn-line-height-md: 16px;--btn-line-height-lg: 18px;--btn-font-weight-sm: 700;--btn-font-weight-md: 700;--btn-font-weight-lg: 700;--btn-icon-size-sm: 16px;--btn-icon-size-md: 18px;--btn-icon-size-lg: 24px;--btn-height-sm: 40px;--btn-height-md: 48px;--btn-height-lg: 56px;--text-button-height: 40px;--app-download-cta-background: var(--color-white);--app-download-cta-color: var(--color-primary);--app-download-cta-border: var(--color-primary);--app-download-cta-hover-background: var(--color-primary);--app-download-cta-hover-border: var(--color-primary);--app-download-cta-hover-color: var(--color-white);--app-download-cta-focus: var(--color-primary-400)}:root{--color-primary: #002699;--color-primary-rgb: 0, 38, 153;--color-primary-50: #F2F4FA;--color-primary-100: #E5E9F5;--color-primary-200: #CCD4EB;--color-primary-300: #99A8D6;--color-primary-400: #667DC2;--color-primary-500: #3351AD;--color-primary-600: #001E7A;--color-primary-600-rgb: 0, 30, 122;--color-primary-700: #00175C;--color-primary-800: #000F3D;--color-primary-900: #00081F;--color-secondary: #fd4040;--color-secondary-50: #fff5f5;--color-secondary-100: #FFECEC;--color-secondary-200: #FFD9D9;--color-secondary-300: #FEB3B3;--color-secondary-400: #FE8C8C;--color-secondary-500: #FD6666;--color-secondary-600: #CA3333;--color-secondary-700: #982626;--color-secondary-800: #651A1A;--color-secondary-900: #330D0D;--color-white-on-media: #FFFFFF;--color-white: #FEFEFE;--color-white-100: #FFFFFF;--color-white-100-rgb: 255, 255, 255;--color-black: #3B3B3B;--color-black-rgb: 59, 59, 59;--color-black-100: #000000;--color-black-100-rgb: 0, 0, 0;--color-gray-50: #F8F8F8;--color-gray-100: #E8E8E8;--color-gray-200: #D0D0D0;--color-gray-300: #B9B9B9;--color-gray-400: #A1A1A1;--color-gray-500: #8A8A8A;--color-gray-600: #737373;--color-gray-700: #5B5B5B;--color-gray-800: #444444;--color-gray-900: #2C2C2C;--color-red-error: #E42719;--color-orange-warning: #ED6C02;--color-green-success: #45B37C;--color-brand-cta-default: #16A34A;--color-brand-cta-hover: #0D622C;--color-brand-cta-while-pressing: #09411E;--color-brand-cta-active: #04210F;--color-brand-cta-disabled: #D0D0D0;--color-brand-cta-stroke: #78E09E;--color-brand-cta-text-icon-dark: #FAFAFA;--color-brand-cta-text-icon-light: #FAFAFA;--color-gold-star: #FFC107;--color-gold-badge: #C7C000;--color-silver-badge: #A6A6A6;--color-bronze-badge: #D3A98C;--color-player-injured-suspended: #FCE9E8;--color-player-icon-container: #FFD5D5;--color-player-icon: #FF0000}:root{--font-family-base: "Archivo Black";--font-family-heading: "Plus Jakarta Sans";--font-family-base-tmp: "Plus Jakarta Sans";--font-family-heading-tmp: "Archivo Black";--font-size-base: 16px;--font-size-xxs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 22px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-size-5xl: 36px;--font-size-6xl: 40px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-extrabold: 800;--line-height-base: 1.5;--line-height-xxs: 1.3;--line-height-xs: 1.3;--line-height-sm: 1.4;--line-height-md: 1.4;--line-height-lg: 1.5;--line-height-xl: 1.4;--line-height-2xl: 1.3;--line-height-3xl: 1.2;--line-height-4xl: 1.2;--line-height-5xl: 1.1;--line-height-6xl: 1.1;--letter-spacing-sm: -0.25px;--letter-spacing-md: 0.25px;--letter-spacing-lg: 0.5px;--letter-spacing-base: 0}:root{--container-max-width: 1320px;--container-desktop-gutter: var(--bs-gutter-x, 0.75rem);--container-mobile-gutter: var(--bs-gutter-x, 0.75rem);--sidebar-width: 320px;--sidebar-mobile-gap: 24px;--sidebar-desktop-gap: 32px}:root{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 10px;--border-radius-xl: 12px;--border-radius-2xl: 16px;--border-radius-3xl: 32px;--border-radius-full: 9999px}:root{--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 40px;--space-4xl: 48px;--space-5xl: 60px;--space-6xl: 72px}:root{--title-color: #002699;--title-font-size-sm: 20px;--title-font-size-md: 24px;--title-font-size-lg: 32px;--title-line-height-sm: 22px;--title-line-height-md: 28px;--title-line-height-lg: 40px;--title-font-weight-sm: 700;--title-font-weight-md: 700;--title-font-weight-lg: 700;--title-icon-size-sm: 20px;--title-icon-size-md: 24px;--title-icon-size-lg: 32px;--title-line-opacity-sm: 1;--title-line-opacity-md: 1;--title-line-opacity-lg: 1}:root{--z-base: 1;--z-dropdown: 1000;--z-modal: 1100;--z-toast: 1200}.single-page__content .rank-math-block{margin-bottom:var(--space-lg)}.single-page__content .rank-math-list,.single-page__content .rank-math-steps{margin:0;padding:0;list-style:none}.single-page__content .rank-math-list-item,.single-page__content .rank-math-step{margin-bottom:0;overflow:hidden;background:var(--color-gray-200);border-radius:var(--border-radius-sm)}.single-page__content .rank-math-question,.single-page__content .rank-math-step-title{margin:0;padding:var(--space-xxs);color:var(--color-white);font-family:var(--font-family-base-tmp);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-sm);background:var(--color-primary);border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.single-page__content .rank-math-list-item:last-child,.single-page__content .rank-math-step:last-child{margin-bottom:0}.single-page__content .rank-math-answer,.single-page__content .rank-math-step-content{margin:0;padding-top:var(--space-sm);padding-right:var(--space-lg);padding-bottom:var(--space-xl);padding-left:var(--space-xl);font-size:inherit;background:var(--color-gray-100)}.single-page__content .rank-math-step-content p{font-size:var(--font-size-base);letter-spacing:.5px;line-height:1.6}.single-page__content .rank-math-answer>:last-child,.single-page__content .rank-math-step-content>:last-child{margin-bottom:0}@media(max-width: 768px){.single-page__content .wp-block-table{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.single-page__content>table{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.single-page__content .wp-block-table>table,.single-page__content>table{width:max-content;min-width:100%;table-layout:auto}}.mobile-menu{--mobile-menu-width: 90vw;position:fixed;top:0;z-index:1000;height:100vh;width:var(--mobile-menu-width);display:flex !important;flex-direction:column;transition:all .4s ease-in-out;left:-100px;transform:translateX(-100%);background-color:var(--color-primary)}.mobile-menu--has-admin-bar{top:46px;height:calc(100vh - 46px)}.mobile-menu--opened{left:0;transform:translateX(0)}.mobile-menu{overflow:scroll}.mobile-menu::-webkit-scrollbar{display:none}.mobile-menu{-ms-overflow-style:none;scrollbar-width:none}.mobile-menu .divider{--color: var(--color-primary-800)}.mobile-menu__top{background-color:var(--color-white);padding:0 16px;height:75px;display:flex;align-items:center;flex-shrink:0}.mobile-menu__top__logo{flex:1}.mobile-menu__top__logo img{max-height:40px;width:auto}.mobile-menu__top__close{display:flex;justify-content:center;align-items:center;height:100%;padding:10px}.mobile-menu__top__close svg{width:22px;height:22px}.mobile-menu__top__close svg path{fill:var(--color-primary)}.mobile-menu__search{background-color:var(--color-white);background-color:#f3f3f3;padding:15px 10px}.mobile-menu__menu{width:100%;display:flex;flex-direction:column;padding-bottom:60px;flex:1}.mobile-menu__menu__item{display:flex;align-items:center;justify-content:space-between;gap:15px}.mobile-menu__menu__item--subitem{justify-content:space-between;--color: var(--color-white);--active-color: var(--color-white)}.mobile-menu__menu__item--subitem span{display:flex;align-items:center;justify-content:space-between;gap:15px}.mobile-menu__menu__item{height:55px;--color: var(--theme-mobilemenu-text-color);--active-color: var(--color-white);padding:0 15px;padding-right:20px;color:var(--color)}.mobile-menu__menu__item:hover,.mobile-menu__menu__item:active,.mobile-menu__menu__item:focus,.mobile-menu__menu__item:visited{color:var(--color)}.mobile-menu__menu__item{font-family:var(--font-family-base-tmp);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:24px;--chevron-rotation: 0;--icon-opacity: 0.5}.mobile-menu__menu__item--opened{--chevron-rotation: 180deg}.mobile-menu__menu__item--active{--color: var(--active-color);--icon-opacity: 1}.mobile-menu__menu__item__chevron{transition:all .4s ease-in-out;width:7px;height:auto;transform:rotate(90deg) rotateY(var(--chevron-rotation));opacity:var(--icon-opacity)}.mobile-menu__menu__item__chevron path{stroke:var(--color)}.mobile-menu__menu__item__icon{width:7px;height:auto;opacity:1;transform:rotate(90deg)}.mobile-menu__menu__item__icon path{stroke:var(--color-white)}.mobile-menu__menu__item--subitem.mobile-menu__menu__item--opened svg{transform:rotate(-90deg)}.mobile-menu__menu__submenu{display:none;flex-direction:column;background-color:var(--color-primary-400)}.mobile-menu__menu__submenu__items{display:flex;flex-direction:column;padding:0 0 15px 0}.mobile-menu__menu__submenu__items .mobile-menu__menu__item{height:40px}.mobile-menu__menu__submenu__items__child{display:none;padding:0}.mobile-menu__menu__submenu__items__child__item{padding:0 15px}.mobile-menu__menu__submenu__items__child__item::marker{content:""}.mobile-menu__menu__submenu__items__child__link{color:var(--color-white);font-size:var(--font-size-sm);padding:7px 0;display:block}.mobile-menu__menu__submenu--opened{display:flex}.mobile-menu__magic-button{position:sticky;left:0;bottom:env(safe-area-inset-bottom);width:100%;margin-top:15px;display:flex;align-items:center;justify-content:flex-start;background-color:#f3f3f3;padding:15px}#cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:rgba(var(--color-primary-rgb), 0.8);padding:16px 28px;z-index:9999999999;display:flex;align-items:center;gap:15px}@media(max-width: 500px){#cookie-banner{flex-direction:column;align-items:flex-start}}#cookie-banner p{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;color:var(--color-white);margin:0}#cookie-banner p a{color:var(--color-white);opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}#cookie-banner p a:hover{opacity:1;text-decoration:none}#cookie-banner button{color:var(--color-primary);border-color:rgba(0,0,0,0);background-color:#fff;display:block;padding:6px 11px;font-size:var(--font-size-sm);font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap;text-transform:uppercase}.divider{width:100%;height:2px;--color: #e0e3eb;background-image:repeating-linear-gradient(90deg, var(--color), var(--color) 8px, transparent 8px, transparent 16px);background-position:left bottom;background-repeat:repeat-x;background-size:100% 2px}.divider--color--blue{--color: #0B3AC8}.divider--light{background-image:repeating-linear-gradient(90deg, var(--color), var(--color) 4px, transparent 4px, transparent 8px);background-position:left bottom;background-repeat:repeat-x;background-size:100% 1px}@media(min-width: 769px){.divider--desktopHidden{display:none}}@media(max-width: 768px){.divider--mobileHidden{display:none}}.social-icons{display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap}.social-icons a{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--color-primary)}.social-icons a img{height:50%;width:auto}.footer__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding-top:100px;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.footer__container__logo{display:flex;justify-content:center;align-items:center}.footer__container__menu{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 25px;max-width:800px}@media(max-width: 768px){.footer__container__menu{gap:3px 24px}.footer__container__menu .divider{display:none}}.footer__container__menu__item{color:var(--color-gray-800)}.footer__container__menu__item:hover,.footer__container__menu__item:focus,.footer__container__menu__item:active,.footer__container__menu__item:visited{color:var(--color-gray-800)}.footer__container__menu__item{font-family:var(--font-family-base-tmp);font-size:15px;font-weight:var(--font-weight-semibold);line-height:24px}.footer__container__menu__divider{width:1px;height:20px;background-color:#babdc5}.footer__container__menu__divider:last-of-type{display:none}@media(max-width: 768px){.footer__container__menu__divider{display:none}}.footer__container__copyright{color:#585762;text-align:center;font-size:13px;font-weight:var(--font-weight-medium);line-height:20px}.footer__container__moveup-group-logo img{width:185px;height:auto}.footer__container__compliance{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:center}.footer__container__compliance img{max-height:40px;width:auto}body.admin-bar{padding-top:32px}body:not(.error404) footer{margin-top:40px}.newsletter .wp-block-cover{min-height:auto !important;padding-top:40px;padding-bottom:40px;text-align:center}.newsletter .wp-block-group{max-width:570px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center}.newsletter .wp-block-heading{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);line-height:44px}.newsletter .wp-block-heading strong{font-weight:var(--font-weight-semibold);color:var(--color-secondary)}.newsletter-form{margin:15px auto 30px}.newsletter p{font-size:var(--font-size-xs);font-style:italic}.newsletter p:last-child{color:var(--color-gray-200)}.socials_links_menu,.about_tpo{display:flex;background-color:var(--color-gray-200);color:var(--theme-text-color)}.socials_links_menu .wp-block-heading,.about_tpo .wp-block-heading{font-size:var(--font-size-xl);font-weight:700;font-style:italic;margin:0}.copyright{background-color:var(--color-secondary);color:var(--color-white);padding:15px 0;text-align:center;font-size:var(--font-size-sm);line-height:24px;margin:0}.about_tpo{padding:50px 0 0 0}.about_tpo .wp-block-columns{gap:2em}.about_tpo .wp-block-columns .wp-block-column:nth-of-type(1){display:flex;flex-direction:column;gap:16px}.about_tpo .wp-block-columns .wp-block-column:nth-of-type(1) p{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:26px;margin:0}.about_tpo .wp-block-columns .wp-block-column:nth-of-type(2){display:flex;flex-direction:column;gap:16px;background-color:var(--color-white);padding:20px;border-radius:15px}.about_tpo .wp-block-columns .wp-block-column:nth-of-type(2) p{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:26px;color:#7a7a7a;margin:0}.about_tpo .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-group{display:flex;gap:10px}.about_tpo .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-group figure{height:25px}.about_tpo .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-group figure a,.about_tpo .wp-block-columns .wp-block-column:nth-of-type(2) .wp-block-group figure img{height:25px !important;width:auto}@media(max-width: 1024px){.socials_links_menu{flex-direction:column-reverse;gap:40px}}.socials_links_menu .wp-block-columns .wp-block-column:nth-of-type(1){min-width:300px;flex-basis:auto !important;width:auto !important}.socials_links_menu .wp-block-heading{margin-bottom:24px}.socials_links_menu .wp-block-social-links{margin-bottom:24px}.socials_links_menu .wp-block-social-links .wp-social-link{background-color:var(--color-secondary)}.block-title{display:flex;flex-direction:column;gap:24px;--font-size: 48px;--font-family: var(--font-family-heading-tmp);--font-weight: var(--font-weight-regular);--line-height: 56px}@media(max-width: 768px){.block-title{--font-size: 26px;--line-height: 30px;gap:16px}}.block-title--style1{--color: var(--color-primary)}.block-title--style2{--color: var(--color-gray-800)}@media(max-width: 768px){.block-title--style2{--font-size: var(--font-size-3xl)}}.block-title h1,.block-title h2,.block-title h3,.block-title h4,.block-title h5,.block-title h6,.block-title p,.block-title>div,.block-title>a>div{margin:0;padding:0;display:flex;align-items:center;gap:12px;font-family:var(--font-family) !important;font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);font-style:italic;color:var(--color)}.block-title h1 a,.block-title h2 a,.block-title h3 a,.block-title h4 a,.block-title h5 a,.block-title h6 a,.block-title p a,.block-title>div a,.block-title>a>div a{color:var(--color)}.block-title h1 a:hover,.block-title h1 a:visited,.block-title h1 a:active,.block-title h1 a:focus,.block-title h2 a:hover,.block-title h2 a:visited,.block-title h2 a:active,.block-title h2 a:focus,.block-title h3 a:hover,.block-title h3 a:visited,.block-title h3 a:active,.block-title h3 a:focus,.block-title h4 a:hover,.block-title h4 a:visited,.block-title h4 a:active,.block-title h4 a:focus,.block-title h5 a:hover,.block-title h5 a:visited,.block-title h5 a:active,.block-title h5 a:focus,.block-title h6 a:hover,.block-title h6 a:visited,.block-title h6 a:active,.block-title h6 a:focus,.block-title p a:hover,.block-title p a:visited,.block-title p a:active,.block-title p a:focus,.block-title>div a:hover,.block-title>div a:visited,.block-title>div a:active,.block-title>div a:focus,.block-title>a>div a:hover,.block-title>a>div a:visited,.block-title>a>div a:active,.block-title>a>div a:focus{color:var(--color)}.block-title__line{flex-grow:1;height:3px}@media(max-width: 768px){.block-title__line{height:2px}}.block-title__line{background-color:var(--color-primary)}.tpo-author-card{display:flex;flex-direction:column;gap:20px;padding:20px;border-radius:5px;width:fit-content;border:1px solid var(--color-primary)}@media screen and (max-width: 768px){.tpo-author-card{width:100%}}.tpo-author-card__intro{display:flex;align-items:center;gap:15px}.tpo-author-card__avatar{width:51px;height:51px}.tpo-author-card__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;margin-bottom:0 !important;box-shadow:0px 4px 4px 0px var(--color-black) 40}.tpo-author-card__content{display:flex;flex-direction:column;gap:10px}.tpo-author-card__content__bio p{font-size:12px !important}.tpo-author-card__content__read-more{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--tpo-secondary-color) !important;text-decoration:underline;text-transform:uppercase}.tpo-author-card__content__name a{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary) !important}.tpo-author-card__content__role{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--tpo-text-color)}.tpo-author-card__content__categories{display:flex;flex-wrap:wrap;gap:10px}.tpo-author-card__content__categories__category{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-gray-200);border-radius:100px;font-size:var(--font-size-sm);line-height:1.2;font-weight:var(--font-weight-extrabold);color:var(--tpo-text-color);text-transform:uppercase;margin:0;font-size:var(--font-size-xs)}.tpo-author-card__content__categories__category img{margin-bottom:0 !important;height:12px !important;width:auto}#lightbox{position:fixed !important;top:50% !important;transform:translateY(-50%)}#lightbox .lb-dataContainer{height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)}#lightbox .lb-close{right:0;position:absolute;top:-50px}.post-prev-next{padding:40px 0}.post-prev-next__container{display:flex;gap:20px;justify-content:space-between}@media only screen and (max-width: 768px){.post-prev-next__container{flex-direction:column}}.post-prev-next__link{color:var(--color-gray-800);font-size:var(--font-size-base);line-height:22px;font-weight:var(--font-weight-medium);flex:1;text-align:var(--text-align);display:flex;gap:10px;align-items:center}.post-prev-next__link:hover{color:var(--color-primary)}.post-prev-next__link>img{width:150px;height:120px;border-radius:var(--border-radius-md);object-fit:cover;flex-shrink:0}.post-prev-next__link>img.video-thumbnail{width:unset;aspect-ratio:16/9}.post-prev-next__link--prev{--icon-rotation: 180deg;--text-align: left;--justify-content: flex-start}.post-prev-next__link--next{--icon-rotation: 0;--text-align: right;--justify-content: flex-end;flex-direction:row-reverse}@media only screen and (max-width: 768px){.post-prev-next__link--next{--text-align: right;--justify-content: flex-start;order:-1}}@media only screen and (max-width: 768px){.post-prev-next__link--next .post-prev-next__link__label{justify-content:end}}.post-prev-next__link__info{display:flex;flex-direction:column;gap:10px}.post-prev-next__link__label{font-size:var(--font-size-xs);color:#7a7986;display:flex;align-items:center;gap:5px;justify-content:var(--justify-content);text-align:var(--text-align)}.post-prev-next__link__label svg{transform:rotate(var(--icon-rotation));width:14px;height:auto}.post-prev-next__link__label svg path{fill:#7a7986}.single-tags{display:flex;align-items:center;gap:0px 8px;flex-wrap:wrap;--color: #606060}.single-tags__tag{color:var(--color);font-size:var(--font-size-base);font-style:italic;font-weight:300;transition:all .4s ease-in-out}.single-tags__tag:hover{color:#111}.single-tags__tag:focus,.single-tags__tag:visited,.single-tags__tag:active{color:var(--color)}.single-tags__separator{width:1px;height:15px;background-color:var(--color)}.single-tags__separator:last-of-type{display:none}.bonus-code{--white-color: var(--color-white);--red-color: #f11c20;--light-gray-color: #e4e4e4;--copy-icon-color: var(--color-primary, var(--primary-dark-color,black));--green-color: #0BBC2F;--title-text-color: #111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xxs);height:68px;padding:10px;--bonus-background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23333' stroke-width='2' stroke-dasharray='8%2c10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");background-image:var(--bonus-background-image);border-radius:var(--border-radius-md);--first-half-blur: 0;--second-half-blur: 0}.bonus-code--blurred{cursor:pointer;--first-half-blur: 6.5px;--second-half-blur: 6.5px}.bonus-code--blurred:hover{--first-half-blur: 2px}.bonus-code--revealed{cursor:pointer}.bonus-code{--copy-icon-display: block;--value-color: var(--red-color);--value-transform: scale(1);--value-transition: none}.bonus-code__title{font-size:var(--font-size-xxs);font-weight:var(--font-weight-medium);color:var(--title-text-color);text-align:center}.bonus-code__content{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);position:relative}.bonus-code__content__copied-text{opacity:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--green-color);font-size:var(--font-size-lg);font-weight:700;background-color:var(--white-color);position:absolute;top:0;left:0}@keyframes scaleup{0%{opacity:1;transform:scale(1)}40%{transform:scale(1.4);opacity:1}100%{transform:scale(1.6);opacity:0}}.bonus-code__content__copied-text--visible{animation:scaleup 1.4s ease-out}.bonus-code__content__value{color:var(--value-color);font-size:var(--font-size-lg);font-weight:700}.bonus-code__content__value span{transition:all .3s ease-in-out;filter:blur(var(--first-half-blur))}.bonus-code__content__value span:not(.first-half){filter:blur(var(--second-half-blur))}.bonus-code__content svg{display:var(--copy-icon-display);width:15px;height:auto}.bonus-code__content svg path{fill:var(--copy-icon-color)}:root{--mvp-font-oswald: "Oswald", sans-serif;--mvp-font-poppins: "Poppins", sans-serif;--default-margin: 0.625rem;--blocks-background-gradient: linear-gradient(143deg, rgba(20, 26, 56, 0.70) 50%, rgba(18, 33, 112, 0.70) 100%)}:root{--mvp-font-oswald: "Oswald", sans-serif;--mvp-font-poppins: "Poppins", sans-serif;--default-margin: 0.625rem;--blocks-background-gradient: linear-gradient(143deg, rgba(20, 26, 56, 0.70) 50%, rgba(18, 33, 112, 0.70) 100%)}@media(max-width: 767px){.hide-on-mobile,.MvpBookmakerTableBonus-ties,.MvpBookmakerTableBonus-title{display:none !important}}@media(min-width: 768px)and (max-width: 1100px){.hide-on-tablet,.MvpBookmakerTableBonus-content-icon{display:none !important}}@media(min-width: 1101px){.hide-on-desktop,.MvpBookmakerTableBonus-content-icon{display:none !important}}.MvpBookmakerTable *{margin:0 !important}.MvpBookmakerTable{display:flex;flex-direction:column;gap:10px;border:1px solid var(--color-gray-200);border-radius:5px;position:relative;margin-bottom:26px}.MvpBookmakerTable--highlighted{border-width:var(--border-radius-sm)}.MvpBookmakerTable *{box-sizing:border-box}.MvpBookmakerTable{padding:var(--space-md)}.MvpBookmakerTable-separator{height:1px;background-color:var(--color-gray-200)}.MvpBookmakerTable-highlight{position:absolute;top:6px}.MvpBookmakerTable-highlight--ltr{left:0;border-top-right-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.MvpBookmakerTable-highlight--rtl{right:0;border-top-left-radius:var(--border-radius-sm);border-bottom-left-radius:var(--border-radius-sm)}.MvpBookmakerTable-highlight{box-shadow:0px 2px 4px rgba(0,0,0,.1);color:var(--color-white);text-transform:uppercase;font-size:var(--font-size-xxs);font-weight:var(--font-weight-semibold);padding:var(--space-xxs) 10px}.MvpBookmakerTableTopBlock{display:flex;--gap: var(--space-md);display:flex;gap:var(--gap)}.MvpBookmakerTableTopBlock--light{align-items:center}@media(max-width: 767px){.MvpBookmakerTableTopBlock--light{padding:var(--space-lg)}}@media(max-width: 767px){.MvpBookmakerTableTopBlock{flex-direction:column}}.MvpBookmakerTableTopBlock-item{flex:1;display:flex}.MvpBookmakerTableTopBlock-item--flex2{flex:2}.MvpBookmakerTableTopBlock-item--flex1_25{flex:1.25}.MvpBookmakerTableTopBlock-item--flex0_75{flex:.75}.MvpBookmakerTableTopBlock-item--lightLogo{flex:inherit;justify-content:center}.MvpBookmakerTableTopBlock-item--centered{align-items:center}.MvpBookmakerTableTopBlock-item--lightCta{width:260px;height:95px;flex:inherit}@media(max-width: 767px){.MvpBookmakerTableTopBlock-item--lightCta{width:100%;height:55px}}.MvpBookmakerTableTopBlock-item{display:flex;gap:var(--gap)}.MvpBookmakerTableTopBlock-separator{width:1px;background-color:var(--color-gray-200)}@media(max-width: 767px){.MvpBookmakerTableTopBlock-separator{width:100%;height:1px}}.MvpBookmakerTableLogo{width:110px;height:100%;border-radius:var(--border-radius-sm);overflow:hidden;flex-shrink:0;display:flex;justify-content:center;align-items:center}.MvpBookmakerTableLogo--light{width:100px}.MvpBookmakerTableLogo img{object-fit:contain;width:100%;height:100%}.MvpBookmakerTableTitleAndRank{display:flex;flex-direction:column;gap:10px}.MvpBookmakerTableTitleAndRank-title{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:10px}.MvpBookmakerTableTitleAndRank-title-text{font-size:var(--font-size-lg);font-weight:700;color:var(--color-black);margin-inline-end:10px}.MvpBookmakerTableTitleAndRank-title-text img{height:15px;margin-inline-start:5px}.MvpBookmakerTableTitleAndRank-rank{display:flex;align-items:center;gap:10px}.MvpBookmakerTableTitleAndRank-rank--yellow{--score-color: #F39C12}.MvpBookmakerTableTitleAndRank-rank--green{--score-color: #25A65B}.MvpBookmakerTableTitleAndRank-rank{line-height:1}.MvpBookmakerTableTitleAndRank-rank-score{display:flex;justify-content:center;align-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);width:30px;height:30px;border-radius:50%;color:var(--score-color);border:2px solid var(--score-color);flex-shrink:0}.MvpBookmakerTableTitleAndRank-rank-right{display:flex;flex-direction:column;gap:5px}.MvpBookmakerTableTitleAndRank-rank-right-title{font-size:var(--font-size-xs);color:var(--color-gray-500)}.MvpBookmakerTableTitleAndRank-rank-right-subtitle{font-size:var(--font-size-xxs);font-weight:var(--font-weight-semibold);color:var(--color-black)}.MvpBookmakerTableTitleAndRate{display:flex;flex-direction:column;gap:10px;width:100%}.MvpBookmakerTableTitleAndRate-title{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:10px}.MvpBookmakerTableTitleAndRate-title-text{font-size:18px;font-weight:700;color:#000;margin-inline-end:10px}.MvpBookmakerTableTitleAndRate-title-text img{height:15px;margin-inline-start:5px}.MvpBookmakerTableTitleAndRate-rate{width:100px}.MvpBookmakerTablePros{display:flex;flex-direction:column;gap:10px}.MvpBookmakerTablePros-item{display:flex;align-items:center;gap:var(--space-xs)}@media(min-width: 641px){.MvpBookmakerTablePros-item:nth-child(n+4){display:none}}.MvpBookmakerTablePros-item-check{width:15px;flex-shrink:0}.MvpBookmakerTablePros-item-check img{width:100%;display:block}.MvpBookmakerTablePros-item-text{line-height:1.4;font-size:var(--font-size-xs);color:var(--color-black)}.MvpBookmakerTablePaymentMethods{display:flex;flex-direction:column;gap:10px;position:relative;--title-font-size: 13px;--title-font-weight: var(--font-weight-medium);--title-text-align: center;--content-align-items: center}.MvpBookmakerTablePaymentMethods--expandableMode{gap:var(--space-md);--title-font-size: var(--font-size-base);--title-font-weight: var(--font-weight-semibold);--title-text-align: inherit;--content-align-items: flex-start}.MvpBookmakerTablePaymentMethods-title{text-align:var(--title-text-align)}@media(max-width: 767px){.MvpBookmakerTablePaymentMethods-title{text-align:inherit}}.MvpBookmakerTablePaymentMethods-title{font-size:var(--title-font-size);font-weight:var(--title-font-weight)}.MvpBookmakerTablePaymentMethods-content{display:flex;gap:10px;flex-direction:column;flex:1;align-items:var(--content-align-items)}@media(max-width: 767px){.MvpBookmakerTablePaymentMethods-content{flex-direction:row;align-items:center;flex:initial}}.MvpBookmakerTablePaymentMethods-content-items{flex:1;flex-wrap:wrap;display:flex;align-items:center;justify-content:center}@media(max-width: 767px){.MvpBookmakerTablePaymentMethods-content-items{flex:inherit;justify-content:flex-start}}.MvpBookmakerTablePaymentMethods-content-items{gap:10px}.MvpBookmakerTablePaymentMethods-content-items-item{display:flex;justify-content:center;align-items:center}.MvpBookmakerTablePaymentMethods-content-items-item img{display:block;height:25px !important}@media(max-width: 767px){.MvpBookmakerTablePaymentMethods-content-items-item img{height:20px !important}}.MvpBookmakerTablePaymentMethods-content-more{cursor:pointer;font-size:11px;font-weight:300;background-color:var(--color-gray-200);border-radius:5px;align-self:stretch;display:flex;justify-content:center;align-items:center;padding:5px 10px;text-align:center}@media(max-width: 767px){.MvpBookmakerTablePaymentMethods-content-more{height:30px;padding:0 10px}}.MvpBookmakerTablePaymentMethods-others{padding:10px;box-shadow:0px 2px 4px rgba(0,0,0,.1);background-color:var(--color-white);position:absolute;display:flex;z-index:1;top:100%;left:0;width:100%;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}@media(max-width: 767px){.MvpBookmakerTablePaymentMethods-others{flex:inherit;justify-content:flex-start}}.MvpBookmakerTablePaymentMethods-others{margin-top:10px}.MvpBookmakerTablePaymentMethods-others-item{padding:5px;display:flex;justify-content:center;align-items:center}.MvpBookmakerTablePaymentMethods-others-item img{display:block;height:15px}.MvpBookmakerTableTitle{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.MvpBookmakerTableTitle--small{font-size:13px;font-weight:var(--font-weight-medium)}.MvpBookmakerTableBonus{width:100%;--color: var(--primary-dark-color);display:flex;flex-direction:column;align-items:center}.MvpBookmakerTableBonus-title{text-align:center;font-size:13px;font-weight:var(-font-weight-medium);margin-bottom:var(--space-md)}.MvpBookmakerTableBonus-ties{width:40px}.MvpBookmakerTableBonus-ties img{width:100%;display:block}.MvpBookmakerTableBonus-content{flex:1;width:100%;border:2px solid var(--color);border-radius:5px;display:flex;align-items:center;justify-content:center}@media(max-width: 767px){.MvpBookmakerTableBonus-content{padding:10px;gap:10px}}.MvpBookmakerTableBonus-content-icon{height:30px}.MvpBookmakerTableBonus-content-icon img{display:block;height:100%}.MvpBookmakerTableBonus-content-main{display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:6px}@media(max-width: 767px){.MvpBookmakerTableBonus-content-main{flex:1}}.MvpBookmakerTableBonus-content-main-value{line-height:18px;text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color);padding:0 10px}@media(max-width: 767px){.MvpBookmakerTableBonus-content-main-value{font-size:var(--font-size-xs);text-align:left}}.MvpBookmakerTableBonus-content-main-text{text-align:center;font-size:9px;color:var(--color-black);text-transform:uppercase;padding:0 5px}.MvpBookmakerTableBonus-content-main-text--leftAligned--ltr{padding-inline-start:0;text-align:left}.MvpBookmakerTableBonus-content-main-text--leftAligned--rtl{padding-inline-end:0;text-align:right}@media(max-width: 767px){.MvpBookmakerTableBonus-content-main-text{font-size:var(--font-size-xxs)}}.MvpBookmakerTableCtaAndCode{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.MvpBookmakerTableCtaAndCode-top{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;gap:10px}@media(max-width: 767px){.MvpBookmakerTableCtaAndCode-top{flex-direction:row;gap:10px}}.MvpBookmakerTableCtaAndCode-top-code{border-radius:5px;border:1px dashed #000;display:flex;justify-content:center;align-items:center;position:relative;height:45px;margin-top:8px}@media(max-width: 767px){.MvpBookmakerTableCtaAndCode-top-code{margin-top:0;height:60px;flex:1}}.MvpBookmakerTableCtaAndCode-top-code-badge{display:flex;justify-content:center;align-items:center;position:absolute;top:-8px}.MvpBookmakerTableCtaAndCode-top-code-badge span{box-shadow:0px 2px 4px rgba(0,0,0,.1);text-transform:uppercase;font-size:8px;font-weight:700;border-radius:5px;background-color:var(--primary-dark-color);color:var(--color-white);display:flex;justify-content:center;align-items:center;height:16px;padding:0 7px}.MvpBookmakerTableCtaAndCode-top-code>span{line-height:1;color:var(--primary-dark-color);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);position:relative;top:3px}.MvpBookmakerTableCtaAndCode-top-cta{flex:1;display:flex;justify-content:center;align-items:center;gap:5px;max-height:75px;background-color:#2ecc71;border-radius:5px}@media(max-width: 767px){.MvpBookmakerTableCtaAndCode-top-cta{height:100%;width:100%;min-height:60px}}.MvpBookmakerTableCtaAndCode-top-cta span{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);text-transform:uppercase}.MvpBookmakerTableCtaAndCode-top-cta img{height:12px !important;width:auto}.MvpBookmakerTableCtaAndCode-link{font-size:var(--font-size-xxs);color:var(--color-black) !important;text-transform:uppercase;text-decoration:underline}.MvpBookmakerTableHorizontalSeparator{height:1px;background-color:var(--color-gray-200)}.MvpBookmakerTableVerticalSeparator{width:1px;background-color:var(--color-gray-200)}.MvpBookmakerTableTANDC{font-size:9px;color:var(--color-gray-500);text-align:center}.MvpBookmakerTableBonusCatchline{width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-black);text-align:center}@media(max-width: 767px){.MvpBookmakerTableBonusCatchline{padding:var(--space-lg) 0}}.MvpBookmakerTableBonusCatchline{display:flex;justify-content:center;align-items:center}.MvpBookmakerTableOtherInfos{display:flex;flex-direction:column;gap:10px}.MvpBookmakerTableOtherInfos-apps{display:flex;gap:5px;align-items:center;height:20px}.MvpBookmakerTableOtherInfos-apps img{height:100% !important;width:auto}.MvpBookmakerTableOtherInfos-content{margin:0 !important;padding:0 !important}.MvpBookmakerTableOtherInfos-content li{margin:0 !important;padding:0 !important;list-style-type:none !important;color:#f39c12;font-size:var(--font-size-base) !important;font-weight:var(--font-weight-semibold) !important;background:none !important;min-height:inherit !important}.MvpBookmakerTableExpandableHandle{cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;--rotate: .5turn;--close-text-display: block;--opened-text-display: none}.MvpBookmakerTableExpandableHandle--opened{--rotate: 0;--close-text-display: none;--opened-text-display: block}.MvpBookmakerTableExpandableHandle-text{font-size:var(--font-size-sm);color:var(--color-black)}.MvpBookmakerTableExpandableHandle-text--opened{display:var(--opened-text-display)}.MvpBookmakerTableExpandableHandle-text--closed{display:var(--close-text-display)}.MvpBookmakerTableExpandableHandle-icon{height:8px;transition:all .4s ease-in-out;transform:rotate(var(--rotate))}.MvpBookmakerTableExpandableHandle-icon img{display:block;height:100% !important;width:auto}.MvpBookmakerTableExpandableBlock{display:none;flex-direction:column;gap:var(--space-lg);padding-bottom:10px}.MvpBookmakerTableExpandableBlock-detail{padding-top:var(--space-lg);border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:5px}.MvpBookmakerTableExpandableBlock-detail p{margin:0;padding:0;font-size:var(--font-size-xs);line-height:1.6;color:#1a1a1a}.MvpBookmakerTableExpandableBlock-grid{border-top:1px solid var(--color-gray-200);padding-top:var(--space-lg);display:flex;gap:10px}@media(max-width: 767px){.MvpBookmakerTableExpandableBlock-grid{display:grid;grid-template-columns:1fr 1fr}}.MvpBookmakerTableExpandableBlock-grid--full{grid-template-columns:1fr}.MvpBookmakerTableExpandableBlock-grid-separator{width:1px;height:auto;background-color:var(--color-gray-200)}.MvpBookmakerTableExpandableBlock-grid-item{flex:1}@media(max-width: 767px){.MvpBookmakerTableExpandableBlock-grid-item{flex:inherit}}.MvpDataTable{border-collapse:collapse;margin-bottom:26px}.MvpDataTable thead,.MvpDataTable tbody,.MvpDataTable tr,.MvpDataTable th,.MvpDataTable td,.MvpDataTable tbody tr{padding:0 !important;margin:0 !important;background:none !important;border:none !important;text-align:left !important}.MvpDataTable th,.MvpDataTable td{padding:15px !important;border:1px solid var(--data-table-border-color) !important}.MvpDataTable-header td,.MvpDataTable-header th{background-color:var(--data-table-header-color) !important}.MvpDataTable a,.MvpDataTable a:active,.MvpDataTable a:visited,.MvpDataTable a:focus{color:var(--data-table-cta-color) !important;font-weight:bold !important;text-decoration:none !important}:root{--mvp-font-oswald: "Oswald", sans-serif;--mvp-font-poppins: "Poppins", sans-serif;--default-margin: 0.625rem;--blocks-background-gradient: linear-gradient(143deg, rgba(20, 26, 56, 0.70) 50%, rgba(18, 33, 112, 0.70) 100%)}.MvpRating{display:flex;width:100%;gap:5px}@media(max-width: 767px){.MvpRating{width:100px;gap:3px}}.MvpRating-star{flex:1}.MvpRating-star img{display:block}.brand-rating{--yellow-color: #ffce00;--light-gray-color: #e4e4e4;display:flex;justify-content:flex-start;gap:6px}.brand-rating__star{display:flex;justify-content:center;align-items:center;width:20px;height:20px;background:var(--yellow-color);border-radius:var(--border-radius-xs)}.brand-rating__star img{width:80%;height:80%;object-fit:contain;margin:0 !important;padding:0}.brand-rating__star--disabled{background:var(--light-gray-color)}.brand-rating__star--half{background:linear-gradient(to right, var(--yellow-color) 50%, var(--light-gray-color) 50%)}.simple-brand-us{--white-color: #fff;--padding: 20px;border-radius:10px;border:2px solid var(--block-border-color);background-color:var(--block-background-color);padding:var(--padding);display:flex;flex-direction:column;gap:var(--padding);--compliance-padding: 10px;--catchline-align: center}.simple-brand-us--with-bonus{--compliance-padding: 0;--compliance-background-color: transparent}@media(min-width: 1025px){.simple-brand-us--with-bonus{--catchline-align: left}}.simple-brand-us__top{display:flex;align-items:center;gap:calc(2*var(--padding))}@media(max-width: 1024px){.simple-brand-us__top{flex-direction:column;align-items:stretch;gap:var(--padding)}}.simple-brand-us__top__brand{display:flex;flex-direction:column;align-items:flex-start}@media(max-width: 1024px){.simple-brand-us__top__brand{align-items:center}}.simple-brand-us__top__brand{gap:8px}.simple-brand-us__top__brand__logo{height:35px}.simple-brand-us__top__brand__logo img{height:100%;width:auto}.simple-brand-us__top__divider{width:2px;height:55px;background-color:#f2f2f2}@media(max-width: 1024px){.simple-brand-us__top__divider{display:none}}.simple-brand-us__top__catchline{flex:1;color:#1a1a1a;text-align:var(--catchline-align);font-family:"Plus Jakarta Sans";font-size:16px;font-weight:600;line-height:24px}.simple-brand-us__bonus{display:flex;gap:var(--padding)}@media(max-width: 1024px){.simple-brand-us__bonus{flex-direction:column}}@media(min-width: 1025px){.simple-brand-us__bonus>*:first-child{flex:1}.simple-brand-us__bonus>*:last-child{height:auto}}.simple-brand-us__bonus .bonus-code{--value-color: var(--bonus-text-color);--bonus-background-image: var(--bonus-background);--title-text-color: var(--bonus-hint-text-color);--copy-icon-color: var(--bonus-copy-icon-color)}.simple-brand-us__cta{all:unset;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--cta-text-color) !important;font-weight:600;font-size:20px;height:48px;padding:8px 20px;border-radius:8px;background:linear-gradient(90deg, var(--cta-background-color1) 0%, var(--cta-background-color2) 100%);text-align:center}.simple-brand-us__cta:hover,.simple-brand-us__cta:focus,.simple-brand-us__cta:active,.simple-brand-us__cta:visited{color:var(--white-color) !important}.simple-brand-us__compliance{padding:var(--compliance-padding);border-radius:5px;background-color:var(--compliance-background-color);color:var(--compliance-text-color);text-align:center;font-family:"Plus Jakarta Sans";font-size:10px;font-weight:400}.single-page{--gap: 32px;font-family:var(--font-family-base-tmp);display:flex;flex-direction:column;gap:var(--gap);padding-top:32px;padding-bottom:60px}@media(max-width: 767px){.single-page{--gap: 45px;padding-top:16px}}@media(max-width: 767px){.single-page--post{padding-top:0}}.single-page--page,.single-page--no-padding-top{padding-top:0}.single-page__section{--gap: 16px;display:flex;flex-direction:column;gap:var(--gap)}.single-page__h1{--font-size: 47px;--line-height: 60px;--font-weight: var(--font-weight-bold);margin:0;padding:0;color:#222;font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}@media(max-width: 767px){.single-page__h1{--font-size: 26px;--font-weight: 700;--line-height: 36px}}.single-page__subtitle{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:700;line-height:30px;margin:0;padding:0}.single-page__page-header{--object-position: center;height:190px;display:flex;justify-content:center;align-items:center;position:relative}.single-page__page-header img{position:absolute;top:0;left:0;z-index:2;object-fit:cover;object-position:var(--object-position);width:100%;height:100%}.single-page__page-header--object-position--top{--object-position: top}.single-page__page-header--object-position--bottom{--object-position: bottom}.single-page__page-header__gradient{width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;background-image:url(../img/bg-page-header.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.single-page__page-header__gradient:before{content:"";width:100%;height:100%;background-color:var(--color-primary);opacity:.8;display:block}.single-page__page-header__title{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;z-index:4}.single-page__page-header__title h1{--font-size: 52px;--line-height: 64px;color:var(--color-white);font-family:var(--font-family-heading-tmp);font-weight:var(--font-weight-regular);font-size:var(--font-size) !important;font-style:italic;line-height:var(--line-height) !important}@media(max-width: 767px){.single-page__page-header__title h1{--font-size: var(--font-size-2xl);--line-height: 28px}}.single-page__featured-image--desktop{width:100%;border-radius:var(--border-radius-md);overflow:hidden}.single-page__featured-image--desktop img{width:100%;height:auto}@media(max-width: 767px){.single-page__featured-image--desktop{display:none}}.single-page__featured-image--mobile{width:100%}.single-page__featured-image--mobile img{width:100%;height:auto}@media(min-width: 768px){.single-page__featured-image--mobile{display:none}}.single-page__featured-image__description{font-size:var(--font-size-xxs);color:#777;margin-top:3px}@media(max-width: 767px){.single-page__featured-image__description{margin-left:5px;font-size:9px}}.single-page__content{--margin: 20px;--font-size: 17px}.single-page__content .wp-block-heading{margin-top:calc(var(--margin)*1.5) !important;margin-bottom:var(--margin) !important}.single-page__content p,.single-page__content blockquote,.single-page__content ul,.single-page__content ol,.single-page__content img{margin-bottom:var(--margin)}.single-page__content ol,.single-page__content ul{padding-left:20px}.single-page__content ol li,.single-page__content ul li{line-height:30px}.single-page__content ul{list-style:square}.single-page__content p{margin:0;margin-bottom:26px;padding:0;font-size:var(--font-size);letter-spacing:.5px;line-height:1.6}.single-page__content h2.wp-block-heading{margin:0;padding:0;font-size:var(--font-size-2xl);font-weight:700;line-height:30px}@media(max-width: 767px){.single-page__content h2.wp-block-heading{font-size:21px}}.single-page__content h3.wp-block-heading,.single-page__content h4.wp-block-heading,.single-page__content h5.wp-block-heading,.single-page__content h6.wp-block-heading{margin:0;padding:0;font-family:var(--font-family-base-tmp);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:24px}.single-page__content h2.wp-block-heading{color:var(--color-primary)}.single-page__content h3.wp-block-heading{color:var(--theme-h3-color)}.single-page__content h4.wp-block-heading{color:var(--theme-h4-color)}.single-page__content h5.wp-block-heading{color:var(--theme-h5-color)}.single-page__content h6.wp-block-heading{color:var(--theme-h6-color)}.single-page__content p>a{color:var(--color-primary)}.single-page__content p>a:active,.single-page__content p>a:focus,.single-page__content p>a:visited{color:var(--color-primary)}.single-page__content p>a:hover{color:var(--color-primary)}.single-page__content blockquote{color:#222;padding-left:17px;text-align:center;font-size:30px;font-style:italic;font-weight:var(--font-weight-semibold);line-height:40px;border-left:3px solid var(--color-primary)}@media(max-width: 767px){.single-page__content blockquote{font-size:var(--font-size-2xl);font-style:italic;font-weight:var(--font-weight-semibold);line-height:34px;text-align:left}}.single-page__content table{width:100%;border-collapse:collapse;margin-bottom:var(--margin);border:1px solid #ddd !important}.single-page__content table th,.single-page__content table td{padding:8px;text-align:left;border:none}.single-page__content table th{background-color:var(--color-gray-200)}.single-page__content table tr:nth-child(even){background-color:#f1f1f1}.single-page__content iframe:not(.instagram-media){aspect-ratio:16/9;height:auto;width:100%;max-width:100%;border:0}@media(max-width: 767px){.single-page__content{--margin: 16px;--font-size: 15px}}iframe.youtube-embed{aspect-ratio:16/9;height:auto;width:100%;max-width:100%;border:0}