/*
 * Roshn FDR cross-site visual polish.
 * Loaded after the existing page styles so it can normalize spacing,
 * typography, alignment and responsive behaviour without changing data logic.
 */

:root {
    --roshn-polish-brand: #5b2364;
    --roshn-polish-brand-dark: #43184b;
    --roshn-polish-ink: #281631;
    --roshn-polish-muted: #78657c;
    --roshn-polish-line: #e6dde8;
    --roshn-polish-panel: rgba(255, 255, 255, 0.96);
    --roshn-polish-shadow: 0 14px 38px rgba(58, 28, 65, 0.055);
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    overflow-x: hidden;
}

img,
svg {
    max-width: 100%;
}

.page-container,
.insights-page,
.fantasy-insights-page,
.fantasy-team-page,
.site-tabs,
.page-header__content,
.insights-hero,
.leaders-page-header,
.fantasy-team-header,
.fantasy-entry-summary,
.fantasy-team-controls,
.fantasy-team-workspace,
.insights-section,
.player-data-card,
.market-panel,
.leaders-row,
.leaders-board__head {
    min-width: 0;
}

.page-header-title,
.insights-hero__title,
.insights-hero--players h1,
.leaders-page-header h1,
.fantasy-team-header h1 {
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
}

/* --------------------------------------------------------------------------
   FDR home page
   -------------------------------------------------------------------------- */
.page-container[data-fdr-page] {
    padding-top: 16px;
}

.page-container[data-fdr-page] .page-header {
    margin-bottom: 12px !important;
}

.page-container[data-fdr-page] .page-header__content {
    display: grid !important;
    grid-template-columns: minmax(0, 1.65fr) minmax(285px, 370px) !important;
    align-items: center !important;
    gap: 18px !important;
}

.page-container[data-fdr-page] .page-header__title {
    min-width: 0;
}

.page-container[data-fdr-page] .page-header .page-header-title {
    max-width: 1040px !important;
    margin: 0 !important;
    font-size: clamp(36px, 3.35vw, 54px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
}

html[dir='rtl'] .page-container[data-fdr-page] .page-header .page-header-title {
    letter-spacing: -0.018em !important;
}

.page-container[data-fdr-page] .page-header__meta {
    align-items: center !important;
    gap: 6px 8px !important;
    margin-top: 10px !important;
}

.page-container[data-fdr-page] .page-header__meta .page-description {
    max-width: 600px;
    line-height: 1.45;
}

.page-container[data-fdr-page] .header-assistant-label,
.page-container[data-fdr-page] .language-switcher,
.page-container[data-fdr-page] .fantasy-team-lookup {
    flex: 0 0 auto;
}

.page-container[data-fdr-page] .weekly-winner-inline {
    width: 100%;
    max-width: 370px !important;
    padding: 10px !important;
    border-radius: 16px !important;
}

.page-container[data-fdr-page] .weekly-winner-heading {
    margin-bottom: 7px !important;
}

.page-container[data-fdr-page] .weekly-winner-card {
    padding: 9px !important;
}

.page-container[data-fdr-page] .weekly-winner-card__name {
    font-size: 12px !important;
}

.page-container[data-fdr-page] .weekly-winner-points strong {
    font-size: 18px !important;
}

.page-container[data-fdr-page] .control-panel {
    grid-template-columns:
        minmax(230px, 1.3fr)
        repeat(2, minmax(155px, 0.78fr))
        minmax(115px, auto)
        auto !important;
    align-items: end !important;
    gap: 10px !important;
    padding: 12px !important;
}

.page-container[data-fdr-page] .control-label {
    font-size: 10px !important;
}

.page-container[data-fdr-page] .segment-button,
.page-container[data-fdr-page] .control-select,
.page-container[data-fdr-page] .reset-button {
    min-height: 40px;
}

.page-container[data-fdr-page] .home-insights-preview__header h2 {
    max-width: 780px;
    font-size: clamp(22px, 2.35vw, 30px) !important;
    line-height: 1.15;
}

.page-container[data-fdr-page] .home-insight-card > strong {
    font-size: 17px !important;
}

.page-container[data-fdr-page] .how-fdr-works-card h2 {
    font-size: clamp(21px, 2.1vw, 28px) !important;
    line-height: 1.2;
}

/* --------------------------------------------------------------------------
   Insights hub
   -------------------------------------------------------------------------- */
.insights-page {
    width: min(100% - 32px, 1320px) !important;
}

.insights-page .insights-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.5fr) minmax(265px, 0.78fr);
    grid-template-rows: auto auto auto auto;
    column-gap: 26px;
    row-gap: 7px;
    align-items: center;
    padding: 24px 28px !important;
}

.insights-page .insights-hero__tools {
    grid-column: 1 / -1;
    margin-bottom: 5px !important;
}

.insights-page .insights-hero > .insights-kicker {
    grid-column: 1;
    margin: 0 0 1px;
}

.insights-page .insights-hero__title {
    grid-column: 1;
    max-width: 790px !important;
    font-size: clamp(35px, 3.6vw, 52px) !important;
    line-height: 1.06 !important;
}

.insights-page .insights-hero__title > span {
    display: block;
    white-space: nowrap;
}

.insights-page .insights-hero__summary {
    grid-column: 1;
    max-width: 790px;
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
}

.insights-page .insights-meta {
    grid-column: 2;
    grid-row: 2 / span 3;
    display: grid !important;
    align-self: center;
    gap: 7px !important;
    margin-top: 0 !important;
}

.insights-page .insights-meta span {
    width: 100%;
    padding: 8px 10px !important;
    line-height: 1.4;
}

.insights-page .insights-section__header h2,
.insights-page .insights-editorial h2,
.insights-page .ranking-panel h2,
.insights-page .schedule-panel h2,
.insights-page .method-section h2,
.insights-page .faq-section h2 {
    font-size: clamp(22px, 2.55vw, 33px) !important;
    line-height: 1.15 !important;
}

.insights-page .club-outlook-grid {
    gap: 13px !important;
}

