@charset "UTF-8";

.season-modern-page,
.season-modern-page * {
    box-sizing: border-box;
}

.season-modern-page {
    --season-blue: #1d4289;
    --season-blue-dark: #16356f;
    --season-blue-deep: #102d61;
    --season-ink: #10243b;
    --season-muted: #647287;
    --season-border: rgba(18, 54, 96, .14);
    --season-soft: #f3f6fa;
    --season-green: #23845d;
    --season-orange: #d17a00;
    --season-red: #b94747;
    min-width: 0;
    padding: clamp(.8rem, 2vw, 1.35rem) 0 3rem;
    overflow-x: hidden;
    background: linear-gradient(180deg, #f4f7fb 0, #fff 35rem);
    color: var(--season-ink);
}

.season-modern-shell {
    width: 100%;
    max-width: 84rem;
    min-width: 0;
    margin: 0 auto;
    padding-inline: clamp(1rem, 3vw, 2rem);
}

.season-modern-hero {
    position: relative;
    overflow: hidden;
    border-radius: 1.3rem;
    background: var(--season-blue);
    box-shadow: 0 1.2rem 3.2rem rgba(29, 66, 137, .25);
    color: #fff;
    isolation: isolate;
}

.season-modern-hero::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(115deg, #1d4289, #102d61);
    content: "";
}

.season-modern-hero__background {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

.season-modern-hero.has-image::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(15,42,90,.96) 0%, rgba(15,42,90,.84) 48%, rgba(15,42,90,.66) 100%);
    content: "";
    pointer-events: none;
}

.season-modern-hero.is-title-season::after {
    background: linear-gradient(90deg, rgba(15,42,90,.97) 0%, rgba(15,42,90,.85) 43%, rgba(72,51,10,.58) 100%);
}

.season-modern-hero__top,
.season-modern-scoreboard,
.season-modern-hero__facts {
    position: relative;
    z-index: 2;
}

.season-modern-hero__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem clamp(1rem, 3vw, 1.5rem);
    border-bottom: 1px solid rgba(255,255,255,.14);
}

.season-modern-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem .75rem;
    color: rgba(255,255,255,.78);
    font-size: .73rem;
    font-weight: 750;
}

.season-modern-hero__meta strong {
    color: #fff;
}

.season-modern-hero__navigation {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.season-modern-hero__navigation a {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    padding: .36rem .55rem;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: .55rem;
    background: rgba(255,255,255,.08);
    color: #fff !important;
    font-size: .66rem;
    font-weight: 850;
    text-decoration: none;
}

.season-modern-scoreboard {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(9rem,.62fr) minmax(0,1fr);
    align-items: center;
    gap: clamp(.8rem,3vw,2rem);
    padding: clamp(1.5rem,4vw,2.6rem);
}

.season-modern-team {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: clamp(.7rem,2vw,1.1rem);
    min-width: 0;
}

.season-modern-team--away {
    grid-template-columns: minmax(0,1fr) auto;
    text-align: right;
}

.season-modern-team__logo {
    display: flex;
    width: clamp(6.2rem,10.5vw,9.5rem);
    height: clamp(5.6rem,8.8vw,7.8rem);
    min-width: 6.2rem;
    align-items: center;
    justify-content: center;
}

.season-modern-team__logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 .25rem .45rem rgba(0,0,0,.2));
}

.season-modern-team__logo--kit img {
    max-width: 74%;
    max-height: 100%;
}

.season-modern-team__name {
    min-width: 0;
}