.insights-page .club-outlook-card,
.insights-page .ranking-panel,
.insights-page .schedule-panel,
.insights-page .price-panel {
    min-width: 0;
}

.insights-page .club-outlook-card__head {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
}

.insights-page .club-outlook-card__head h3,
.insights-page .price-player__identity h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.insights-page .schedule-panel.is-easy > header {
    border-inline-start: 4px solid #198754 !important;
}

.insights-page .schedule-panel.is-hard > header {
    border-inline-start: 4px solid #b8324a !important;
}

.insights-page .price-player {
    grid-template-columns:
        minmax(150px, 1.15fr)
        minmax(54px, auto)
        minmax(180px, 1fr)
        minmax(88px, auto) !important;
    gap: 9px !important;
}

.insights-page .price-player__identity,
.insights-page .price-player__metrics,
.insights-page .signal-row {
    min-width: 0;
}

.insights-page .faq-section summary {
    line-height: 1.45;
}

/* --------------------------------------------------------------------------
   Shared market/player pages
   -------------------------------------------------------------------------- */
.fantasy-insights-page {
    width: min(100% - 32px, 1320px) !important;
    padding-top: 16px !important;
}

.fantasy-insights-page .insights-page-tools {
    justify-content: flex-start;
    min-height: 36px;
    margin: 0 0 10px !important;
}

.fantasy-insights-page .insights-hero {
    align-items: center !important;
    padding: 20px 24px !important;
}

.fantasy-insights-page .insights-hero h1 {
    max-width: 880px;
    font-size: clamp(31px, 3.45vw, 46px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
}

html[dir='rtl'] .fantasy-insights-page .insights-hero h1 {
    letter-spacing: -0.015em !important;
}

.fantasy-insights-page .insights-hero p {
    max-width: 800px;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
}

.fantasy-insights-page .insights-section {
    padding: 20px !important;
}

.fantasy-insights-page .insights-section__heading h2,
.fantasy-insights-page .market-panel h2 {
    font-size: 19px !important;
    line-height: 1.25;
}

.fantasy-insights-page .insights-section__heading p,
.fantasy-insights-page .market-panel__header p {
    font-size: 10.5px !important;
}

.fantasy-insights-page .gw-pulse-grid article {
    padding: 13px !important;
}

.fantasy-insights-page .gw-pulse-grid span {
    font-size: 8px !important;
}

.fantasy-insights-page .gw-pulse-grid strong {
    font-size: 17px !important;
}

.fantasy-insights-page .gw-pulse-highlights > span {
    font-size: 8px !important;
}

.fantasy-insights-page .insights-table th,
.fantasy-insights-page .insights-table td {
    padding: 11px 14px !important;
    font-size: 10.5px !important;
}

.fantasy-insights-page .insights-table th {
    font-size: 9.5px !important;
}

.fantasy-insights-page .insights-table td strong {
    font-size: 11.5px !important;
}

.fantasy-insights-page .insights-table td small {
    font-size: 8px !important;
}

.fantasy-insights-page .market-ranking__row {
    padding: 9px 5px !important;
}

.fantasy-insights-page .market-player strong,
.fantasy-insights-page .availability-card__top strong {
    font-size: 11.5px !important;
}

.fantasy-insights-page .market-number {
    font-size: 10.5px !important;
}

.fantasy-insights-page .availability-card p {
    font-size: 8.5px !important;
}

/* Player explorer cards */
.fantasy-insights-page .player-filter-panel {
    padding: 14px !important;
}

.fantasy-insights-page .player-card-grid {
    gap: 12px !important;
}

.fantasy-insights-page .player-data-card__header {
    padding: 14px !important;
}

.fantasy-insights-page .player-identity strong {
    font-size: 13px !important;
}

.fantasy-insights-page .player-identity span {
    font-size: 8.5px !important;
}

.fantasy-insights-page .player-primary-metrics span {
    font-size: 7px !important;
}

.fantasy-insights-page .player-primary-metrics strong {
    font-size: 12px !important;
}

.fantasy-insights-page .player-context-row > span {
    font-size: 7.5px !important;
}

.fantasy-insights-page .player-stats-details summary {
    font-size: 8.5px !important;
}

/* --------------------------------------------------------------------------
   Leaders page
   -------------------------------------------------------------------------- */
.fantasy-insights-page .leaders-page-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 18px !important;
    margin-bottom: 12px !important;
    padding: 20px 24px;
    border: 1px solid var(--roshn-polish-line);
    border-radius: 20px;
    background: var(--roshn-polish-panel);
    box-shadow: var(--roshn-polish-shadow);
}

.fantasy-insights-page .leaders-page-header h1 {
    max-width: 900px;
    margin: 7px 0 5px !important;
    font-size: clamp(30px, 3.25vw, 44px) !important;
    line-height: 1.08 !important;
}

.fantasy-insights-page .leaders-page-header p {
    max-width: 900px;
    font-size: 12.5px !important;
}

.fantasy-insights-page .leaders-language-switcher {
    align-self: start;
}

.fantasy-insights-page .leaders-eligibility-note {
    margin: 0 0 10px !important;
    padding: 9px 12px;
    border: 1px solid #ece4ee;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.72);
}

.fantasy-insights-page .leaders-board__head,
.fantasy-insights-page .leaders-row {
    grid-template-columns:
        56px
        minmax(150px, 1.2fr)
        minmax(150px, 1.2fr)
        135px
        105px
        115px
        105px !important;
}

.fantasy-insights-page .leaders-row {
    min-height: 66px !important;
}

.fantasy-insights-page .leaders-person strong,
.fantasy-insights-page .leaders-team strong,
.fantasy-insights-page .leaders-number {
    font-size: 12.5px !important;
}

/* --------------------------------------------------------------------------
   Fantasy team page
   -------------------------------------------------------------------------- */
.fantasy-team-page {
    width: min(100% - 32px, 1320px) !important;
    padding-top: 16px !important;
}

.fantasy-team-page .fantasy-team-header {
    padding: 12px 16px !important;
}

.fantasy-team-page .fantasy-team-header__main {
    align-items: center !important;
}

.fantasy-team-page .fantasy-team-header h1 {
    max-width: 850px;
    font-size: clamp(27px, 3.05vw, 38px) !important;
    line-height: 1.06 !important;
}

.fantasy-team-page .fantasy-team-header p {
    max-width: 720px;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

.fantasy-team-page .fantasy-team-search {
    max-width: 100%;
}

.fantasy-team-page .fantasy-entry-summary {
    gap: 12px !important;
}

.fantasy-team-page .fantasy-entry-summary__identity {
    min-width: 0;
}

.fantasy-team-page .fantasy-entry-summary__identity h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fantasy-team-page .fantasy-entry-stats {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.fantasy-team-page .fantasy-team-controls {
    align-items: end !important;
}

.fantasy-team-page .fantasy-team-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 360px) !important;
    gap: 16px !important;
}

.fantasy-team-page .fantasy-pitch-shell,
.fantasy-team-page .fantasy-transfer-simulator {
    min-width: 0;
}

.fantasy-team-page .fantasy-player-card {
    max-width: 116px;
}

.fantasy-team-page .fantasy-player-name {
    padding-inline: 5px;
    overflow: hidden;
    font-size: 10px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fantasy-team-page .fantasy-transfer-player__name strong {
    font-size: 10px !important;
}

.fantasy-team-page .fantasy-transfer-player__meta {
    font-size: 7.5px !important;
}

/* --------------------------------------------------------------------------
   Responsive safeguards
   -------------------------------------------------------------------------- */
@media (max-width: 1180px) {
    .page-container[data-fdr-page] .page-header__content {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 330px) !important;
    }

    .page-container[data-fdr-page] .page-header .page-header-title {
        font-size: clamp(34px, 4.3vw, 48px) !important;
    }

    .page-container[data-fdr-page] .control-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .page-container[data-fdr-page] .control-panel > * {
        min-width: 0 !important;
        width: 100%;
    }

    .insights-page .club-outlook-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .insights-page .price-player {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    .insights-page .price-player__metrics,
    .insights-page .signal-row {
        grid-column: 1 / -1;
    }

    .fantasy-insights-page .player-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .fantasy-team-page .fantasy-team-workspace {
        grid-template-columns: minmax(0, 1fr) 320px !important;
    }
}

@media (max-width: 940px) {
    .page-container[data-fdr-page] .page-header__content,
    .insights-page .insights-hero,
    .fantasy-insights-page .leaders-page-header,
    .fantasy-team-page .fantasy-team-workspace {
        grid-template-columns: 1fr !important;
    }

    .page-container[data-fdr-page] .weekly-winner-inline {
        max-width: none !important;
    }

    .insights-page .insights-hero > *,
    .insights-page .insights-meta {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .insights-page .insights-meta {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .fantasy-insights-page .leaders-language-switcher {
        justify-self: start;
    }

    .fantasy-insights-page .leaders-board {
        overflow-x: auto;
    }

    .fantasy-insights-page .leaders-board__head,
    .fantasy-insights-page .leaders-row {
        min-width: 920px;
    }

    .fantasy-team-page .fantasy-transfer-simulator {
        position: static !important;
    }
}

@media (max-width: 720px) {
    .page-container[data-fdr-page],
    .insights-page,
    .fantasy-insights-page,
    .fantasy-team-page {
        width: min(100% - 14px, 1680px) !important;
        padding-top: 8px !important;
    }

    .page-container[data-fdr-page] .page-header .page-header-title {
        font-size: clamp(30px, 9vw, 39px) !important;
    }

    .page-container[data-fdr-page] .page-header__meta {
        align-items: stretch !important;
    }

    .page-container[data-fdr-page] .fantasy-team-lookup {
        width: 100% !important;
    }

    .page-container[data-fdr-page] .control-panel {
        grid-template-columns: 1fr !important;
    }

    .insights-page .insights-hero {
        padding: 17px !important;
    }

    .insights-page .insights-hero__title > span {
        white-space: normal;
    }

    .insights-page .insights-hero__title {
        font-size: clamp(30px, 9vw, 40px) !important;
    }

    .insights-page .insights-meta {
        grid-template-columns: 1fr;
    }

    .insights-page .club-outlook-grid,
    .insights-page .insights-dual-grid,
    .insights-page .price-grid,
    .insights-page .method-grid,
    .fantasy-insights-page .player-card-grid {
        grid-template-columns: 1fr !important;
    }

    .fantasy-insights-page .insights-hero h1 {
        font-size: clamp(27px, 8.5vw, 36px) !important;
    }

    .fantasy-insights-page .insights-section {
        padding: 14px !important;
    }

    .fantasy-insights-page .gw-pulse-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .fantasy-insights-page .market-columns,
    .fantasy-insights-page .availability-grid {
        grid-template-columns: 1fr !important;
    }

    .fantasy-team-page .fantasy-team-header__main,
    .fantasy-team-page .fantasy-entry-summary,
    .fantasy-team-page .fantasy-team-controls {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .fantasy-team-page .fantasy-team-search,
    .fantasy-team-page .fantasy-team-search input,
    .fantasy-team-page .fantasy-display-control,
    .fantasy-team-page .fantasy-display-control select {
        width: 100% !important;
    }

    .fantasy-team-page .fantasy-entry-stats {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .fantasy-team-page .fantasy-gameweek-nav {
        grid-template-columns: 1fr auto 1fr !important;
        width: 100%;
    }
}

@media (max-width: 460px) {
    .page-container[data-fdr-page] .page-header__meta .language-switcher,
    .insights-page .insights-language,
    .insights-page .insights-range,
    .fantasy-insights-page .insights-language-switcher,
    .fantasy-team-page .fantasy-language-switcher {
        width: 100%;
    }

    .insights-page .insights-language a,
    .insights-page .insights-range a,
    .fantasy-insights-page .insights-language-switcher a,
    .fantasy-team-page .fantasy-language-switcher a {
        min-width: 0;
        flex: 1 1 0;
    }

    .fantasy-insights-page .gw-pulse-grid,
    .fantasy-team-page .fantasy-entry-stats {
        grid-template-columns: 1fr !important;
    }
}

/* --------------------------------------------------------------------------
   Stage 13: unified page-title scale + fantasy pitch row separation
   -------------------------------------------------------------------------- */

/* Use the visible "Gameweek pulse / نبض الجولة" section-heading scale as the
   single visual reference for the primary title on every main site page. */
.page-container[data-fdr-page] .page-header .page-header-title,
.insights-page .insights-hero__title,
.fantasy-insights-page .insights-hero h1,
.fantasy-insights-page .insights-hero--players h1,
.fantasy-insights-page .leaders-page-header h1,
.fantasy-team-page .fantasy-team-header h1 {
    margin-block: 0 !important;
    font-size: 26px !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
}

/* Keep long Arabic/English page titles readable without forcing oversized
   typography or clipping. */
.page-container[data-fdr-page] .page-header .page-header-title,
.insights-page .insights-hero__title,
.fantasy-insights-page .insights-hero h1,
.fantasy-insights-page .leaders-page-header h1,
.fantasy-team-page .fantasy-team-header h1 {
    max-width: 100% !important;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

/* The old translated MID/FWD rows visually escaped their grid space, allowing
   the forwards to sit underneath the bench panel. Keep every formation row in
   normal flow and use real grid spacing instead. */
.fantasy-team-page .fantasy-formation {
    gap: 30px !important;
    min-height: 760px !important;
    padding-bottom: 34px !important;
}

.fantasy-team-page .fantasy-formation-line--mid,
.fantasy-team-page .fantasy-formation-line--fwd {
    transform: none !important;
}

.fantasy-team-page .fantasy-bench-panel {
    margin-top: 18px !important;
}

@media (max-width: 680px) {
    .page-container[data-fdr-page] .page-header .page-header-title,
    .insights-page .insights-hero__title,
    .fantasy-insights-page .insights-hero h1,
    .fantasy-insights-page .insights-hero--players h1,
    .fantasy-insights-page .leaders-page-header h1,
    .fantasy-team-page .fantasy-team-header h1 {
        font-size: 19px !important;
        line-height: 1.28 !important;
    }

    .fantasy-team-page .fantasy-formation {
        gap: 16px !important;
        min-height: 590px !important;
        padding-bottom: 20px !important;
    }

    .fantasy-team-page .fantasy-bench-panel {
        margin-top: 12px !important;
    }
}

/* --------------------------------------------------------------------------
   Stage 14: mobile-first layout hardening and readable data density
   -------------------------------------------------------------------------- */

/* Keep all primary tool titles on one consistent compact scale. */
.seo-page-hero h1,
.page-container[data-fdr-page] .page-header .page-header-title,
.insights-page .insights-hero__title,
.insights-detail-page .insights-detail-hero h1,
.fantasy-insights-page .insights-hero h1,
.fantasy-insights-page .leaders-page-header h1,
.fantasy-team-page .fantasy-team-header h1,
.method-page .method-hero h1,
.site-info-page .site-info-hero h1,
.privacy-shell .hero h1,
.terms-shell .hero h1 {
    font-size: 26px !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

/* Data tables scroll rather than compressing text into unreadable columns. */
.fantasy-insights-page .insights-table-wrap,
.insights-page .schedule-table-wrap,
.insights-detail-page .insights-table-wrap {
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

.fantasy-insights-page .insights-table,
.insights-page .schedule-table,
.insights-detail-page .insights-table {
    min-width: 660px;
}

/* Content-heavy areas can render below the fold without blocking first paint. */
.fantasy-insights-page .insights-section:nth-of-type(n+3),
.insights-page > section:nth-of-type(n+4),
.page-container[data-fdr-page] .home-insights-preview,
.page-container[data-fdr-page] .how-fdr-works-card {
    content-visibility: auto;
    contain-intrinsic-size: auto 620px;
}

/* Source-level formation flow is reinforced here for the public CSS override. */
.fantasy-team-page .fantasy-formation {
    align-content: start !important;
    gap: 30px !important;
    min-height: 760px !important;
    padding-bottom: 34px !important;
}

.fantasy-team-page .fantasy-formation-line--mid,
.fantasy-team-page .fantasy-formation-line--fwd {
    transform: none !important;
}

.fantasy-team-page .fantasy-bench-panel {
    position: relative !important;
    clear: both;
    margin-top: 18px !important;
}

/* Long names should never widen a card or push controls off screen. */
.fantasy-team-page .fantasy-player-name,
.fantasy-team-page .fantasy-transfer-player__name strong,
.fantasy-insights-page .player-identity strong,
.fantasy-insights-page .market-player strong,
.insights-page .price-player__identity h4,
.insights-page .player-prediction-card h2,
.insights-page .player-prediction-card h3 {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1080px) {
    .fantasy-team-page .fantasy-team-workspace {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .fantasy-team-page .fantasy-transfer-simulator {
        position: static !important;
        width: 100%;
    }
}

@media (max-width: 760px) {
    .page-container[data-fdr-page],
    .insights-page,
    .fantasy-insights-page,
    .fantasy-team-page,
    .method-page,
    .site-info-page,
    .privacy-shell,
    .terms-shell {
        width: min(100% - 12px, 1680px) !important;
        padding-top: 8px !important;
        padding-bottom: 26px !important;
    }

    .page-container[data-fdr-page] .page-header__content,
    .insights-page .insights-hero,
    .insights-detail-page .insights-detail-hero,
    .fantasy-insights-page .leaders-page-header,
    .fantasy-team-page .fantasy-team-header__main,
    .fantasy-team-page .fantasy-entry-summary,
    .fantasy-team-page .fantasy-team-controls {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    .page-container[data-fdr-page] .page-header,
    .insights-page .insights-hero,
    .fantasy-insights-page .insights-hero,
    .fantasy-insights-page .leaders-page-header,
    .fantasy-team-page .fantasy-team-header {
        padding: 14px !important;
        border-radius: 16px !important;
    }

    .fantasy-insights-page .player-filter-form {
        grid-template-columns: 1fr 1fr !important;
    }

    .fantasy-insights-page .filter-field--search,
    .fantasy-insights-page .player-filter-actions {
        grid-column: 1 / -1 !important;
    }

    .fantasy-insights-page .player-filter-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .fantasy-insights-page .player-filter-actions > * {
        width: 100%;
    }

    .fantasy-team-page .fantasy-pitch {
        min-height: 0 !important;
        padding: 24px 5px 12px !important;
    }

    .fantasy-team-page .fantasy-formation {
        gap: 16px !important;
        min-height: 590px !important;
        padding: 18px 0 20px !important;
    }

    .fantasy-team-page .fantasy-formation-line {
        justify-content: space-around !important;
        gap: 2px !important;
    }

    .fantasy-team-page .fantasy-formation-line .fantasy-player-card {
        width: clamp(64px, 20vw, 82px) !important;
    }

    .fantasy-team-page .fantasy-bench-panel {
        width: calc(100% - 14px) !important;
        margin-top: 12px !important;
        padding: 8px 5px 10px !important;
    }

    .fantasy-team-page .fantasy-bench-grid {
        gap: 3px !important;
    }

    .fantasy-team-page .fantasy-player-card.is-compact {
        max-width: 78px !important;
    }

    .fantasy-team-page .fantasy-entry-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .fantasy-team-page .fantasy-gameweek-nav {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    }

    .fantasy-team-page .fantasy-gameweek-nav button {
        min-width: 0 !important;
        padding-inline: 5px !important;
        font-size: 9px !important;
    }

    .seo-related__grid,
    .insights-topic-hub > div,
    .player-prediction-grid,
    .insight-club-detail-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 460px) {
    .fantasy-insights-page .player-filter-form,
    .fantasy-insights-page .player-filter-actions,
    .fantasy-team-page .fantasy-entry-stats {
        grid-template-columns: 1fr !important;
    }

    .fantasy-team-page .fantasy-formation-line .fantasy-player-card {
        width: clamp(61px, 19.5vw, 76px) !important;
    }

    .fantasy-team-page .fantasy-player-action {
        min-height: 20px !important;
    }

    .fantasy-team-page .fantasy-player-name {
        font-size: 8px !important;
    }
}

/* --------------------------------------------------------------------------
   Stage 15: FDR-first mobile homepage
   Keep the desktop composition unchanged, but on phones move the primary FDR
   table ahead of supporting/promotional content so users reach the tool fast.
   -------------------------------------------------------------------------- */
@media (max-width: 760px) {
    /* Flatten only the header wrappers so the weekly leader can be reordered
       after the table without duplicating content or IDs in the DOM. */
    .page-container[data-fdr-page] {
        display: flex !important;
        flex-direction: column !important;
    }

    .page-container[data-fdr-page] > .page-header,
    .page-container[data-fdr-page] > .page-header > .page-header__content {
        display: contents !important;
    }

    /* Explicit mobile reading order. */
    .page-container[data-fdr-page] > .site-tabs {
        order: 10;
    }

    .page-container[data-fdr-page] .page-header__title {
        order: 20;
    }

    .page-container[data-fdr-page] > .mobile-quickbar {
        order: 30;
    }

    .page-container[data-fdr-page] > .control-panel[data-mobile-section="filters"] {
        order: 40;
    }

    .page-container[data-fdr-page] > .table-toolbar {
        order: 50;
    }

    .page-container[data-fdr-page] > .fdr-table-container {
        order: 60;
    }

    .page-container[data-fdr-page] > .difficulty-legend {
        order: 70;
    }

    .page-container[data-fdr-page] .weekly-winner-inline {
        order: 80;
    }

    .page-container[data-fdr-page] > .home-platform-intro {
        order: 90;
    }

    .page-container[data-fdr-page] > .home-insights-preview {
        order: 100;
    }

    .page-container[data-fdr-page] > .how-fdr-works-card {
        order: 110;
    }

    /* Any remaining direct content (related links/footer) stays after the
       explicitly ordered homepage sections. */
    .page-container[data-fdr-page] > :not(.site-tabs):not(.page-header):not(.mobile-quickbar):not(.control-panel):not(.table-toolbar):not(.fdr-table-container):not(.difficulty-legend):not(.home-platform-intro):not(.home-insights-preview):not(.how-fdr-works-card) {
        order: 120;
    }

    /* Compact the hero to the information needed before the table. */
    .page-container[data-fdr-page] .page-header__title {
        margin: 0 0 6px !important;
        padding: 10px 11px !important;
        border: 1px solid var(--roshn-polish-line) !important;
        border-radius: 14px !important;
        background: var(--roshn-polish-panel) !important;
        box-shadow: 0 8px 24px rgba(58, 28, 65, 0.045) !important;
    }

    .page-container[data-fdr-page] .page-header .page-header-title,
    .page-container[data-fdr-page] .page-header-title {
        margin: 0 !important;
        font-size: 17px !important;
        line-height: 1.25 !important;
        text-align: start !important;
    }

    .page-container[data-fdr-page] .page-header__meta {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 6px 8px !important;
        margin-top: 7px !important;
    }

    .page-container[data-fdr-page] .header-assistant-label,
    .page-container[data-fdr-page] .header-meta-separator {
        display: none !important;
    }

    .page-container[data-fdr-page] .page-description {
        grid-column: 1 / -1;
        margin: 0 !important;
        color: #806d84 !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
    }

    .page-container[data-fdr-page] .language-switcher {
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
        align-self: center !important;
        width: auto !important;
        margin: 0 !important;
        padding: 2px !important;
    }

    .page-container[data-fdr-page] .language-option {
        min-width: 52px !important;
        padding: 5px 7px !important;
        font-size: 9px !important;
    }

    .page-container[data-fdr-page] .fantasy-team-lookup {
        grid-column: 1;
        grid-row: 2;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 5px !important;
        margin: 0 !important;
    }

    .page-container[data-fdr-page] .fantasy-team-lookup input,
    .page-container[data-fdr-page] .fantasy-team-lookup button {
        min-height: 32px !important;
        height: 32px !important;
        font-size: 10px !important;
    }

    .page-container[data-fdr-page] .fantasy-team-lookup input {
        min-width: 0 !important;
        padding: 0 8px !important;
    }

    .page-container[data-fdr-page] .fantasy-team-lookup button {
        padding-inline: 10px !important;
    }

    /* Quick controls should sit directly on top of the table area. */
    .page-container[data-fdr-page] .mobile-quickbar {
        top: 4px !important;
        margin: 0 0 5px !important;
        padding: 4px !important;
        grid-template-columns: 38px minmax(0, 1fr) 38px !important;
        gap: 5px !important;
        border-radius: 13px !important;
    }

    .page-container[data-fdr-page] .mobile-nav-button {
        min-width: 38px !important;
        min-height: 38px !important;
        font-size: 19px !important;
    }

    .page-container[data-fdr-page] .mobile-filter-trigger {
        padding: 3px 6px !important;
    }

    .page-container[data-fdr-page] .mobile-filter-trigger__copy strong {
        font-size: 11px !important;
    }

    .page-container[data-fdr-page] .mobile-filter-trigger__copy small {
        font-size: 8px !important;
    }

    /* Pro Mode remains available, but does not create another large block. */
    .page-container[data-fdr-page] .table-toolbar {
        min-height: 30px !important;
        margin: 0 0 5px !important;
    }

    .page-container[data-fdr-page] .card-display-control {
        min-height: 30px !important;
        padding: 3px 6px !important;
    }

    .page-container[data-fdr-page] .card-display-label {
        font-size: 9px !important;
    }

    .page-container[data-fdr-page] .details-toggle-button {
        min-height: 26px !important;
        padding: 3px 7px 3px 4px !important;
        font-size: 9px !important;
    }

    /* Keep the FDR table visually attached to its controls. */
    .page-container[data-fdr-page] .fdr-table-container {
        margin-top: 0 !important;
        border-radius: 15px !important;
    }

    .page-container[data-fdr-page] .difficulty-legend {
        margin: 7px 0 9px !important;
    }

    /* Supporting content now starts after the core tool. */
    .page-container[data-fdr-page] .weekly-winner-inline,
    .page-container[data-fdr-page] .home-platform-intro,
    .page-container[data-fdr-page] .home-insights-preview,
    .page-container[data-fdr-page] .how-fdr-works-card {
        width: 100% !important;
        max-width: none !important;
    }

    .page-container[data-fdr-page] .weekly-winner-inline {
        margin: 0 0 9px !important;
        padding: 8px !important;
    }

    .page-container[data-fdr-page] .home-platform-intro {
        margin-top: 0 !important;
    }
}


/* --------------------------------------------------------------------------
   Stage 16: compact mobile header actions
   Keep Language + Fantasy ID on one responsive row and remove the supporting
   platform intro from the phone layout. Desktop remains unchanged.
   -------------------------------------------------------------------------- */
.home-header-actions {
    display: contents;
}

@media (max-width: 760px) {
    .page-container[data-fdr-page] .page-header__meta {
        display: block !important;
        margin-top: 7px !important;
    }

    .page-container[data-fdr-page] .page-description {
        margin: 0 0 7px !important;
    }

    .page-container[data-fdr-page] .home-header-actions {
        display: grid !important;
        grid-template-columns: minmax(112px, 0.9fr) minmax(0, 1.1fr) !important;
        align-items: stretch !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .page-container[data-fdr-page] .home-header-actions .language-switcher {
        grid-column: auto !important;
        grid-row: auto !important;
        align-self: stretch !important;
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 2px !important;
    }

    .page-container[data-fdr-page] .home-header-actions .language-option {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        display: grid !important;
        place-items: center !important;
        padding: 5px 4px !important;
        font-size: 9px !important;
    }

    .page-container[data-fdr-page] .home-header-actions .fantasy-team-lookup {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .page-container[data-fdr-page] .home-header-actions .fantasy-team-lookup input {
        width: 100% !important;
        min-width: 0 !important;
    }

    .page-container[data-fdr-page] > .home-platform-intro {
        display: none !important;
    }
}

@media (max-width: 380px) {
    .page-container[data-fdr-page] .home-header-actions {
        grid-template-columns: minmax(106px, 0.82fr) minmax(0, 1.18fr) !important;
        gap: 5px !important;
    }

    .page-container[data-fdr-page] .home-header-actions .language-option {
        font-size: 8px !important;
        padding-inline: 3px !important;
    }

    .page-container[data-fdr-page] .home-header-actions .fantasy-team-lookup input,
    .page-container[data-fdr-page] .home-header-actions .fantasy-team-lookup button {
        font-size: 9px !important;
    }
}

/* --------------------------------------------------------------------------
   Stage 17: Insights hub mobile compaction
   Keep the analysis controls available on phones while removing the large
   introductory hero copy/meta so users reach the analysis directory quickly.
   Desktop remains unchanged.
   -------------------------------------------------------------------------- */
@media (max-width: 760px) {
    .insights-page {
        width: min(100% - 12px, 1380px) !important;
        padding-top: 8px !important;
    }

    /* Turn the hero into a compact controls strip on phones. */
    .insights-page .insights-hero {
        margin-bottom: 8px !important;
        padding: 6px !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, 0.94) !important;
        box-shadow: 0 8px 22px rgba(58, 28, 65, 0.045) !important;
    }

    .insights-page .insights-hero__tools {
        display: grid !important;
        grid-template-columns: minmax(112px, 0.82fr) minmax(0, 1.18fr) !important;
        align-items: stretch !important;
        gap: 6px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .insights-page .insights-language,
    .insights-page .insights-range {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        gap: 2px !important;
        padding: 2px !important;
        border-radius: 12px !important;
    }

    .insights-page .insights-language a,
    .insights-page .insights-range a {
        min-width: 0 !important;
        min-height: 34px !important;
        padding: 0 4px !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    /* Hide the large Roshn FDR Insights intro on mobile, but keep its controls. */
    .insights-page .insights-hero > .insights-kicker,
    .insights-page .insights-hero__title,
    .insights-page .insights-hero__summary,
    .insights-page .insights-meta {
        display: none !important;
    }

    /* Bring the useful analysis directory directly under the controls. */
    .insights-page .insights-topic-hub {
        margin-top: 0 !important;
        margin-bottom: 9px !important;
        padding: 14px !important;
        border-radius: 16px !important;
    }

    .insights-page .insights-topic-hub > header {
        margin-bottom: 10px !important;
    }

    .insights-page .insights-topic-hub > header > span {
        font-size: 9px !important;
    }

    .insights-page .insights-topic-hub h2 {
        margin-top: 4px !important;
        font-size: 19px !important;
        line-height: 1.28 !important;
    }

    .insights-page .insights-topic-hub header p {
        margin-top: 6px !important;
        font-size: 10.5px !important;
        line-height: 1.55 !important;
    }

    .insights-page .insights-topic-hub > div {
        gap: 7px !important;
    }

    .insights-page .insights-topic-hub a {
        min-height: 0 !important;
        padding: 11px 12px !important;
        border-radius: 12px !important;
    }

    .insights-page .insights-topic-hub a strong {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    .insights-page .insights-topic-hub a span {
        margin-top: 3px !important;
        font-size: 9px !important;
        line-height: 1.45 !important;
    }

    /* Keep following analysis cards visually consistent and denser. */
    .insights-page .insights-section,
    .insights-page .insights-editorial,
    .insights-page .ranking-panel,
    .insights-page .schedule-panel,
    .insights-page .method-section,
    .insights-page .faq-section {
        margin-bottom: 9px !important;
        border-radius: 16px !important;
    }

    .insights-page .insights-section,
    .insights-page .insights-editorial,
    .insights-page .method-section,
    .insights-page .faq-section {
        padding: 14px !important;
    }

    .insights-page .insights-section__header {
        gap: 8px !important;
        margin-bottom: 12px !important;
    }

    .insights-page .insights-section__header h2,
    .insights-page .insights-editorial h2,
    .insights-page .ranking-panel h2,
    .insights-page .schedule-panel h2,
    .insights-page .method-section h2,
    .insights-page .faq-section h2 {
        font-size: 19px !important;
        line-height: 1.28 !important;
    }
}

@media (max-width: 380px) {
    .insights-page .insights-hero__tools {
        grid-template-columns: minmax(104px, 0.78fr) minmax(0, 1.22fr) !important;
        gap: 5px !important;
    }

    .insights-page .insights-language a,
    .insights-page .insights-range a {
        padding-inline: 3px !important;
        font-size: 8px !important;
    }
}

/* --------------------------------------------------------------------------
   Stage 18: Fantasy market mobile compaction
   Hide the gameweek pulse on phones and prioritize price/transfer content.
   Desktop remains unchanged.
   -------------------------------------------------------------------------- */
@media (max-width: 760px) {
    .fantasy-market-page .market-gameweek-pulse {
        display: none !important;
    }

    .fantasy-market-page .seo-breadcrumbs {
        margin-bottom: 5px !important;
    }

    .fantasy-market-page .seo-page-hero {
        gap: 7px !important;
        margin-bottom: 8px !important;
        padding: 10px 12px !important;
        border-radius: 15px !important;
    }

    /* The page title already explains the product; remove duplicate mobile copy. */
    .fantasy-market-page .seo-page-hero__eyebrow,
    .fantasy-market-page .seo-page-hero p {
        display: none !important;
    }

    .fantasy-market-page .seo-page-hero h1 {
        margin: 0 !important;
        font-size: 19px !important;
        line-height: 1.25 !important;
    }

    .fantasy-market-page .insights-language-switcher {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100% !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 2px !important;
    }

    .fantasy-market-page .insights-language-switcher a {
        min-width: 0 !important;
        min-height: 34px !important;
        display: grid !important;
        place-items: center !important;
        padding: 0 6px !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
    }

    /* Denser cards help the market data start higher on the screen. */
    .fantasy-market-page .insights-section {
        margin-bottom: 9px !important;
        padding: 12px !important;
        border-radius: 16px !important;
    }

    .fantasy-market-page .insights-section__heading {
        gap: 8px !important;
        margin-bottom: 10px !important;
    }

    .fantasy-market-page .insights-section__eyebrow {
        font-size: 8.5px !important;
    }

    .fantasy-market-page .insights-section__heading h2,
    .fantasy-market-page .market-panel h2 {
        font-size: 17px !important;
        line-height: 1.25 !important;
    }

    /* Keep the price table readable while reducing unnecessary horizontal width. */
    .fantasy-market-page .insights-table {
        min-width: 600px !important;
    }

    .fantasy-market-page .insights-table th,
    .fantasy-market-page .insights-table td {
        padding: 9px 10px !important;
    }

    .fantasy-market-page .market-columns,
    .fantasy-market-page .availability-grid {
        gap: 9px !important;
    }
}



/* --------------------------------------------------------------------------
   Stage 19: unified cross-site design system
   One shell, one navigation treatment and one spacing rhythm across public
   FDR/Fantasy pages. Page-specific data layouts remain untouched.
   -------------------------------------------------------------------------- */

html,
body {
    color: var(--roshn-polish-ink);
    background:
        radial-gradient(circle at top right, rgba(111, 41, 120, 0.085), transparent 32rem),
        #f7f5f8;
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

/* Standard pages share the same canvas; the FDR matrix alone stays wide. */
.insights-page,
.fantasy-insights-page,
.fantasy-team-page {
    width: min(100% - 32px, 1320px) !important;
    margin-inline: auto !important;
    padding-top: 16px !important;
    padding-bottom: 40px !important;
}

.page-container[data-fdr-page] {
    width: min(100% - 32px, 1680px) !important;
    margin-inline: auto !important;
    padding-top: 16px !important;
    padding-bottom: 40px !important;
}

/* FDR header now belongs to the same visual shell as the other tools. */
.page-container[data-fdr-page] .page-header,
.insights-page .insights-hero,
.fantasy-insights-page .insights-hero,
.fantasy-insights-page .leaders-page-header,
.fantasy-insights-page .top-managers-header,
.fantasy-insights-page .seo-page-hero,
.fantasy-team-page .fantasy-team-header,
.insights-detail-page .insights-detail-hero {
    margin-bottom: 12px !important;
    border: 1px solid var(--roshn-polish-line) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at top right, rgba(111, 41, 120, 0.055), transparent 26rem),
        rgba(255, 255, 255, 0.96) !important;
    box-shadow: var(--roshn-polish-shadow) !important;
}

.page-container[data-fdr-page] .page-header {
    width: min(100%, 1320px) !important;
    margin-inline: auto !important;
    padding: 18px 20px !important;
}

.page-container[data-fdr-page] .seo-related,
.page-container[data-fdr-page] .global-site-footer {
    width: min(100%, 1320px) !important;
    margin-inline: auto !important;
}

.insights-page .insights-hero,
.fantasy-insights-page .insights-hero,
.fantasy-insights-page .leaders-page-header,
.fantasy-insights-page .top-managers-header,
.fantasy-insights-page .seo-page-hero,
.fantasy-team-page .fantasy-team-header,
.insights-detail-page .insights-detail-hero {
    padding: 18px 20px !important;
}

.page-container[data-fdr-page] .page-header .page-header-title,
.insights-page .insights-hero__title,
.insights-detail-page .insights-detail-hero h1,
.fantasy-insights-page .insights-hero h1,
.fantasy-insights-page .leaders-page-header h1,
.fantasy-insights-page .top-managers-header h1,
.fantasy-insights-page .seo-page-hero h1,
.fantasy-team-page .fantasy-team-header h1 {
    max-width: 100% !important;
    margin-block: 0 !important;
    color: var(--roshn-polish-ink) !important;
    font-size: 26px !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

.insights-page .insights-hero__summary,
.insights-detail-page .insights-detail-hero p,
.fantasy-insights-page .insights-hero p,
.fantasy-insights-page .leaders-page-header p,
.fantasy-insights-page .top-managers-header p,
.fantasy-insights-page .seo-page-hero p,
.fantasy-team-page .fantasy-team-header p,
.page-container[data-fdr-page] .page-description {
    color: var(--roshn-polish-muted) !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
}

/* One compact language control style. */
.page-container[data-fdr-page] .language-switcher,
.insights-page .insights-language,
.insights-page .insights-range,
.fantasy-insights-page .insights-language-switcher,
.fantasy-insights-page .leaders-language-switcher,
.fantasy-insights-page .top-managers-language,
.fantasy-team-page .fantasy-language-switcher {
    gap: 2px !important;
    padding: 3px !important;
    border: 1px solid var(--roshn-polish-line) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.page-container[data-fdr-page] .language-option,
.insights-page .insights-language a,
.insights-page .insights-range a,
.fantasy-insights-page .insights-language-switcher a,
.fantasy-insights-page .leaders-language-switcher a,
.fantasy-insights-page .top-managers-language a,
.fantasy-team-page .fantasy-language-switcher a {
    min-height: 30px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1 !important;
}

.page-container[data-fdr-page] .language-option.is-active,
.insights-page .insights-language a.is-active,
.insights-page .insights-range a.is-active,
.fantasy-insights-page .insights-language-switcher a.is-active,
.fantasy-insights-page .leaders-language-switcher a.is-active,
.fantasy-insights-page .top-managers-language a.is-active,
.fantasy-team-page .fantasy-language-switcher a.is-active {
    color: #ffffff !important;
    background: var(--roshn-polish-brand) !important;
}

/* Consistent vertical rhythm between data sections. */
.seo-related,
.global-site-footer,
.fantasy-insights-page .top-managers-section,
.fantasy-insights-page .top-managers-note,
.fantasy-insights-page .leaders-note {
    margin-top: 12px !important;
}

.fantasy-insights-page .top-managers-section {
    padding: 16px !important;
    border-radius: 18px !important;
}

.fantasy-insights-page .top-managers-section__head {
    margin-bottom: 12px !important;
}

@media (max-width: 760px) {
    .insights-page,
    .fantasy-insights-page,
    .fantasy-team-page,
    .page-container[data-fdr-page] {
        width: min(100% - 16px, 1680px) !important;
        padding-top: 10px !important;
        padding-bottom: 28px !important;
    }

    .page-container[data-fdr-page] .page-header,
    .insights-page .insights-hero,
    .fantasy-insights-page .insights-hero,
    .fantasy-insights-page .leaders-page-header,
    .fantasy-insights-page .top-managers-header,
    .fantasy-insights-page .seo-page-hero,
    .fantasy-team-page .fantasy-team-header,
    .insights-detail-page .insights-detail-hero {
        margin-bottom: 9px !important;
        padding: 12px !important;
        border-radius: 15px !important;
    }

    .page-container[data-fdr-page] .page-header .page-header-title,
    .insights-page .insights-hero__title,
    .insights-detail-page .insights-detail-hero h1,
    .fantasy-insights-page .insights-hero h1,
    .fantasy-insights-page .leaders-page-header h1,
    .fantasy-insights-page .top-managers-header h1,
    .fantasy-insights-page .seo-page-hero h1,
    .fantasy-team-page .fantasy-team-header h1 {
        font-size: 22px !important;
        line-height: 1.25 !important;
    }

    .fantasy-insights-page .top-managers-section {
        margin-top: 9px !important;
        padding: 12px !important;
        border-radius: 15px !important;
    }

    .seo-related,
    .global-site-footer {
        margin-top: 9px !important;
    }
}