.season-modern-team__name small {
    display: block;
    margin-bottom: .3rem;
    color: rgba(255,255,255,.62);
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.season-modern-team__name strong {
    display: block;
    color: #fff;
    font-size: clamp(1.05rem,2.6vw,1.65rem);
    font-weight: 900;
    line-height: 1.15;
}

.season-modern-score {
    min-width: 0;
    text-align: center;
}

.season-modern-score > span {
    display: block;
    color: rgba(255,255,255,.66);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.season-modern-score h1 {
    margin: .2rem 0 0;
    color: #fff;
    font-family: "Francois One", "Arial Narrow", sans-serif;
    font-size: clamp(3rem,8vw,5.6rem);
    font-weight: 400;
    letter-spacing: .02em;
    line-height: .9;
    white-space: nowrap;
}

.season-modern-title-badge {
    display: inline-flex;
    margin-top: .65rem;
    padding: .35rem .65rem;
    border: 1px solid rgba(255,220,120,.34);
    border-radius: 999px;
    background: rgba(128,83,0,.28);
    color: #fff3c9;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.season-modern-season-mark {
    display: grid;
    width: 4.5rem;
    height: 4.5rem;
    place-items: center;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 1.1rem;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-family: "Francois One", "Arial Narrow", sans-serif;
    font-size: 2rem;
}

.season-modern-hero__facts {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    border-top: 1px solid rgba(255,255,255,.14);
    background: rgba(5,24,55,.2);
}

.season-modern-hero__fact {
    min-width: 0;
    padding: .62rem .72rem;
    border-left: 1px solid rgba(255,255,255,.1);
}

.season-modern-hero__fact:first-child {
    border-left: 0;
}

.season-modern-hero__fact span {
    display: block;
    color: rgba(255,255,255,.6);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.season-modern-hero__fact strong {
    display: block;
    margin-top: .25rem;
    color: #fff;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.season-modern-tabs {
    display: grid;
    grid-template-columns: repeat(7,minmax(0,1fr));
    gap: .32rem;
    margin-top: clamp(1rem,2vw,1.35rem);
    padding: .36rem;
    border: 1px solid var(--season-border);
    border-radius: 1rem;
    background: #e9eef5;
    box-shadow: 0 .45rem 1.2rem rgba(16,36,59,.06);
}

.season-modern-tabs button,
.season-modern-scope button {
    appearance: none;
    min-width: 0;
    margin: 0;
    border: 0;
    font: inherit;
    text-transform: none;
    cursor: pointer;
}

.season-modern-tabs button {
    min-height: 2.65rem;
    padding: .55rem .35rem;
    border-radius: .72rem;
    background: transparent;
    color: #5c6e84;
    font-size: .69rem;
    font-weight: 850;
    line-height: 1.15;
}

.season-modern-tabs button[aria-selected="true"] {
    background: #fff;
    color: var(--season-blue);
    box-shadow: 0 .25rem .65rem rgba(16,36,59,.12);
}

.season-modern-tab-panel {
    margin-top: clamp(1.2rem,3vw,2rem);
}

.season-modern-overview-head,
.season-modern-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.season-modern-eyebrow {
    margin: 0 0 .3rem;
    color: var(--season-blue);
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.2;
    text-transform: uppercase;
}

.season-modern-overview-head h2,
.season-modern-panel h2,
.season-modern-section-head h2 {
    margin: 0;
    color: var(--season-ink);
    font-size: clamp(1.25rem,3vw,1.8rem);
    font-weight: 900;
    line-height: 1.15;
}

.season-modern-section-head > p {
    max-width: 34rem;
    margin: 0;
    color: var(--season-muted);
    font-size: .74rem;
    line-height: 1.45;
    text-align: right;
}

.season-modern-scope {
    display: flex;
    flex-wrap: wrap;
    gap: .24rem;
    padding: .22rem;
    border: 1px solid var(--season-border);
    border-radius: .75rem;
    background: #edf2f7;
}

.season-modern-scope button {
    min-height: 2.15rem;
    padding: .42rem .65rem;
    border-radius: .58rem;
    background: transparent;
    color: var(--season-muted);
    font-size: .67rem;
    font-weight: 850;
}

.season-modern-scope button[aria-pressed="true"] {
    background: #fff;
    color: var(--season-blue);
    box-shadow: 0 .2rem .55rem rgba(16,36,59,.1);
}

.season-modern-kpis {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: .65rem;
    margin-top: .85rem;
}

.season-modern-kpis article,
.season-modern-panel,
.season-modern-title-feature {
    min-width: 0;
    border: 1px solid var(--season-border);
    border-radius: 1.05rem;
    background: #fff;
    box-shadow: 0 .65rem 1.7rem rgba(16,36,59,.055);
}

.season-modern-kpis article {
    padding: .85rem .8rem;
}

.season-modern-kpis span,
.season-modern-story-grid article > span,
.season-modern-staff-grid article > span,
.season-modern-economy-grid article > span,
.season-modern-title-feature__matches article > span {
    display: block;
    color: #7a8899;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .06em;
    line-height: 1.2;
    text-transform: uppercase;
}

.season-modern-kpis strong {
    display: block;
    margin-top: .35rem;
    color: var(--season-ink);
    font-size: clamp(1.05rem,2.2vw,1.45rem);
    font-weight: 900;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.season-modern-kpis small {
    display: block;
    margin-top: .38rem;
    color: var(--season-muted);
    font-size: .64rem;
    line-height: 1.35;
}

.season-modern-title-feature {
    display: grid;
    grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
    gap: 1rem;
    margin-top: 1rem;
    padding: clamp(1rem,3vw,1.5rem);
    border-color: rgba(183,133,27,.24);
    background: linear-gradient(120deg,#fffaf0,#fff 58%);
}

.season-modern-title-feature__copy p:last-child {
    margin: .55rem 0 0;
    color: var(--season-muted);
    font-size: .77rem;
    line-height: 1.5;
}

.season-modern-title-feature__matches {
    display: grid;
    gap: .55rem;
}

.season-modern-title-feature__matches article {
    padding: .72rem .8rem;
    border: 1px solid rgba(183,133,27,.18);
    border-radius: .8rem;
    background: rgba(255,255,255,.76);
}

.season-modern-title-feature__matches strong,
.season-modern-title-feature__matches a {
    display: block;
    margin-top: .24rem;
    color: #6d4e0d !important;
    font-size: .82rem;
    font-weight: 900;
    line-height: 1.3;
    text-decoration: none;
}

.season-modern-title-feature__matches small {
    display: block;
    margin-top: .18rem;
    color: #8a7652;
    font-size: .62rem;
}

.season-modern-content-grid {
    display: grid;
    grid-template-columns: minmax(0,1.55fr) minmax(16rem,.75fr);
    gap: 1rem;
    margin-top: 1rem;
}

.season-modern-panel {
    padding: clamp(1rem,2.4vw,1.35rem);
}

.season-modern-panel header {
    margin-bottom: .85rem;
}

.season-modern-story-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .55rem;
}

.season-modern-story-grid article {
    min-width: 0;
    padding: .75rem .8rem;
    border-radius: .8rem;
    background: var(--season-soft);
}

.season-modern-story-grid a {
    display: block;
    margin-top: .28rem;
    color: var(--season-blue) !important;
    font-size: .79rem;
    font-weight: 900;
    line-height: 1.3;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.season-modern-story-grid small {
    display: block;
    margin-top: .2rem;
    color: var(--season-muted);
    font-size: .62rem;
}

.season-modern-form {
    display: flex;
    flex-wrap: wrap;
    gap: .28rem;
    margin-top: .4rem;
}

.season-modern-form i {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: .48rem;
    background: #e2e7ed;
    color: #607080;
    font-size: .65rem;
    font-style: normal;
    font-weight: 900;
}

.season-modern-form i.is-w { background: #e2f2e9; color: var(--season-green); }
.season-modern-form i.is-d { background: #fff0da; color: var(--season-orange); }
.season-modern-form i.is-l { background: #f8e5e5; color: var(--season-red); }

.season-modern-standing-value {
    display: flex;
    align-items: baseline;
    gap: .45rem;
    margin: .1rem 0 .8rem;
}

.season-modern-standing-value strong {
    color: var(--season-blue);
    font-family: "Francois One", "Arial Narrow", sans-serif;
    font-size: 3.4rem;
    font-weight: 400;
    line-height: .9;
}

.season-modern-standing-value span {
    color: var(--season-muted);
    font-size: .69rem;
    font-weight: 850;
}

.season-modern-panel dl {
    margin: 0;
}

.season-modern-panel dl div {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .48rem 0;
    border-top: 1px solid rgba(18,54,96,.08);
}

.season-modern-panel dt,
.season-modern-panel dd {
    margin: 0;
    font-size: .7rem;
}

.season-modern-panel dt { color: var(--season-muted); }
.season-modern-panel dd { color: var(--season-ink); font-weight: 900; }

.season-modern-panel-link,
.season-modern-primary-link {
    display: inline-flex;
    margin-top: .85rem;
    color: var(--season-blue) !important;
    font-size: .71rem;
    font-weight: 900;
    text-decoration: none;
}

.season-modern-section {
    margin-top: 1rem;
}

.season-modern-staff-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .6rem;
    margin-top: .9rem;
}

.season-modern-staff-grid article {
    min-width: 0;
    padding: .75rem .8rem;
    border-radius: .8rem;
    background: var(--season-soft);
}

.season-modern-staff-grid article div {
    display: grid;
    gap: .25rem;
    margin-top: .38rem;
}

.season-modern-staff-grid a {
    color: var(--season-ink) !important;
    font-size: .75rem;
    font-weight: 850;
    line-height: 1.25;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.season-modern-economy-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .6rem;
    margin-top: .9rem;
}

.season-modern-economy-grid article {
    min-width: 0;
    padding: .8rem;
    border: 1px solid rgba(18,54,96,.09);
    border-radius: .8rem;
    background: #fbfcfe;
}

.season-modern-economy-grid strong {
    display: block;
    margin-top: .3rem;
    color: var(--season-ink);
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.1;
}

.season-modern-economy-grid p,
.season-modern-data-note,
.season-modern-empty,
.season-modern-pending > p:last-of-type {
    color: var(--season-muted);
    font-size: .68rem;
    line-height: 1.48;
}

.season-modern-economy-grid p { margin: .42rem 0 0; }
.season-modern-data-note { margin: .75rem 0 0; }
.season-modern-empty { margin: 0; }

.season-modern-pending {
    min-height: 14rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.season-modern-pending > p:last-of-type {
    max-width: 42rem;
    margin: .55rem 0 0;
}

@media (max-width: 68rem) {
    .season-modern-hero__facts { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .season-modern-hero__fact:nth-child(4) { border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }
    .season-modern-hero__fact:nth-child(n+4) { border-top: 1px solid rgba(255,255,255,.1); }
    .season-modern-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .season-modern-tabs { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .season-modern-staff-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 47.99rem) {
    .season-modern-page { padding-top: .7rem; }
    .season-modern-hero { border-radius: 1rem; }
    .season-modern-hero__top { align-items: flex-start; padding: .75rem .8rem; }
    .season-modern-hero__navigation { flex-wrap: wrap; justify-content: flex-end; }
    .season-modern-hero__navigation a { min-height: 1.75rem; padding: .3rem .42rem; font-size: .59rem; }
    .season-modern-scoreboard { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: .45rem; padding: 1.2rem .8rem; }
    .season-modern-team,
    .season-modern-team--away { display: flex; flex-direction: column; gap: .42rem; text-align: center; }
    .season-modern-team--away { flex-direction: column-reverse; }
    .season-modern-team__logo { width: 5.35rem; height: 4.85rem; min-width: 5.35rem; }
    .season-modern-team__name small { display: none; }
    .season-modern-team__name strong { font-size: .77rem; }
    .season-modern-score h1 { font-size: 2.75rem; }
    .season-modern-score > span { font-size: .55rem; }
    .season-modern-title-badge { max-width: 8rem; padding: .28rem .42rem; font-size: .5rem; white-space: normal; }
    .season-modern-hero__facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .season-modern-hero__fact,
    .season-modern-hero__fact:nth-child(4) { padding: .48rem .55rem; border-left: 1px solid rgba(255,255,255,.1); border-top: 1px solid rgba(255,255,255,.1); }
    .season-modern-hero__fact:nth-child(odd) { border-left: 0; }
    .season-modern-hero__fact:nth-child(-n+2) { border-top: 0; }
    .season-modern-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); gap: .22rem; padding: .3rem; }
    .season-modern-tabs button { min-height: 2.35rem; padding: .45rem .2rem; font-size: .62rem; }
    .season-modern-overview-head,
    .season-modern-section-head { align-items: flex-start; flex-direction: column; }
    .season-modern-section-head > p { text-align: left; }
    .season-modern-scope { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .season-modern-scope button { padding-inline: .35rem; }
    .season-modern-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; }
    .season-modern-kpis article { padding: .72rem .68rem; }
    .season-modern-title-feature,
    .season-modern-content-grid { grid-template-columns: minmax(0,1fr); }
    .season-modern-story-grid { grid-template-columns: minmax(0,1fr); }
    .season-modern-staff-grid,
    .season-modern-economy-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 23rem) {
    .season-modern-hero__meta span { display: none; }
    .season-modern-team__logo { width: 4.55rem; height: 4.2rem; min-width: 4.55rem; }
    .season-modern-score h1 { font-size: 2.35rem; }
    .season-modern-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .season-modern-kpis,
    .season-modern-staff-grid,
    .season-modern-economy-grid { grid-template-columns: minmax(0,1fr); }
}

/* =========================================================
   V2: grafisk statistik och modern trupp
   ========================================================= */
.season-modern-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1rem;
}

.season-modern-section-head > div:first-child {
    min-width: 0;
    max-width: 48rem;
}

.season-modern-section-head h2 {
    margin: .1rem 0 .35rem;
    color: var(--season-ink);
    font-size: clamp(1.45rem, 3vw, 2rem);
    letter-spacing: -.025em;
    line-height: 1.08;
}

.season-modern-section-head p:not(.season-modern-eyebrow) {
    margin: 0;
    color: var(--season-muted);
    font-size: .86rem;
    line-height: 1.55;
}

.season-modern-stat-kpis,
.season-modern-squad-summary {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .8rem;
}

.season-modern-stat-kpis article,
.season-modern-squad-summary article {
    min-width: 0;
    padding: .9rem;
    border: 1px solid var(--season-border);
    border-radius: .9rem;
    background: rgba(255,255,255,.92);
    box-shadow: 0 .4rem 1.25rem rgba(22,53,111,.05);
}

.season-modern-stat-kpis span,
.season-modern-squad-summary span {
    display: block;
    color: var(--season-muted);
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .055em;
    line-height: 1.25;
    text-transform: uppercase;
}

.season-modern-stat-kpis strong,
.season-modern-squad-summary strong {
    display: block;
    margin-top: .28rem;
    overflow: hidden;
    color: var(--season-ink);
    font-size: clamp(1rem, 2vw, 1.42rem);
    font-weight: 900;
    letter-spacing: -.025em;
    line-height: 1.1;
    text-overflow: ellipsis;
}

.season-modern-stat-kpis small {
    display: block;
    margin-top: .28rem;
    color: var(--season-muted);
    font-size: .66rem;
    line-height: 1.35;
}

.season-modern-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.season-modern-chart-card {
    min-width: 0;
    padding: 1rem;
    overflow: hidden;
    border: 1px solid var(--season-border);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 .5rem 1.6rem rgba(22,53,111,.055);
}

.season-modern-chart-card--wide {
    grid-column: span 1;
}

.season-modern-chart-card > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .65rem;
}

.season-modern-chart-card header span {
    color: var(--season-blue);
    font-size: .6rem;
    font-weight: 900;
    letter-spacing: .065em;
    line-height: 1.2;
    text-transform: uppercase;
}

.season-modern-chart-card h3 {
    margin: .18rem 0 0;
    color: var(--season-ink);
    font-size: .95rem;
    font-weight: 850;
    letter-spacing: -.015em;
    line-height: 1.25;
}

.season-modern-chart-legend {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: var(--season-muted);
    font-size: .64rem;
    white-space: nowrap;
}

.season-modern-chart-legend i,
.season-modern-donut-legend i {
    display: inline-block;
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
}

.season-modern-chart-legend .is-for { background: #1d4289; }
.season-modern-chart-legend .is-against { background: #9cadc2; }

.season-modern-chart {
    display: block;
    width: 100%;
    height: auto;
    min-height: 12rem;
    overflow: visible;
}

.season-modern-chart__grid {
    stroke: rgba(18,54,96,.11);
    stroke-width: 1;
}

.season-modern-chart__axis,
.season-modern-chart__empty,
.season-modern-chart__average-label {
    fill: #718096;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 11px;
}

.season-modern-chart__line {
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.season-modern-chart__line.is-for,
.season-modern-chart__point.is-for { stroke: #1d4289; fill: #1d4289; }
.season-modern-chart__line.is-against,
.season-modern-chart__point.is-against { stroke: #9cadc2; fill: #9cadc2; }
.season-modern-chart__line.is-form,
.season-modern-chart__point.is-form { stroke: #23845d; fill: #23845d; }
.season-modern-chart__bar { fill: #1d4289; opacity: .82; }
.season-modern-chart__average { stroke: #d17a00; stroke-width: 2; stroke-dasharray: 7 5; }
.season-modern-chart__average-label { fill: #b46800; font-weight: 800; }

.season-modern-donut-wrap {
    display: grid;
    grid-template-columns: minmax(8rem, 11rem) minmax(0, 1fr);
    align-items: center;
    gap: 1.25rem;
    min-height: 12rem;
}

.season-modern-donut {
    position: relative;
    display: flex;
    aspect-ratio: 1;
    width: 100%;
    max-width: 10.5rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: auto;
    border-radius: 50%;
}

.season-modern-donut::after {
    position: absolute;
    inset: 20%;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(18,54,96,.08);
    content: "";
}

.season-modern-donut strong,
.season-modern-donut span {
    position: relative;
    z-index: 1;
}

.season-modern-donut strong {
    color: var(--season-ink);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1;
}

.season-modern-donut span {
    margin-top: .2rem;
    color: var(--season-muted);
    font-size: .62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.season-modern-donut-legend {
    display: grid;
    gap: .55rem;
    margin: 0;
}

.season-modern-donut-legend > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-bottom: .45rem;
    border-bottom: 1px solid rgba(18,54,96,.09);
}

.season-modern-donut-legend dt {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--season-muted);
    font-size: .72rem;
}

.season-modern-donut-legend dd {
    margin: 0;
    color: var(--season-ink);
    font-size: .9rem;
    font-weight: 900;
}

.season-modern-donut-legend .is-win,
.season-modern-stacked-bar .is-win { background: #16824f; }
.season-modern-donut-legend .is-draw,
.season-modern-stacked-bar .is-draw { background: #d17a00; }
.season-modern-donut-legend .is-loss,
.season-modern-stacked-bar .is-loss { background: #c43f3f; }

.season-modern-venue-bars,
.season-modern-type-bars {
    display: grid;
    gap: .7rem;
    min-height: 11rem;
    align-content: center;
}

.season-modern-venue-bars article > div:first-child,
.season-modern-type-bars article > div:first-child {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .7rem;
    margin-bottom: .28rem;
}

.season-modern-venue-bars strong,
.season-modern-type-bars strong {
    min-width: 0;
    overflow: hidden;
    color: var(--season-ink);
    font-size: .72rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.season-modern-venue-bars span,
.season-modern-type-bars span,
.season-modern-venue-bars small {
    color: var(--season-muted);
    font-size: .64rem;
}

.season-modern-stacked-bar,
.season-modern-type-bars article > i {
    display: flex;
    width: 100%;
    height: .5rem;
    overflow: hidden;
    border-radius: 999px;
    background: #edf1f6;
}

.season-modern-stacked-bar i {
    display: block;
    min-width: 0;
    height: 100%;
}

.season-modern-type-bars article > i b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,#1d4289,#4c78b8);
}

.season-modern-venue-bars small {
    display: block;
    margin-top: .2rem;
    text-align: right;
}

.season-modern-section-head--squad {
    align-items: flex-start;
}

.season-modern-squad-controls {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: .55rem;
}

.season-modern-sort {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: var(--season-muted);
    font-size: .68rem;
    font-weight: 800;
}

.season-modern-sort select {
    min-height: 2.25rem;
    margin: 0;
    padding: .35rem 2rem .35rem .7rem;
    border: 1px solid var(--season-border);
    border-radius: .65rem;
    background-color: #fff;
    color: var(--season-ink);
    font-size: .72rem;
    font-weight: 750;
}

.season-modern-squad-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.season-modern-squad-summary strong {
    font-size: clamp(.88rem, 1.6vw, 1.12rem);
    white-space: nowrap;
}

.season-modern-squad-groups {
    display: grid;
    gap: 1rem;
}

.season-modern-squad-group > header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .55rem;
    padding-inline: .1rem;
}

.season-modern-squad-group h3 {
    margin: 0;
    color: var(--season-ink);
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.season-modern-squad-group > header span {
    color: var(--season-muted);
    font-size: .65rem;
    font-weight: 750;
}

.season-modern-squad-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.season-modern-player-card {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    min-width: 0;
    min-height: 8.7rem;
    overflow: hidden;
    border: 1px solid var(--season-border);
    border-radius: .95rem;
    background: #fff;
    box-shadow: 0 .45rem 1.35rem rgba(22,53,111,.05);
}

.season-modern-player-card[hidden] {
    display: none !important;
}

.season-modern-player-card__portrait {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    background: linear-gradient(155deg,#e8eef7,#cbd8e9);
    color: #1d4289 !important;
    text-decoration: none !important;
}

.season-modern-player-card__portrait img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.season-modern-player-card__portrait > span {
    align-self: center;
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.season-modern-player-card__portrait > i {
    position: absolute;
    top: .45rem;
    left: .45rem;
    display: grid;
    min-width: 1.55rem;
    height: 1.55rem;
    place-items: center;
    padding: 0 .28rem;
    border-radius: .48rem;
    background: rgba(16,45,97,.9);
    color: #fff;
    font-size: .65rem;
    font-style: normal;
    font-weight: 900;
}

.season-modern-player-card__body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: .75rem;
}

.season-modern-player-card__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .45rem;
}

.season-modern-player-card__heading small {
    display: block;
    color: var(--season-muted);
    font-size: .56rem;
    font-weight: 850;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.season-modern-player-card h4 {
    margin: .14rem 0 0;
    overflow: hidden;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: -.015em;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.season-modern-player-card h4 a {
    color: var(--season-ink) !important;
    text-decoration: none !important;
}

.season-modern-player-card__badges {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: .2rem;
}

.season-modern-player-card__badges span {
    padding: .2rem .36rem;
    border-radius: 999px;
    background: #eaf1fb;
    color: #1d4289;
    font-size: .48rem;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
}

.season-modern-player-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .55rem;
    margin: .32rem 0 0;
    color: var(--season-muted);
    font-size: .58rem;
    line-height: 1.3;
}

.season-modern-player-card__meta span + span::before {
    margin-right: .55rem;
    content: "·";
}

.season-modern-player-card__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .4rem;
    margin-top: auto;
    padding-top: .55rem;
}

.season-modern-player-card__stats span {
    display: block;
    color: var(--season-muted);
    font-size: .5rem;
    font-weight: 850;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.season-modern-player-card__stats strong {
    display: block;
    margin-top: .12rem;
    color: var(--season-ink);
    font-size: .83rem;
    font-weight: 900;
}

.season-modern-player-card__meter {
    width: 100%;
    height: .28rem;
    margin-top: .45rem;
    overflow: hidden;
    border-radius: 999px;
    background: #edf1f6;
}

.season-modern-player-card__meter i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,#1d4289,#5b83ba);
    transition: width .22s ease;
}

@media (max-width: 68rem) {
    .season-modern-stat-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .season-modern-squad-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 47.99rem) {
    .season-modern-section-head,
    .season-modern-section-head--squad {
        align-items: stretch;
        flex-direction: column;
    }

    .season-modern-section-head .season-modern-scope,
    .season-modern-squad-controls,
    .season-modern-squad-controls .season-modern-scope {
        width: 100%;
    }

    .season-modern-squad-controls {
        align-items: stretch;
    }

    .season-modern-sort {
        justify-content: space-between;
    }

    .season-modern-sort select {
        flex: 1 1 auto;
        max-width: 13rem;
    }

    .season-modern-stat-kpis,
    .season-modern-squad-summary {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: .5rem;
    }

    .season-modern-stat-kpis article,
    .season-modern-squad-summary article {
        padding: .7rem;
    }

    .season-modern-stat-grid {
        grid-template-columns: minmax(0,1fr);
    }

    .season-modern-chart-card {
        padding: .78rem;
    }

    .season-modern-chart {
        min-height: 10rem;
    }

    .season-modern-donut-wrap {
        grid-template-columns: 7.5rem minmax(0,1fr);
        gap: .8rem;
        min-height: 9rem;
    }

    .season-modern-squad-grid {
        grid-template-columns: minmax(0,1fr);
    }

    .season-modern-player-card {
        grid-template-columns: 4.6rem minmax(0,1fr);
        min-height: 8.2rem;
    }
}

@media (max-width: 23rem) {
    .season-modern-stat-kpis,
    .season-modern-squad-summary {
        grid-template-columns: minmax(0,1fr);
    }

    .season-modern-donut-wrap {
        grid-template-columns: minmax(0,1fr);
    }

    .season-modern-donut {
        max-width: 7.5rem;
    }
}


/* =========================================================
   Version 3: isolerade flikpaneler och fullbreddsgrafer
   ========================================================= */

/*
 * main.css och äldre sidmallar innehåller breda regler för section,
 * article och tvåspaltslayouter. Säsongskomponenten nollställer därför
 * layout-egenskaperna lokalt så att paneler och diagram inte kan delas.
 */
.season-modern-page .season-modern-tab-panel {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: both !important;
    columns: auto !important;
    column-count: auto !important;
    column-width: auto !important;
}

.season-modern-page .season-modern-tab-panel[hidden],
.season-modern-page .season-modern-tab-panel:not(.is-active) {
    display: none !important;
}

.season-modern-page .season-modern-tab-panel.is-active {
    display: block !important;
}

.season-modern-page .season-modern-tab-panel--statistics,
.season-modern-page .season-modern-stat-kpis,
.season-modern-page .season-modern-stat-grid,
.season-modern-page .season-modern-chart-card,
.season-modern-page .season-modern-chart-card > header,
.season-modern-page .season-modern-donut-wrap,
.season-modern-page .season-modern-venue-bars,
.season-modern-page .season-modern-type-bars {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: both !important;
    columns: auto !important;
    column-count: auto !important;
    column-width: auto !important;
}

/*
 * Diagramkorten ligger medvetet i en kolumn. Det gör diagrammen läsbara
 * även när en övergripande mall försöker lägga article-element i två spalter.
 */
.season-modern-page .season-modern-stat-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .9rem !important;
}

.season-modern-page .season-modern-stat-grid > .season-modern-chart-card,
.season-modern-page .season-modern-chart-card--wide,
.season-modern-page .season-modern-chart-card--result {
    display: block !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
}

.season-modern-page .season-modern-chart-card {
    overflow: hidden !important;
}

.season-modern-page svg.season-modern-chart {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    aspect-ratio: 720 / 260 !important;
    overflow: visible !important;
}

.season-modern-page .season-modern-chart-card > header {
    display: flex !important;
}

.season-modern-page .season-modern-donut-wrap {
    display: grid !important;
    grid-template-columns: minmax(9rem, 13rem) minmax(0, 1fr) !important;
}

@media (max-width: 47.99rem) {
    .season-modern-page .season-modern-stat-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .season-modern-page .season-modern-chart-card {
        padding: .85rem !important;
    }

    .season-modern-page .season-modern-chart-card > header {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .season-modern-page .season-modern-chart-legend {
        white-space: normal !important;
    }

    .season-modern-page .season-modern-donut-wrap {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 27rem) {
    .season-modern-page .season-modern-stat-kpis {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* =========================================================
   Version 4: läsbar sekundärtypografi och nya innehållsflikar
   ========================================================= */
.season-modern-page {
    --season-secondary-size: .84rem;
    --season-tertiary-size: .75rem;
}

/* Rubriker och KPI-värden lämnas oförändrade. */
.season-modern-page .season-modern-section-head p:not(.season-modern-eyebrow),
.season-modern-page .season-modern-title-feature__copy > p:last-child,
.season-modern-page .season-modern-pending > p:last-child,
.season-modern-page .season-modern-panel > p,
.season-modern-page .season-modern-transfer-card__copy p,
.season-modern-page .season-modern-data-note {
    font-size: var(--season-secondary-size) !important;
    line-height: 1.55 !important;
}

.season-modern-page .season-modern-kpis small,
.season-modern-page .season-modern-stat-kpis small,
.season-modern-page .season-modern-story-grid small,
.season-modern-page .season-modern-title-feature__matches small,
.season-modern-page .season-modern-venue-bars small,
.season-modern-page .season-modern-player-card__heading small,
.season-modern-page .season-modern-player-card__meta,
.season-modern-page .season-modern-chart-legend,
.season-modern-page .season-modern-chart-card header span,
.season-modern-page .season-modern-transfer-card__copy > span,
.season-modern-page .season-modern-photo-card small {
    font-size: var(--season-tertiary-size) !important;
    line-height: 1.4 !important;
}

.season-modern-page .season-modern-eyebrow,
.season-modern-page .season-modern-kpis article > span,
.season-modern-page .season-modern-stat-kpis article > span,
.season-modern-page .season-modern-squad-summary article > span,
.season-modern-page .season-modern-transfer-kpis article > span {
    font-size: .72rem !important;
}

.season-modern-page .season-modern-tabs button,
.season-modern-page .season-modern-scope button,
.season-modern-page .season-modern-sort,
.season-modern-page .season-modern-sort select {
    font-size: .75rem !important;
}

.season-modern-match-summary {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: .42rem !important;
    margin: 0 0 .7rem !important;
    color: var(--season-muted) !important;
    font-size: .82rem !important;
}
.season-modern-match-summary strong { color: var(--season-ink) !important; font-size: 1.15rem !important; }
.season-modern-match-list { width: 100% !important; }

.season-modern-transfer-kpis {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(6.5rem,1fr)) !important;
    gap: .5rem !important;
}
.season-modern-transfer-kpis article {
    padding: .65rem .8rem !important;
    border: 1px solid var(--season-border) !important;
    border-radius: .75rem !important;
    background: #fff !important;
}
.season-modern-transfer-kpis span { display:block !important; color:var(--season-muted) !important; font-weight:800 !important; }
.season-modern-transfer-kpis strong { display:block !important; margin-top:.18rem !important; font-size:1.2rem !important; }
.season-modern-transfer-columns {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: .9rem !important;
    width:100% !important;
}
.season-modern-transfer-section {
    min-width:0 !important; padding:.9rem !important; border:1px solid var(--season-border) !important;
    border-radius:1rem !important; background:#fff !important;
}
.season-modern-transfer-section > header { display:flex !important; align-items:baseline !important; justify-content:space-between !important; gap:.7rem !important; margin-bottom:.65rem !important; }
.season-modern-transfer-section > header h3 { margin:0 !important; font-size:1rem !important; }
.season-modern-transfer-section > header span { color:var(--season-muted) !important; font-size:.75rem !important; }
.season-modern-transfer-grid { display:grid !important; gap:.55rem !important; }
.season-modern-transfer-card {
    display:grid !important; grid-template-columns:4.4rem minmax(0,1fr) !important; gap:.7rem !important;
    min-width:0 !important; padding:.62rem !important; border:1px solid rgba(18,54,96,.09) !important;
    border-radius:.82rem !important; background:#f9fbfd !important;
}
.season-modern-transfer-card__portrait { display:grid !important; width:4.4rem !important; height:5.2rem !important; place-items:center !important; overflow:hidden !important; border-radius:.65rem !important; background:#e8eef6 !important; text-decoration:none !important; }
.season-modern-transfer-card__portrait img { width:100% !important; height:100% !important; object-fit:cover !important; object-position:top center !important; }
.season-modern-transfer-card__portrait span { color:var(--season-blue) !important; font-weight:900 !important; }
.season-modern-transfer-card__copy { min-width:0 !important; }
.season-modern-transfer-card__copy > span { color:var(--season-muted) !important; font-weight:750 !important; }
.season-modern-transfer-card__copy h4 { margin:.12rem 0 .28rem !important; font-size:.9rem !important; line-height:1.2 !important; }
.season-modern-transfer-card__copy h4 a { color:var(--season-ink) !important; text-decoration:none !important; }
.season-modern-transfer-card__copy p { margin:0 !important; color:var(--season-muted) !important; }
.season-modern-transfer-card__copy > div { display:flex !important; flex-wrap:wrap !important; gap:.35rem !important; margin-top:.4rem !important; }
.season-modern-transfer-card__copy > div span,
.season-modern-transfer-card__copy > div strong { display:inline-flex !important; padding:.25rem .42rem !important; border-radius:999px !important; background:#edf2f7 !important; font-size:.7rem !important; line-height:1.2 !important; }
.season-modern-transfer-card__copy > div strong { background:#e9f3ee !important; color:#226b50 !important; }

.season-modern-photo-count { color:var(--season-muted) !important; font-size:.84rem !important; }
.season-modern-photo-grid {
    display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:.72rem !important;
    width:100% !important;
}
.season-modern-photo-card { display:block !important; min-width:0 !important; overflow:hidden !important; border:1px solid var(--season-border) !important; border-radius:.88rem !important; background:#fff !important; color:inherit !important; text-decoration:none !important; }
.season-modern-photo-card img { display:block !important; width:100% !important; aspect-ratio:4/3 !important; object-fit:cover !important; }
.season-modern-photo-card > span { display:block !important; padding:.58rem .62rem !important; }
.season-modern-photo-card strong { display:block !important; overflow:hidden !important; font-size:.78rem !important; line-height:1.28 !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.season-modern-photo-card small { display:block !important; margin-top:.16rem !important; color:var(--season-muted) !important; }
.season-modern-empty { margin:0 !important; padding:.8rem !important; color:var(--season-muted) !important; font-size:.84rem !important; }

@media (max-width: 62rem) {
    .season-modern-transfer-columns { grid-template-columns:minmax(0,1fr) !important; }
    .season-modern-photo-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width: 47.99rem) {
    .season-modern-page { --season-secondary-size:.82rem; --season-tertiary-size:.73rem; }
    .season-modern-page .season-modern-tabs button { font-size:.7rem !important; }
    .season-modern-transfer-kpis { width:100% !important; }
    .season-modern-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:.55rem !important; }
    .season-modern-transfer-card { grid-template-columns:3.8rem minmax(0,1fr) !important; }
    .season-modern-transfer-card__portrait { width:3.8rem !important; height:4.6rem !important; }
}
@media (max-width: 23rem) {
    .season-modern-photo-grid { grid-template-columns:minmax(0,1fr) !important; }
}

/* =========================================================
   V5: lat och deduplicerad nyhetsflik
   ========================================================= */
.season-modern-page .season-modern-news-loader,
.season-modern-page .season-modern-news,
.season-modern-page .season-modern-news-grid,
.season-modern-page .season-modern-news-card {
    min-width: 0 !important;
    max-width: 100% !important;
}

.season-modern-page .season-modern-news-loader__placeholder {
    display: flex !important;
    width: 100% !important;
    min-height: 13rem !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.season-modern-news-loader__status {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin-top: .75rem;
    color: #5c6f84;
    font-size: .82rem;
    font-weight: 750;
}

.season-modern-news-loader__status::before {
    width: .72rem;
    height: .72rem;
    border: 2px solid rgba(29, 66, 137, .18);
    border-top-color: #1d4289;
    border-radius: 50%;
    animation: season-modern-news-spin .8s linear infinite;
    content: "";
}

@keyframes season-modern-news-spin {
    to { transform: rotate(360deg); }
}

.season-modern-news__head {
    margin-bottom: 1rem;
}

.season-modern-news__total {
    flex: 0 0 auto;
    padding: .48rem .72rem;
    border: 1px solid rgba(29, 66, 137, .15);
    border-radius: 999px;
    background: #f3f6fa;
    color: #1d4289;
    font-size: .78rem;
    font-weight: 850;
    white-space: nowrap;
}

.season-modern-page .season-modern-news-grid {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .9rem !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    columns: auto !important;
}

.season-modern-page .season-modern-news-card {
    display: flex !important;
    width: 100% !important;
    min-height: 15rem !important;
    margin: 0 !important;
    padding: 1.1rem !important;
    float: none !important;
    flex-direction: column !important;
    border: 1px solid rgba(18, 54, 96, .13) !important;
    border-radius: 1rem !important;
    background: #fff !important;
    box-shadow: 0 .45rem 1.25rem rgba(20, 42, 67, .055) !important;
    break-inside: avoid !important;
}

.season-modern-news-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem .6rem;
    color: #63748a;
    font-size: .76rem;
    line-height: 1.35;
}

.season-modern-news-card__meta strong {
    color: #1d4289;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.season-modern-news-card h3 {
    margin: .68rem 0 .52rem !important;
    font-size: clamp(1.05rem, 1.7vw, 1.28rem) !important;
    line-height: 1.28 !important;
}

.season-modern-news-card h3 a {
    color: #10243b !important;
    text-decoration: none !important;
}

.season-modern-news-card h3 a:hover {
    color: #1d4289 !important;
    text-decoration: underline !important;
    text-underline-offset: .15em;
}

.season-modern-news-card > p {
    margin: 0 0 .85rem !important;
    color: #53667c !important;
    font-size: .86rem !important;
    line-height: 1.62 !important;
}

.season-modern-news-card__relations {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
    margin: auto 0 .85rem;
}

.season-modern-news-card__relations a,
.season-modern-news-card__relations span {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    padding: .32rem .5rem;
    border-radius: .48rem;
    background: #eef3f9;
    color: #315274 !important;
    font-size: .72rem;
    font-weight: 750;
    line-height: 1.25;
    text-decoration: none !important;
}

.season-modern-news-card__relations a.is-match {
    background: #e8f0fa;
    color: #1d4289 !important;
}

.season-modern-news-card__relations a:hover {
    background: #dfe9f5;
}

.season-modern-news-card footer {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: .55rem .9rem !important;
    margin-top: auto !important;
    padding-top: .8rem !important;
    border-top: 1px solid rgba(18, 54, 96, .1) !important;
    background: transparent !important;
}

.season-modern-news-card footer a {
    color: #52677e !important;
    font-size: .77rem !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.season-modern-news-card footer a:hover {
    color: #1d4289 !important;
    text-decoration: underline !important;
}

.season-modern-news-card footer .season-modern-news-card__primary {
    color: #1d4289 !important;
}

.season-modern-news-pagination {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    margin-top: 1.15rem;
}

.season-modern-news-pagination > div {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: center;
    gap: .35rem;
}

.season-modern-news-pagination button {
    min-height: 2.45rem;
    padding: .4rem .7rem;
    border: 1px solid rgba(29, 66, 137, .16);
    border-radius: .62rem;
    background: #fff;
    color: #1d4289;
    font-size: .78rem;
    font-weight: 850;
    cursor: pointer;
}

.season-modern-news-pagination button:hover:not(:disabled) {
    background: #eef3f9;
}

.season-modern-news-pagination button[aria-current="page"] {
    border-color: #1d4289;
    background: #1d4289;
    color: #fff;
}

.season-modern-news-pagination button:disabled {
    opacity: .5;
    cursor: default;
}

.season-modern-news__error button {
    margin-top: .75rem;
    padding: .55rem .8rem;
    border: 0;
    border-radius: .65rem;
    background: #1d4289;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 47.99rem) {
    .season-modern-page .season-modern-news-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .season-modern-page .season-modern-news-card {
        min-height: 0 !important;
        padding: .92rem !important;
    }

    .season-modern-news__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .season-modern-news-pagination {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .season-modern-news-pagination > div {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .season-modern-news-pagination > button {
        width: 100%;
    }
}

/* =========================================================
   V7: sammanhållet sidkort, tydligare grafik och detaljfixar
   ========================================================= */

/* Håll huvudmenyn över hela säsongskomponenten. */
body.subpage #menu {
    z-index: 10050 !important;
}
body.subpage #header {
    z-index: 10040 !important;
}

/* Bättre utnyttjad hero utan ett oproportionerligt tröjmotiv. */
.season-modern-team--archive .season-modern-team__name > span {
    display: block;
    margin-top: .38rem;
    color: rgba(255,255,255,.72);
    font-size: .76rem;
    font-weight: 700;
    line-height: 1.35;
}
.season-modern-team--archive .season-modern-season-mark {
    width: clamp(4.4rem,7vw,5.8rem);
    height: clamp(4.4rem,7vw,5.8rem);
    flex: 0 0 auto;
    font-size: clamp(1.75rem,4vw,2.55rem);
}
.season-modern-scoreboard {
    padding-block: clamp(1.25rem,3vw,2rem) !important;
}

/* Flikarna och panelen är nu ett sammanhållet sidkort. */
.season-modern-page-card {
    margin-top: clamp(1rem,2vw,1.35rem);
    overflow: hidden;
    border: 1px solid var(--season-border);
    border-radius: 1.15rem;
    background: #fff;
    box-shadow: 0 .85rem 2.3rem rgba(16,36,59,.075);
}
.season-modern-page-card .season-modern-tabs {
    grid-template-columns: repeat(var(--season-tab-count,7),minmax(0,1fr));
    margin: 0;
    padding: .42rem;
    border: 0;
    border-bottom: 1px solid var(--season-border);
    border-radius: 0;
    background: #edf2f7;
    box-shadow: none;
}
.season-modern-page-card__body {
    min-width: 0;
    padding: clamp(1rem,3vw,1.65rem);
}
.season-modern-page-card .season-modern-tab-panel {
    margin-top: 0 !important;
}

/* Tröjor på rätt plats: en egen redaktionell del i översikten. */
.season-modern-kit-grid {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: .7rem !important;
    margin-top: .9rem !important;
}
.season-modern-kit-card {
    display: grid !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--season-border) !important;
    border-radius: .9rem !important;
    background: linear-gradient(180deg,#f5f7fa,#fff) !important;
}
.season-modern-kit-card > div {
    display: grid !important;
    min-height: 11rem !important;
    place-items: center !important;
    padding: .85rem !important;
    background: radial-gradient(circle at 50% 20%,rgba(29,66,137,.09),transparent 68%) !important;
}
.season-modern-kit-card img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 10rem !important;
    object-fit: contain !important;
}
.season-modern-kit-card figcaption {
    padding: .65rem .72rem !important;
    border-top: 1px solid var(--season-border) !important;
}
.season-modern-kit-card strong,
.season-modern-kit-card span { display:block !important; }
.season-modern-kit-card strong { color:var(--season-ink) !important; font-size:.86rem !important; }
.season-modern-kit-card span { margin-top:.18rem !important; color:var(--season-muted) !important; font-size:.76rem !important; }

/* Tydligare diagram. */
.season-modern-page .season-modern-chart-card {
    padding: 1.15rem !important;
    border-color: rgba(18,54,96,.12) !important;
    background: linear-gradient(180deg,#fff,#fbfcfe) !important;
    box-shadow: 0 .65rem 1.7rem rgba(16,36,59,.055) !important;
}
.season-modern-page svg.season-modern-chart {
    height: auto !important;
    aspect-ratio: 720 / 300 !important;
    margin-top: .55rem !important;
    border-radius: .8rem !important;
    background: linear-gradient(180deg,#f7f9fc,#fff) !important;
}
.season-modern-chart__grid { stroke:rgba(29,66,137,.105) !important; }
.season-modern-chart__axis { fill:#66788d !important; font-size:11px !important; font-weight:700 !important; }
.season-modern-chart__line { stroke-width:3.2 !important; stroke-linecap:round !important; stroke-linejoin:round !important; }
.season-modern-chart__point { stroke-width:1.5 !important; }
.season-modern-chart__area.is-form { fill:rgba(35,132,93,.09) !important; }
.season-modern-chart__line.is-previous-for,
.season-modern-chart__line.is-previous-against,
.season-modern-chart__line.is-previous-form {
    stroke:#99a8b9 !important;
    stroke-width:2 !important;
    stroke-dasharray:7 6 !important;
    opacity:.8 !important;
}
.season-modern-chart__point.is-previous-for,
.season-modern-chart__point.is-previous-against,
.season-modern-chart__point.is-previous-form { fill:#99a8b9 !important; stroke:#99a8b9 !important; opacity:.6 !important; }
.season-modern-chart__end-label { font-size:11px !important; font-weight:900 !important; }
.season-modern-chart__end-label.is-for { fill:#1d4289 !important; }
.season-modern-chart__end-label.is-against { fill:#73859a !important; }
.season-modern-chart__end-label.is-form { fill:#23845d !important; }
.season-modern-chart__average.is-previous { stroke:#99a8b9 !important; stroke-dasharray:4 5 !important; }
.season-modern-chart__average-label.is-previous { fill:#75869a !important; }
.season-modern-chart-legend .is-previous { background:#99a8b9 !important; }
.season-modern-chart-legend .is-average { background:#d17a00 !important; }
.season-modern-chart-comparison {
    min-height: 1.2rem;
    margin: .35rem 0 .15rem;
    color: var(--season-muted);
    font-size: .78rem;
    font-weight: 750;
}
.season-modern-stat-kpis article { position:relative !important; }
.season-modern-stat-kpis article > em[data-stat-delta] {
    display:block !important;
    min-height:1.1rem !important;
    margin-top:.38rem !important;
    font-size:.72rem !important;
    font-style:normal !important;
    font-weight:800 !important;
}
.season-modern-stat-kpis em.is-positive { color:#16824f !important; }
.season-modern-stat-kpis em.is-negative { color:#b94747 !important; }
.season-modern-stat-kpis em.is-neutral { color:var(--season-muted) !important; }

/* Kompaktare truppkort och riktiga flaggor för utländska spelare. */
.season-modern-squad-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: .58rem !important;
}
.season-modern-player-card {
    grid-template-columns: 4.15rem minmax(0,1fr) !important;
    min-height: 6.7rem !important;
    border-radius: .82rem !important;
}
.season-modern-player-card__body { padding:.55rem .6rem !important; }
.season-modern-player-card__heading small { font-size:.64rem !important; }
.season-modern-player-card h4 { font-size:.84rem !important; white-space:normal !important; }
.season-modern-player-card__meta { min-height:1.15rem !important; margin:.25rem 0 0 !important; font-size:.7rem !important; }
.season-modern-player-card__nation { display:inline-flex !important; align-items:center !important; gap:.3rem !important; }
.season-modern-player-card__nation .flag-icon { width:1.25rem !important; line-height:.88rem !important; box-shadow:0 0 0 1px rgba(16,36,59,.12) !important; }
.season-modern-player-card__stats { margin-top:.38rem !important; padding-top:.38rem !important; }
.season-modern-player-card__stats span { font-size:.58rem !important; }
.season-modern-player-card__stats strong { font-size:.84rem !important; }
.season-modern-player-card__meter { margin-top:.34rem !important; }

/* Grafisk ekonomi med jämförelse mot föregående år. */
.season-modern-economy-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
.season-modern-economy-card { padding:.9rem !important; }
.season-modern-economy-card__head { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:.55rem !important; }
.season-modern-economy-card__head > span { font-size:.68rem !important; }
.season-modern-economy-card__head em { flex:0 0 auto !important; font-size:.69rem !important; font-style:normal !important; font-weight:850 !important; }
.season-modern-economy-card__head em.is-positive { color:#16824f !important; }
.season-modern-economy-card__head em.is-negative { color:#b94747 !important; }
.season-modern-economy-card__head em.is-neutral { color:var(--season-muted) !important; }
.season-modern-economy-card > strong { display:block !important; margin-top:.42rem !important; font-size:clamp(1.15rem,2.4vw,1.55rem) !important; }
.season-modern-economy-chart { display:grid !important; gap:.32rem !important; margin-top:.65rem !important; }
.season-modern-economy-chart > div { display:grid !important; grid-template-columns:4.5rem minmax(0,1fr) !important; align-items:center !important; gap:.45rem !important; }
.season-modern-economy-chart span { overflow:hidden !important; color:var(--season-muted) !important; font-size:.68rem !important; font-weight:750 !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.season-modern-economy-chart i { display:block !important; height:.42rem !important; overflow:hidden !important; border-radius:999px !important; background:#edf1f6 !important; }
.season-modern-economy-chart b { display:block !important; height:100% !important; border-radius:inherit !important; background:#1d4289 !important; }
.season-modern-economy-chart .is-previous b { background:#a0adbd !important; }

/* Lightbox. */
.season-modern-lightbox {
    width:min(92vw,72rem) !important;
    max-width:none !important;
    padding:0 !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:1rem !important;
    background:#07172d !important;
    box-shadow:0 2rem 6rem rgba(0,0,0,.48) !important;
    color:#fff !important;
}
.season-modern-lightbox::backdrop { background:rgba(4,14,29,.82) !important; backdrop-filter:blur(4px) !important; }
.season-modern-lightbox figure { margin:0 !important; }
.season-modern-lightbox figure > img { display:block !important; width:100% !important; max-height:78vh !important; object-fit:contain !important; border-radius:1rem 1rem 0 0 !important; background:#061326 !important; }
.season-modern-lightbox figcaption { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:1rem !important; padding:.8rem 1rem !important; color:rgba(255,255,255,.82) !important; font-size:.82rem !important; }
.season-modern-lightbox figcaption a { color:#fff !important; font-weight:850 !important; white-space:nowrap !important; }
.season-modern-lightbox__close,
.season-modern-lightbox__nav { position:absolute !important; z-index:2 !important; display:grid !important; place-items:center !important; border:1px solid rgba(255,255,255,.24) !important; background:rgba(5,24,55,.82) !important; color:#fff !important; cursor:pointer !important; }
.season-modern-lightbox__close { top:.65rem !important; right:.65rem !important; width:2.5rem !important; height:2.5rem !important; border-radius:50% !important; font-size:1.45rem !important; }
.season-modern-lightbox__nav { top:50% !important; width:2.8rem !important; height:4rem !important; transform:translateY(-50%) !important; border-radius:.75rem !important; font-size:2rem !important; }
.season-modern-lightbox__nav.is-previous { left:.65rem !important; }
.season-modern-lightbox__nav.is-next { right:.65rem !important; }

@media (max-width: 68rem) {
    .season-modern-squad-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .season-modern-kit-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width: 47.99rem) {
    .season-modern-page-card { border-radius:.9rem !important; }
    .season-modern-page-card .season-modern-tabs { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .season-modern-page-card__body { padding:.85rem !important; }
    .season-modern-team--archive .season-modern-team__name > span { display:none !important; }
    .season-modern-kit-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .season-modern-kit-card > div { min-height:8.5rem !important; }
    .season-modern-kit-card img { max-height:7.7rem !important; }
    .season-modern-squad-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .season-modern-economy-grid { grid-template-columns:minmax(0,1fr) !important; }
    .season-modern-lightbox { width:96vw !important; }
    .season-modern-lightbox figcaption { align-items:flex-start !important; flex-direction:column !important; }
}
@media (max-width: 30rem) {
    .season-modern-page-card .season-modern-tabs { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .season-modern-squad-grid { grid-template-columns:minmax(0,1fr) !important; }
}

/* =========================================================
   Version 8: kompaktare navigering och visuell slutfinish
   ========================================================= */

/* Kompakt flikrad med innehållsstyrda knappar. */
.season-modern-page-card .season-modern-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .24rem !important;
    padding: .32rem .38rem !important;
}

.season-modern-page-card .season-modern-tabs button {
    width: auto !important;
    min-width: 5.1rem !important;
    min-height: 2.2rem !important;
    flex: 0 0 auto !important;
    padding: .42rem .72rem !important;
    border-radius: .58rem !important;
    font-size: .72rem !important;
}

.season-modern-page-card .season-modern-tabs button[aria-selected="true"] {
    box-shadow: 0 .18rem .5rem rgba(16, 36, 59, .12) !important;
}

/* KPI-boxarna följer innehållet. Personnamn får mer plats. */
.season-modern-kpis {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: .58rem !important;
}

.season-modern-kpis article {
    min-width: 8.5rem !important;
    flex: 1 1 9.5rem !important;
}

.season-modern-kpis article.season-modern-kpi--person {
    min-width: min(100%, 14rem) !important;
    flex: 1.55 1 15rem !important;
}

.season-modern-kpis article.season-modern-kpi--person strong {
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-wrap: balance !important;
}

/* Tröjbilderna har redan vit bakgrund. */
.season-modern-kit-card,
.season-modern-kit-card > div {
    background: #fff !important;
}

.season-modern-kit-card > div {
    min-height: 10.25rem !important;
    padding: .65rem !important;
    border-bottom: 1px solid rgba(18, 54, 96, .08) !important;
}

.season-modern-kit-card img {
    max-height: 9rem !important;
}

/* Redaktionella nyckelmatchkort. */
.season-modern-form-strip {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .8rem !important;
    margin-top: .8rem !important;
    padding: .65rem .75rem !important;
    border: 1px solid rgba(18, 54, 96, .1) !important;
    border-radius: .72rem !important;
    background: #f7f9fc !important;
}

.season-modern-form-strip > span {
    color: var(--season-muted) !important;
    font-size: .7rem !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
}

.season-modern-key-match-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .58rem !important;
    margin-top: .62rem !important;
}

.season-modern-key-match {
    position: relative !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(18, 54, 96, .11) !important;
    border-radius: .82rem !important;
    background: linear-gradient(145deg, #fff, #f7f9fc) !important;
}

.season-modern-key-match::before {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: .26rem !important;
    background: #8a99aa !important;
    content: "" !important;
}

.season-modern-key-match.is-w::before {
    background: #16824f !important;
}

.season-modern-key-match.is-d::before {
    background: #d17a00 !important;
}

.season-modern-key-match.is-l::before {
    background: #c43f3f !important;
}

.season-modern-key-match--next::before {
    background: var(--season-blue) !important;
}

.season-modern-key-match > header,
.season-modern-key-match > footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .55rem !important;
    padding: .52rem .68rem .42rem .85rem !important;
}

.season-modern-key-match > header span {
    color: var(--season-muted) !important;
    font-size: .62rem !important;
    font-weight: 900 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
}

.season-modern-key-match > header em {
    overflow: hidden !important;
    color: #718196 !important;
    font-size: .65rem !important;
    font-style: normal !important;
    font-weight: 750 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.season-modern-key-match > a {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .75rem !important;
    padding: .2rem .68rem .42rem .85rem !important;
    color: inherit !important;
    text-decoration: none !important;
}

.season-modern-key-match > a strong {
    color: var(--season-ink) !important;
    font-size: 1.55rem !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
}

.season-modern-key-match.is-w > a strong {
    color: #16824f !important;
}

.season-modern-key-match.is-d > a strong {
    color: #d17a00 !important;
}

.season-modern-key-match.is-l > a strong {
    color: #c43f3f !important;
}

.season-modern-key-match > a span {
    overflow: hidden !important;
    color: var(--season-ink) !important;
    font-size: .84rem !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.season-modern-key-match > footer {
    padding-top: .35rem !important;
    border-top: 1px solid rgba(18, 54, 96, .08) !important;
}

.season-modern-key-match > footer small {
    color: var(--season-muted) !important;
    font-size: .68rem !important;
}

/* Ekonomijämförelse med faktiska värden. */
.season-modern-economy-chart > div {
    grid-template-columns: 4.9rem minmax(0, 1fr) auto !important;
}

.season-modern-economy-chart > div > strong {
    color: var(--season-ink) !important;
    font-size: .68rem !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

.season-modern-economy-chart .is-previous > strong {
    color: #75869a !important;
}

.season-modern-economy-chart .is-negative-value b {
    background: #b94747 !important;
}

.season-modern-economy-chart .is-previous.is-negative-value b {
    background: #c3a4a4 !important;
}

/* Högupplösta Canvasdiagram. */
.season-modern-chart-stage {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: .65rem !important;
    overflow: hidden !important;
    border: 1px solid rgba(18, 54, 96, .08) !important;
    border-radius: .82rem !important;
    background:
        radial-gradient(circle at 14% 0, rgba(29, 66, 137, .055), transparent 18rem),
        linear-gradient(180deg, #fafbfd, #fff) !important;
}

.season-modern-page canvas.season-modern-chart {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 320px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.season-modern-chart-tooltip {
    position: absolute !important;
    z-index: 4 !important;
    min-width: 9rem !important;
    max-width: 15rem !important;
    padding: .52rem .6rem !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: .58rem !important;
    background: rgba(7, 23, 45, .94) !important;
    box-shadow: 0 .65rem 1.6rem rgba(0, 0, 0, .22) !important;
    color: #fff !important;
    font-size: .69rem !important;
    line-height: 1.35 !important;
    pointer-events: none !important;
}

.season-modern-chart-tooltip[hidden] {
    display: none !important;
}

.season-modern-chart-tooltip strong {
    display: block !important;
    margin-bottom: .28rem !important;
    font-size: .75rem !important;
}

.season-modern-chart-tooltip span {
    display: flex !important;
    align-items: center !important;
    gap: .38rem !important;
    margin-top: .18rem !important;
}

.season-modern-chart-tooltip i {
    width: .55rem !important;
    height: .55rem !important;
    flex: 0 0 auto !important;
    border-radius: 50% !important;
}

/* Kompaktare truppkort. */
.season-modern-player-card {
    grid-template-columns: 3.65rem minmax(0, 1fr) !important;
    min-height: 6.15rem !important;
}

.season-modern-player-card__portrait {
    width: 3.65rem !important;
}

.season-modern-player-card__body {
    padding: .5rem .55rem !important;
}

.season-modern-player-card__heading {
    gap: .28rem !important;
}

.season-modern-player-card__badges span {
    padding: .17rem .3rem !important;
}

/* Kort-/listväljare. */
.season-modern-view-switch {
    display: inline-flex !important;
    gap: .2rem !important;
    padding: .2rem !important;
    border: 1px solid var(--season-border) !important;
    border-radius: .65rem !important;
    background: #edf2f7 !important;
}

.season-modern-view-switch button {
    appearance: none !important;
    min-height: 2.05rem !important;
    margin: 0 !important;
    padding: .38rem .62rem !important;
    border: 0 !important;
    border-radius: .48rem !important;
    background: transparent !important;
    color: var(--season-muted) !important;
    font: inherit !important;
    font-size: .69rem !important;
    font-weight: 850 !important;
    text-transform: none !important;
    cursor: pointer !important;
}

.season-modern-view-switch button[aria-pressed="true"] {
    background: #fff !important;
    color: var(--season-blue) !important;
    box-shadow: 0 .18rem .48rem rgba(16, 36, 59, .1) !important;
}

.season-modern-squad-groups[data-squad-view-mode="list"] .season-modern-squad-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .38rem !important;
}

.season-modern-squad-groups[data-squad-view-mode="list"] .season-modern-player-card {
    grid-template-columns: 3.25rem minmax(0, 1fr) !important;
    min-height: 4.4rem !important;
}

.season-modern-squad-groups[data-squad-view-mode="list"] .season-modern-player-card__portrait {
    width: 3.25rem !important;
    min-height: 4.4rem !important;
}

.season-modern-squad-groups[data-squad-view-mode="list"] .season-modern-player-card__body {
    display: grid !important;
    grid-template-columns: minmax(10rem, 1fr) minmax(12rem, .72fr) !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    gap: .08rem .8rem !important;
    padding: .42rem .55rem !important;
}

.season-modern-squad-groups[data-squad-view-mode="list"] .season-modern-player-card__heading {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.season-modern-squad-groups[data-squad-view-mode="list"] .season-modern-player-card__meta {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin-top: .12rem !important;
}

.season-modern-squad-groups[data-squad-view-mode="list"] .season-modern-player-card__stats {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    margin: 0 !important;
    padding: 0 0 0 .75rem !important;
    border-left: 1px solid rgba(18, 54, 96, .1) !important;
}

.season-modern-squad-groups[data-squad-view-mode="list"] .season-modern-player-card__meter {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    margin-top: .25rem !important;
}

/* Modernare övergångskort. */
.season-modern-transfer-card {
    grid-template-columns: 3.9rem minmax(0, 1fr) !important;
    gap: .62rem !important;
    padding: .55rem !important;
    background: #fff !important;
    box-shadow: 0 .3rem .9rem rgba(16, 36, 59, .04) !important;
}

.season-modern-transfer-card--incoming {
    border-left: .25rem solid #16824f !important;
}

.season-modern-transfer-card--outgoing {
    border-left: .25rem solid #c47a3a !important;
}

.season-modern-transfer-card__portrait {
    width: 3.9rem !important;
    height: 4.8rem !important;
}

.season-modern-transfer-card__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .45rem !important;
}

.season-modern-transfer-card__top > span {
    color: var(--season-muted) !important;
    font-size: .68rem !important;
    font-weight: 750 !important;
}

.season-modern-transfer-card__top > em {
    padding: .2rem .38rem !important;
    border-radius: 999px !important;
    background: #eef2f7 !important;
    color: #617287 !important;
    font-size: .62rem !important;
    font-style: normal !important;
    font-weight: 850 !important;
}

.season-modern-transfer-card__copy h4 {
    margin: .22rem 0 .38rem !important;
    font-size: .95rem !important;
}

.season-modern-transfer-card__route {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .36rem !important;
    padding: .38rem .45rem !important;
    border-radius: .58rem !important;
    background: #f4f7fa !important;
}

.season-modern-transfer-card__route > span {
    color: var(--season-muted) !important;
    font-size: .62rem !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
}

.season-modern-transfer-card__route img {
    width: 1.55rem !important;
    height: 1.55rem !important;
    object-fit: contain !important;
}

.season-modern-transfer-card__route a,
.season-modern-transfer-card__route strong {
    overflow: hidden !important;
    color: var(--season-ink) !important;
    font-size: .75rem !important;
    font-weight: 850 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.season-modern-transfer-card__amount {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: .5rem !important;
    margin-top: .36rem !important;
    padding-inline: .08rem !important;
}

.season-modern-transfer-card__amount span {
    color: var(--season-muted) !important;
    font-size: .62rem !important;
}

.season-modern-transfer-card__amount strong {
    color: #226b50 !important;
    font-size: .76rem !important;
}

/* Samma dialogstruktur och visuella modell som Bildarkivet. */
.image-search-dialog,
.image-search-dialog * {
    box-sizing: border-box !important;
}

.image-search-dialog {
    width: min(94vw, 78rem) !important;
    max-width: none !important;
    max-height: calc(100dvh - 1.5rem) !important;
    margin: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 1rem !important;
    background: #fff !important;
    box-shadow: 0 2rem 7rem rgba(0, 0, 0, .55) !important;
}

.image-search-dialog::backdrop {
    background: rgba(2, 9, 18, .92) !important;
    backdrop-filter: blur(8px) !important;
}

.image-search-dialog-inner {
    position: relative !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    width: 100% !important;
    max-height: calc(100dvh - 1.5rem) !important;
    overflow: hidden !important;
}

.image-search-dialog-media {
    position: relative !important;
    display: flex !important;
    min-height: clamp(20rem, 62dvh, 44rem) !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(29, 66, 137, .2), transparent 50%),
        #06101d !important;
}

.image-search-dialog img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: min(72dvh, 50rem) !important;
    margin: 0 !important;
    padding: clamp(.7rem, 2vw, 1.25rem) !important;
    object-fit: contain !important;
    object-position: center !important;
    user-select: none !important;
}

.image-search-dialog-text {
    width: 100% !important;
    max-height: min(15rem, 32dvh) !important;
    padding: 1rem clamp(1rem, 2.5vw, 1.5rem) 1.15rem !important;
    overflow-y: auto !important;
    border-top: 1px solid rgba(16, 38, 64, .12) !important;
    background: #fff !important;
    color: var(--season-ink) !important;
    text-align: left !important;
}

.image-search-dialog-text h2,
.image-search-dialog-text p {
    margin: 0 !important;
    text-align: left !important;
}

.image-search-dialog-text h2 {
    font-size: clamp(1.15rem, 2.2vw, 1.55rem) !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
}

.image-search-dialog-text p {
    margin-top: .6rem !important;
    color: var(--season-muted) !important;
    font-size: .88rem !important;
    line-height: 1.52 !important;
}

.image-search-dialog-match-link {
    appearance: none !important;
    display: inline-flex !important;
    min-height: 2.55rem !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: .8rem !important;
    padding: .52rem .78rem !important;
    border: 1px solid var(--season-blue) !important;
    border-radius: .58rem !important;
    background: var(--season-blue) !important;
    color: #fff !important;
    font-size: .8rem !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

.image-search-dialog-close,
.image-search-dialog-nav {
    position: absolute !important;
    z-index: 5 !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    background: rgba(0, 0, 0, .6) !important;
    color: #fff !important;
    cursor: pointer !important;
}

.image-search-dialog-close {
    top: .75rem !important;
    right: .75rem !important;
    width: 2.7rem !important;
    height: 2.7rem !important;
    border-radius: 50% !important;
    font-size: 1.5rem !important;
}

.image-search-dialog-nav {
    top: 50% !important;
    width: 3rem !important;
    height: 3.5rem !important;
    border-radius: .78rem !important;
    font-size: 1.8rem !important;
    transform: translateY(-50%) !important;
}

.image-search-dialog-prev {
    left: .75rem !important;
}

.image-search-dialog-next {
    right: .75rem !important;
}

.image-search-dialog-nav:disabled {
    opacity: .24 !important;
    cursor: default !important;
}

.image-search-dialog button:focus-visible,
.image-search-dialog a:focus-visible {
    outline: 3px solid #f3c94c !important;
    outline-offset: 3px !important;
}

button.image-search-card-button {
    appearance: none !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: .88rem .88rem 0 0 !important;
    background: #e9eef4 !important;
    line-height: 0 !important;
    cursor: zoom-in !important;
}

.image-search-image-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
}

.image-search-image-wrap img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 28% !important;
}

.image-search-zoom {
    position: absolute !important;
    right: .55rem !important;
    bottom: .55rem !important;
    display: inline-flex !important;
    min-height: 1.75rem !important;
    align-items: center !important;
    padding: .28rem .52rem !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: .5rem !important;
    background: rgba(8, 28, 51, .78) !important;
    color: #fff !important;
    font-size: .66rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

@media (max-width: 47.99rem) {
    .season-modern-page-card .season-modern-tabs button {
        min-width: 4.65rem !important;
        flex: 1 1 auto !important;
    }

    .season-modern-key-match-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .season-modern-page canvas.season-modern-chart {
        height: 275px !important;
    }

    .season-modern-squad-groups[data-squad-view-mode="list"] .season-modern-player-card__body {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .season-modern-squad-groups[data-squad-view-mode="list"] .season-modern-player-card__stats {
        grid-column: 1 !important;
        grid-row: 3 !important;
        margin-top: .28rem !important;
        padding: .32rem 0 0 !important;
        border-top: 1px solid rgba(18, 54, 96, .1) !important;
        border-left: 0 !important;
    }

    .season-modern-squad-groups[data-squad-view-mode="list"] .season-modern-player-card__meter {
        grid-row: 4 !important;
    }

    .image-search-dialog {
        width: 100vw !important;
        max-height: 100dvh !important;
        border-radius: 0 !important;
    }

    .image-search-dialog-inner {
        max-height: 100dvh !important;
    }

    .image-search-dialog-media {
        min-height: 0 !important;
    }

    .image-search-dialog img {
        max-height: 68dvh !important;
        padding: .5rem !important;
    }

    .image-search-dialog-text {
        max-height: 32dvh !important;
        padding-bottom: max(1rem, env(safe-area-inset-bottom)) !important;
    }
}

/* =========================================================
   Version 9: truppkort, bildarkiv, nyheter och matchlyft
   ========================================================= */

/* ---------------------------------------------------------
   Inga färgmarkerade kanter
   --------------------------------------------------------- */
.season-modern-title-badge {
    border-color: rgba(255, 255, 255, .22) !important;
}

.season-modern-title-feature,
.season-modern-title-feature__matches article,
.season-modern-transfer-card,
.season-modern-transfer-card--incoming,
.season-modern-transfer-card--outgoing,
.season-modern-feature-match-card,
.season-modern-photo-card,
.season-modern-photo-card:hover,
.season-modern-photo-card:focus-within {
    border-color: var(--season-border) !important;
}

.season-modern-transfer-card--incoming,
.season-modern-transfer-card--outgoing {
    border-left: 1px solid var(--season-border) !important;
}

.season-modern-key-match::before,
.season-modern-key-match.is-w::before,
.season-modern-key-match.is-d::before,
.season-modern-key-match.is-l::before,
.season-modern-key-match--next::before {
    display: none !important;
    content: none !important;
}

/* Titelsäsongen får djup genom yta och skugga, inte guldkant. */
.season-modern-title-feature {
    background:
        radial-gradient(circle at 0 0, rgba(183, 133, 27, .08), transparent 20rem),
        #fff !important;
}

/* ---------------------------------------------------------
   Truppkort: lås hela den interna layouten mot globala regler
   --------------------------------------------------------- */
.season-modern-squad-groups[data-squad-view-mode="cards"] .season-modern-player-card {
    display: grid !important;
    grid-template-columns: 3.65rem minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
}

.season-modern-player-card__body {
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: .5rem .55rem !important;
    float: none !important;
    clear: none !important;
}

.season-modern-player-card__body > *,
.season-modern-player-card__body > div,
.season-modern-player-card__heading,
.season-modern-player-card__meta,
.season-modern-player-card__stats,
.season-modern-player-card__meter {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    float: none !important;
    clear: none !important;
}

.season-modern-player-card__heading {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
}

.season-modern-player-card__heading > div:first-child {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.season-modern-player-card__stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.season-modern-player-card__meter {
    display: block !important;
}

.season-modern-squad-groups[data-squad-view-mode="list"] .season-modern-player-card__body {
    width: 100% !important;
}

/* ---------------------------------------------------------
   Bildbaserade matchkort, inspirerade av startsidans standard
   --------------------------------------------------------- */
.season-modern-feature-match-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .72rem !important;
    min-width: 0 !important;
}

.season-modern-title-feature__matches.season-modern-feature-match-grid {
    align-content: start !important;
}

.season-modern-feature-match-card {
    min-width: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--season-border) !important;
    border-radius: .92rem !important;
    background: #fff !important;
    box-shadow: 0 .48rem 1.25rem rgba(16, 36, 59, .065) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

.season-modern-feature-match-card[hidden] {
    display: none !important;
}

.season-modern-feature-match-card:hover,
.season-modern-feature-match-card:focus-within {
    transform: translateY(-.16rem) !important;
    border-color: var(--season-border) !important;
    box-shadow: 0 .8rem 1.75rem rgba(16, 36, 59, .11) !important;
}

.season-modern-feature-match-card__link {
    display: grid !important;
    height: 100% !important;
    grid-template-rows: auto 1fr !important;
    color: inherit !important;
    text-decoration: none !important;
}

.season-modern-feature-match-card__image {
    position: relative !important;
    display: block !important;
    height: clamp(7.1rem, 9vw, 8.3rem) !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(255, 255, 255, .12), transparent 9rem),
        linear-gradient(135deg, #1d4289, #102d61) !important;
}

.season-modern-feature-match-card__image > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center 40% !important;
    filter: saturate(.92) contrast(1.02) !important;
    transition: transform .28s ease !important;
}

.season-modern-feature-match-card:hover .season-modern-feature-match-card__image > img,
.season-modern-feature-match-card:focus-within .season-modern-feature-match-card__image > img {
    transform: scale(1.025) !important;
}

.season-modern-feature-match-card__image::after {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        linear-gradient(
            180deg,
            rgba(6, 24, 51, .03) 20%,
            rgba(6, 24, 51, .16) 50%,
            rgba(6, 24, 51, .88) 100%
        ) !important;
    content: "" !important;
    pointer-events: none !important;
}

.season-modern-feature-match-card__label {
    position: absolute !important;
    top: .55rem !important;
    right: .55rem !important;
    z-index: 3 !important;
    display: inline-flex !important;
    min-height: 1.45rem !important;
    align-items: center !important;
    padding: .24rem .48rem !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    border-radius: 999px !important;
    background: rgba(8, 31, 66, .78) !important;
    color: #fff !important;
    font-size: .55rem !important;
    font-weight: 900 !important;
    letter-spacing: .045em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    backdrop-filter: blur(5px) !important;
}

.season-modern-feature-match-card__head {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    display: grid !important;
    gap: .12rem !important;
    padding: 1.8rem .75rem .58rem !important;
    color: #fff !important;
}

.season-modern-feature-match-card__head time {
    color: #fff !important;
    font-size: .74rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-shadow: 0 .08rem .3rem rgba(0, 0, 0, .3) !important;
}

.season-modern-feature-match-card__head small {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .18rem .38rem !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: .6rem !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
}

.season-modern-feature-match-card__head small > span:empty {
    display: none !important;
}

.season-modern-feature-match-card__head small > span + span:not(:empty)::before {
    margin-right: .38rem !important;
    content: "·" !important;
}

.season-modern-feature-match-card__body {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
}

.season-modern-feature-match-card__teams {
    display: grid !important;
    min-height: 4.8rem !important;
    grid-template-columns: minmax(0, 1fr) minmax(3.4rem, auto) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .42rem !important;
    padding: .58rem .65rem .52rem !important;
}

.season-modern-feature-match-card__team {
    display: grid !important;
    min-width: 0 !important;
    grid-template-rows: 2.35rem auto !important;
    justify-items: center !important;
    gap: .18rem !important;
    text-align: center !important;
}

.season-modern-feature-match-card__crest {
    display: grid !important;
    width: 3.15rem !important;
    height: 2.35rem !important;
    place-items: center !important;
}

.season-modern-feature-match-card__crest img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 3.15rem !important;
    max-height: 2.35rem !important;
    margin: auto !important;
    object-fit: contain !important;
}

.season-modern-feature-match-card__team > span:last-child {
    display: -webkit-box !important;
    min-height: 1.45rem !important;
    overflow: hidden !important;
    color: #33455c !important;
    font-size: .65rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.season-modern-feature-match-card__score {
    min-width: 3.4rem !important;
    color: var(--season-ink) !important;
    font-family: "Francois One", "Arial Narrow", sans-serif !important;
    font-size: 1.82rem !important;
    font-weight: 400 !important;
    letter-spacing: .01em !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.season-modern-feature-match-card.is-w .season-modern-feature-match-card__score {
    color: #16824f !important;
}

.season-modern-feature-match-card.is-d .season-modern-feature-match-card__score {
    color: #c87900 !important;
}

.season-modern-feature-match-card.is-l .season-modern-feature-match-card__score {
    color: #c43f3f !important;
}

.season-modern-feature-match-card.is-upcoming .season-modern-feature-match-card__score {
    color: #52677e !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    letter-spacing: .05em !important;
}

.season-modern-feature-match-card__context {
    display: flex !important;
    min-height: 2rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .5rem !important;
    margin-top: auto !important;
    padding: .43rem .65rem .47rem !important;
    border-top: 1px solid rgba(18, 54, 96, .08) !important;
    background: #f8fafc !important;
}

.season-modern-feature-match-card__context > span {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #66758a !important;
    font-size: .61rem !important;
    font-weight: 750 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.season-modern-feature-match-card__context small {
    flex: 0 0 auto !important;
    color: #8591a1 !important;
    font-size: .59rem !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}

.season-modern-title-summary-card {
    display: flex !important;
    min-height: 9rem !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 1rem !important;
    border: 1px solid var(--season-border) !important;
    border-radius: .92rem !important;
    background:
        radial-gradient(circle at 100% 0, rgba(183, 133, 27, .1), transparent 12rem),
        #fff !important;
    box-shadow: 0 .48rem 1.25rem rgba(16, 36, 59, .055) !important;
}

.season-modern-title-summary-card > span {
    color: var(--season-muted) !important;
    font-size: .62rem !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

.season-modern-title-summary-card > strong {
    margin-top: .38rem !important;
    color: var(--season-ink) !important;
    font-size: 1.12rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.season-modern-title-summary-card > small {
    margin-top: .35rem !important;
    color: var(--season-muted) !important;
    font-size: .7rem !important;
}

/* ---------------------------------------------------------
   Bildarkivets riktiga 4:3-galleri
   --------------------------------------------------------- */
.season-modern-photo-grid.image-search-grid {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .9rem !important;
}

.season-modern-photo-card.image-search-card {
    display: block !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    border: 1px solid var(--season-border) !important;
    border-radius: .9rem !important;
    background: #fff !important;
    box-shadow: 0 .5rem 1.35rem rgba(16, 38, 64, .07) !important;
}

.season-modern-page button.image-search-card-button,
.season-modern-page button.image-search-card-button:hover,
.season-modern-page button.image-search-card-button:focus,
.season-modern-page button.image-search-card-button:active {
    appearance: none !important;
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: inherit !important;
    background: #e8edf3 !important;
    box-shadow: none !important;
    line-height: normal !important;
    transform: none !important;
    cursor: zoom-in !important;
}

.season-modern-photo-card .image-search-image-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: #e8edf3 !important;
}

.season-modern-photo-card .image-search-image-wrap img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center 34% !important;
    transform: scale(1.002) !important;
    transition: transform .18s ease !important;
}

.season-modern-photo-card:hover,
.season-modern-photo-card:focus-within {
    border-color: var(--season-border) !important;
    box-shadow: 0 .75rem 1.8rem rgba(16, 38, 64, .13) !important;
    transform: translateY(-2px) !important;
}

.season-modern-photo-card:hover .image-search-image-wrap img,
.season-modern-photo-card:focus-within .image-search-image-wrap img {
    transform: scale(1.035) !important;
}

.season-modern-photo-card .image-search-zoom {
    opacity: 0 !important;
    transform: translateY(.2rem) !important;
    transition: opacity .16s ease, transform .16s ease !important;
}

.season-modern-photo-card:hover .image-search-zoom,
.season-modern-photo-card:focus-within .image-search-zoom {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* ---------------------------------------------------------
   Bildarkivets dialog: information under bilden
   --------------------------------------------------------- */
.image-search-dialog {
    width: min(76rem, calc(100vw - 1.5rem)) !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 1.5rem) !important;
    margin: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 1.15rem !important;
    background: #081525 !important;
    box-shadow: 0 1.8rem 5rem rgba(0, 0, 0, .55) !important;
    color: #fff !important;
}

.image-search-dialog::backdrop {
    background: rgba(2, 9, 18, .92) !important;
    backdrop-filter: blur(8px) !important;
}

.image-search-dialog-inner {
    position: relative !important;
    display: grid !important;
    width: 100% !important;
    height: min(94dvh, 54rem) !important;
    max-height: calc(100dvh - 1.5rem) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    overflow: hidden !important;
}

.image-search-dialog-media {
    position: relative !important;
    display: flex !important;
    min-height: 18rem !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(29, 66, 137, .2), transparent 50%),
        #06101d !important;
}

.image-search-dialog img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: clamp(.7rem, 1.8vw, 1.35rem) !important;
    object-fit: contain !important;
    object-position: center !important;
    user-select: none !important;
}

.image-search-dialog-text {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: min(35dvh, 16rem) !important;
    padding: 1rem 1.15rem 1.1rem !important;
    overflow-y: auto !important;
    border-top: 1px solid rgba(17, 57, 97, .12) !important;
    background: #fff !important;
    color: #11253c !important;
    text-align: left !important;
}

.image-search-dialog-counter {
    display: block !important;
    margin-bottom: .5rem !important;
    color: #607080 !important;
    font-size: .68rem !important;
    font-weight: 850 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

.image-search-dialog-text h2 {
    margin: 0 !important;
    color: #11253c !important;
    font-size: clamp(1rem, 1.55vw, 1.25rem) !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
    text-align: left !important;
}

.image-search-dialog-text p {
    margin: .55rem 0 0 !important;
    color: #607080 !important;
    font-size: .88rem !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.image-search-dialog-text p[hidden],
.image-search-dialog-text a[hidden] {
    display: none !important;
}

.image-search-dialog-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .55rem !important;
    margin-top: .8rem !important;
}

.image-search-dialog-match-link,
.image-search-dialog-photo-link {
    appearance: none !important;
    display: inline-flex !important;
    min-height: 2.55rem !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: .52rem .78rem !important;
    border: 1px solid var(--season-blue) !important;
    border-radius: .58rem !important;
    background: var(--season-blue) !important;
    color: #fff !important;
    font-size: .8rem !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

.image-search-dialog-photo-link {
    border-color: rgba(29, 66, 137, .18) !important;
    background: #eaf1fb !important;
    color: var(--season-blue) !important;
}

.image-search-dialog-close,
.image-search-dialog-nav {
    appearance: none !important;
    position: absolute !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .25) !important;
    background: rgba(5, 20, 36, .88) !important;
    box-shadow: 0 .55rem 1.4rem rgba(0, 0, 0, .28) !important;
    color: #fff !important;
    cursor: pointer !important;
}

.image-search-dialog-close {
    top: .75rem !important;
    right: .75rem !important;
    width: 2.7rem !important;
    height: 2.7rem !important;
    border-radius: 50% !important;
    font-size: 1.5rem !important;
}

.image-search-dialog-nav {
    top: 50% !important;
    width: 3rem !important;
    height: 3.5rem !important;
    border-radius: .78rem !important;
    font-size: 1.8rem !important;
    transform: translateY(-50%) !important;
}

.image-search-dialog-prev {
    left: .75rem !important;
}

.image-search-dialog-next {
    right: .75rem !important;
}

.image-search-dialog-nav:disabled {
    opacity: .24 !important;
    cursor: default !important;
}

@media (max-width: 68rem) {
    .season-modern-photo-grid.image-search-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 47.99rem) {
    .season-modern-feature-match-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .season-modern-photo-grid.image-search-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .52rem !important;
    }

    .season-modern-photo-card .image-search-zoom {
        right: .35rem !important;
        bottom: .35rem !important;
        min-height: 1.45rem !important;
        padding: .22rem .38rem !important;
        font-size: .56rem !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .image-search-dialog {
        width: 100% !important;
        max-height: 100dvh !important;
        border-width: 0 !important;
        border-radius: 0 !important;
    }

    .image-search-dialog-inner {
        height: 100dvh !important;
        max-height: 100dvh !important;
    }

    .image-search-dialog-media {
        min-height: 0 !important;
    }

    .image-search-dialog img {
        padding: .5rem !important;
    }

    .image-search-dialog-text {
        max-height: 38dvh !important;
        padding: .9rem .95rem max(1rem, env(safe-area-inset-bottom)) !important;
    }

    .image-search-dialog-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: .45rem !important;
    }

    .image-search-dialog-match-link,
    .image-search-dialog-photo-link {
        width: 100% !important;
    }
}

@media (max-width: 21.99rem) {
    .season-modern-photo-grid.image-search-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* =========================================================
   Version 10: strukturell hotfix efter V9
   ========================================================= */
.season-modern-score > .season-modern-title-feature,
.season-modern-score > .season-modern-content-grid,
.season-modern-score > .season-modern-panel,
.season-modern-scoreboard > .season-modern-title-feature,
.season-modern-scoreboard > .season-modern-content-grid,
.season-modern-scoreboard > .season-modern-panel {
    display: none !important;
}

.season-modern-score {
    min-height: 0 !important;
}

/* =========================================================
   Version 11: stabila flikar, sluttabell och bildfallback
   ========================================================= */

/* Hidden måste vinna även över äldre globala knapp- och panelregler. */
.season-modern-page [hidden],
.season-modern-page button[hidden],
.season-modern-page [data-season-news-tab][hidden],
.season-modern-page [data-season-panel][hidden] {
    display: none !important;
}

/* ---------------------------------------------------------
   Sluttabell för avslutade säsonger
   --------------------------------------------------------- */
.season-modern-league-table-card {
    min-width: 0 !important;
    margin-top: .82rem !important;
    overflow: hidden !important;
    border: 1px solid var(--season-border) !important;
    border-radius: .82rem !important;
    background: #fff !important;
}

.season-modern-league-table-card__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .7rem !important;
    padding: .62rem .72rem !important;
    border-bottom: 1px solid rgba(18, 54, 96, .09) !important;
    background: #f7f9fc !important;
}

.season-modern-league-table-card__head strong {
    color: var(--season-ink) !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
}

.season-modern-league-table-card__head span {
    color: var(--season-muted) !important;
    font-size: .66rem !important;
    font-weight: 750 !important;
}

.season-modern-league-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.season-modern-league-table th,
.season-modern-league-table td {
    height: 2.05rem !important;
    padding: .34rem .28rem !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(18, 54, 96, .07) !important;
    background: transparent !important;
    color: #43546a !important;
    font-size: .65rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.season-modern-league-table thead th {
    height: 1.85rem !important;
    background: #fbfcfe !important;
    color: #748296 !important;
    font-size: .57rem !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.season-modern-league-table th:first-child,
.season-modern-league-table td:first-child {
    width: 2rem !important;
}

.season-modern-league-table th.is-team {
    width: auto !important;
    padding-left: .48rem !important;
    text-align: left !important;
}

.season-modern-league-table th:not(.is-team),
.season-modern-league-table td:not(.is-team) {
    width: 2.25rem !important;
}

.season-modern-league-table tbody th.is-team {
    color: var(--season-ink) !important;
    font-weight: 800 !important;
}

.season-modern-league-table tbody th.is-team a {
    color: inherit !important;
    text-decoration: none !important;
}

.season-modern-league-table tbody tr.is-ifk {
    background: #eef3f9 !important;
}

.season-modern-league-table tbody tr.is-ifk th,
.season-modern-league-table tbody tr.is-ifk td {
    color: #173d74 !important;
    font-weight: 900 !important;
}

.season-modern-league-table tbody tr:last-child th,
.season-modern-league-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* ---------------------------------------------------------
   Fallback när matchbild saknas
   --------------------------------------------------------- */
.season-modern-feature-match-card__fallback {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-items: center !important;
    gap: .28rem .58rem !important;
    padding: .8rem 1.15rem .65rem !important;
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, .14), transparent 7rem),
        radial-gradient(circle at 82% 78%, rgba(255, 255, 255, .08), transparent 8rem),
        linear-gradient(135deg, #173b72, #0b244b) !important;
}

.season-modern-feature-match-card__fallback[hidden] {
    display: none !important;
}

.season-modern-feature-match-card__fallback::before {
    position: absolute !important;
    inset: 0 !important;
    opacity: .14 !important;
    background:
        linear-gradient(115deg, transparent 0 42%, rgba(255, 255, 255, .14) 42% 43%, transparent 43% 100%) !important;
    content: "" !important;
    pointer-events: none !important;
}

.season-modern-feature-match-card__fallback-crest {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    width: 4.3rem !important;
    height: 3.7rem !important;
    place-items: center !important;
}

.season-modern-feature-match-card__fallback-crest img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 4.3rem !important;
    max-height: 3.7rem !important;
    margin: auto !important;
    filter: drop-shadow(0 .28rem .5rem rgba(0, 0, 0, .28)) !important;
    object-fit: contain !important;
}

.season-modern-feature-match-card__fallback > strong {
    position: relative !important;
    z-index: 1 !important;
    color: #fff !important;
    font-family: "Francois One", "Arial Narrow", sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    letter-spacing: .06em !important;
    text-shadow: 0 .15rem .4rem rgba(0, 0, 0, .28) !important;
}

.season-modern-feature-match-card__fallback > small {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 / -1 !important;
    color: rgba(255, 255, 255, .66) !important;
    font-size: .56rem !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

/* Bildens rubrikrad ska ligga ovanpå fallbacken. */
.season-modern-feature-match-card__image::after {
    z-index: 1 !important;
}

.season-modern-feature-match-card__label {
    z-index: 3 !important;
}

.season-modern-feature-match-card__head {
    z-index: 2 !important;
}

@media (max-width: 47.99rem) {
    .season-modern-league-table th,
    .season-modern-league-table td {
        padding-inline: .2rem !important;
        font-size: .62rem !important;
    }

    .season-modern-league-table .is-detail {
        display: none !important;
    }

    .season-modern-league-table th:first-child,
    .season-modern-league-table td:first-child {
        width: 1.8rem !important;
    }

    .season-modern-league-table th:not(.is-team),
    .season-modern-league-table td:not(.is-team) {
        width: 2.45rem !important;
    }

    .season-modern-feature-match-card__fallback {
        padding-inline: .7rem !important;
    }

    .season-modern-feature-match-card__fallback-crest {
        width: 3.65rem !important;
        height: 3.15rem !important;
    }

    .season-modern-feature-match-card__fallback-crest img {
        max-width: 3.65rem !important;
        max-height: 3.15rem !important;
    }
}

@media (max-width: 22rem) {
    .season-modern-league-table th:not(.is-team),
    .season-modern-league-table td:not(.is-team) {
        width: 2.15rem !important;
    }

    .season-modern-league-table th,
    .season-modern-league-table td {
        font-size: .58rem !important;
    }
}

/* =========================================================
   Version 12: enklare sluttabell och stabil nyhetskontroll
   ========================================================= */

.season-modern-league-table {
    table-layout: fixed !important;
}

.season-modern-league-table th:first-child,
.season-modern-league-table td:first-child {
    width: 2.15rem !important;
}

.season-modern-league-table th.is-team {
    width: auto !important;
    padding-right: .48rem !important;
}

.season-modern-league-table th:not(.is-team),
.season-modern-league-table td:not(.is-team) {
    width: 3rem !important;
}

.season-modern-league-table tbody th.is-team {
    overflow: hidden !important;
    font-size: .7rem !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.season-modern-league-table-card__link {
    display: flex !important;
    min-height: 2.45rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: .52rem .7rem !important;
    border-top: 1px solid rgba(18, 54, 96, .09) !important;
    background: #f7f9fc !important;
    color: var(--season-blue) !important;
    font-size: .7rem !important;
    font-weight: 850 !important;
    text-align: center !important;
    text-decoration: none !important;
}

.season-modern-league-table-card__link:hover,
.season-modern-league-table-card__link:focus-visible {
    background: #eef3f9 !important;
    color: #123665 !important;
}

@media (max-width: 47.99rem) {
    .season-modern-league-table th:first-child,
    .season-modern-league-table td:first-child {
        width: 1.75rem !important;
    }

    .season-modern-league-table th:not(.is-team),
    .season-modern-league-table td:not(.is-team) {
        width: 2.45rem !important;
    }

    .season-modern-league-table tbody th.is-team {
        font-size: .66rem !important;
    }
}

@media (max-width: 22rem) {
    .season-modern-league-table th:not(.is-team),
    .season-modern-league-table td:not(.is-team) {
        width: 2.15rem !important;
    }
}

/* =========================================================
   Produktversion 1.4.6: säsongsnavigation ovanför hero
   ========================================================= */

.season-modern-navigation {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 3.65rem;
    margin: 0 0 .85rem;
    padding: .45rem;
    border: 1px solid rgba(18,54,96,.10);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 .25rem .8rem rgba(16,36,59,.045);
}

.season-modern-navigation__seasons {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    gap: .4rem;
}

.season-modern-page .season-modern-navigation__button {
    appearance: none;
    display: inline-flex;
    min-width: 0;
    min-height: 2.7rem;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    margin: 0;
    padding: .58rem .78rem;
    border: 1px solid transparent;
    border-radius: .72rem;
    background: transparent;
    box-shadow: none;
    color: #27476d;
    font: inherit;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.season-modern-page .season-modern-navigation__button strong {
    color: inherit;
    font: inherit;
    font-weight: 900;
    line-height: 1;
}

.season-modern-page .season-modern-navigation__button > span {
    display: inline;
    min-width: 0;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: 1;
}

.season-modern-page .season-modern-navigation__button--all {
    border-color: rgba(18,54,96,.09);
    background: #f7f9fc;
}

.season-modern-page .season-modern-navigation__button--all > span {
    color: var(--season-muted);
    font-size: .64rem;
    font-weight: 800;
}

.season-modern-page .season-modern-navigation__button.is-disabled {
    color: #a6b1bf;
    cursor: default;
    pointer-events: none;
}

.season-modern-page .season-modern-navigation__button:focus-visible {
    outline: 3px solid rgba(29,66,137,.3);
    outline-offset: 2px;
}

@media (hover:hover) and (pointer:fine) {
    .season-modern-page a.season-modern-navigation__button:hover {
        border-color: rgba(29,66,137,.22);
        background: #edf3fb;
        color: var(--season-blue-dark);
        box-shadow: 0 .2rem .6rem rgba(16,36,59,.07);
    }

    .season-modern-page a.season-modern-navigation__button--all:hover {
        background: #e2ebf7;
    }
}

@media (max-width: 47.99rem) {
    .season-modern-navigation {
        min-height: 0;
        margin-bottom: .55rem;
        padding: .28rem;
        overflow-x: auto;
        justify-content: flex-start;
        gap: .28rem;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .season-modern-navigation::-webkit-scrollbar {
        display: none;
    }

    .season-modern-navigation__seasons {
        flex: 0 0 auto;
        width: max-content;
        gap: .28rem;
    }

    .season-modern-page .season-modern-navigation__button {
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        border-radius: .58rem;
        gap: .26rem;
    }

    .season-modern-page .season-modern-navigation__button--all {
        flex-direction: row;
        gap: .2rem;
    }

    .season-modern-page .season-modern-navigation__button--all > span {
        display: none;
    }
}