/* Brand-guidelines skin for the mobile home page.
   A reskin layer over the legacy section CSS: type roles, palette, numerals
   and shape brought onto the FSP Games guidelines (draft 1).
   Sections already rebuilt to spec (.mkb, .mrb, .mfi, .mh-ai) are left alone. */

.mh{font-family:'Switzer','Geist',-apple-system,BlinkMacSystemFont,sans-serif;--b-lime:#C8F04A;--b-blue:#0000FF;--b-navy:#1A3C6E;--b-deep:#0E1C33;--b-ground:#0A0E16;--b-ink:#14161A;--b-g2:#3F4147;--b-muted:#6B7078;--b-rule:#C4C8D0;--b-paper:#F7F8FA}

/* ── Type roles ─────────────────────────────────────────────────── */
.mh .mh-heroes h2,.mh .mbd h2,.mh .rw .slab h2,.mh .rw .q h2,.mh .mh-beyond .roll,.mh .mh-roll,.mh .mh-subsheet h3{font-family:'Archivo',sans-serif !important;font-variation-settings:'wght' 200,'wdth' 100;font-weight:200 !important;letter-spacing:.04em !important;text-transform:uppercase;line-height:1.06 !important}
.mh .mbd .btm h3,.mh .mbd .rc h4,.mh .rw .rows h4,.mh .rw .g h4,.mh .mh-gtbody h4{font-family:'Archivo',sans-serif !important;font-variation-settings:'wght' 350,'wdth' 100;font-weight:400 !important;letter-spacing:-.01em !important;line-height:1.16}
.mh .mh-heroes .kick,.mh .mbd .k,.mh .rw .eb,.mh .rw .g .k,.mh .rw .capc .rwd,.mh .rw .railcap,.mh .mh-beyond .eb,.mh .mh-teaser .eb,.mh .mh-subsheet .eb,.mh .mh-subsheet .rt em,.mh .mh-scored,.mh .mh-herostats span,.mh .mh-beyond .strip .tags span,.mh .mbd .kv,.mh .mbd .lb .r .tier,.mh .mh-heroimg .cap span,.mh .mh-heroimg.soon .k{font-family:'Azeret Mono',monospace !important;font-weight:400 !important;letter-spacing:.14em !important;text-transform:uppercase}
.mh .mh-heroes .kick,.mh .mbd .k,.mh .rw .eb,.mh .mh-beyond .eb,.mh .mh-teaser .eb,.mh .mh-subsheet .eb{font-size:11.5px !important}
.mh .mh-herostats span,.mh .mbd .kv,.mh .mbd .lb .r .tier,.mh .rw .g .k,.mh .rw .capc .rwd,.mh .mh-heroimg .cap span,.mh .mh-heroimg.soon .k{font-size:10.5px !important;letter-spacing:.14em !important}

.mh .mbd{padding-top:0 !important}
.mh .mbd h2{font-family:'Inter',sans-serif !important;font-variation-settings:normal;font-weight:900 !important;font-size:31px !important;letter-spacing:0 !important;text-transform:uppercase;line-height:1.03 !important}

/* Numerals: mono, tabular, per the guidelines data register */
.mh .mh-herostats b,.mh .mbd .big,.mh .mbd .lb .r .p,.mh .mv-more b,.mh .mh-sportmore b,.mh .mh-aicard .meta .r b,.mh .mh-fund .num,.mh .rw .rows .n{font-family:'Azeret Mono',monospace !important;font-weight:400 !important;font-variant-numeric:tabular-nums;letter-spacing:.02em !important}
.mh .mh-herostats b{font-size:26px !important}
.mh .mbd .big{font-size:38px !important}
.mh .mv-more b,.mh .mh-sportmore b{font-size:24px !important}

/* Body copy weight */
.mh .mbd .hd p,.mh .rw .rows p,.mh .rw .g p,.mh .rw .slab p,.mh .mh-beyond>.pt>.mh-pad>p,.mh .mh-subsheet .rt p,.mh .mh-subsheet .foot,.mh .mh-gtbody p{font-family:'Inter',sans-serif !important;font-weight:300 !important;line-height:1.6}

/* ── Palette: lime only on dark, blue on light ──────────────────── */
/* Partners section on one colour (feedback #199), now the redesign's blue to match the
   desktop partners block, which the 18 Sep design moved from green to blue. */
.mh .mh-heroes .kick,.mh .mbd .k,.mh .mh-beyond .eb,.mh .mh-teaser .eb,.mh .mh-beyond .roll .w,.mh .mh-roll .w,.mh .mh-scored,.mh .mbd .btm .k,.mh .mh-beyond .strip .eb,.mh .mh-beyond .strip .tags span,.mh .mh-subsheet .eb,.mh .mh-subsheet .rt em,.mh .rw .tick svg{color:var(--b-blue) !important}
.mh .mh-scored i{background:var(--b-blue) !important;box-shadow:none !important;border-radius:0 !important}
.mh .mh-herostats b{color:var(--b-ink) !important}
.mh .mh-beyond .mh-teaser-link,.mh .mh-beyond a.mh-teaser-link:hover{color:var(--b-blue) !important;text-decoration-color:rgba(0,0,255,.4) !important}
.mh .mh-heroimg .cap span,.mh .rw .capc .rwd,.mh .rw .slab .k,.mh .rw .g .k{color:var(--b-lime) !important}

/* Lime surfaces on light become paper or blue */
.mh .mh-heromarq{background:var(--b-ground) !important}
.mh .mh-heromarq .run{font-family:'Azeret Mono',monospace !important;font-weight:400 !important;letter-spacing:.14em !important;color:#fff !important}
.mh .mh-heromarq .run i{color:var(--b-lime) !important}
.mh .mh-heroimg.soon{background:var(--b-deep) !important}
.mh .mh-heroimg.soon .k{color:var(--b-lime) !important}
.mh .mh-heroimg.soon .t{color:#fff !important;font-family:'Archivo',sans-serif !important;font-variation-settings:'wght' 200,'wdth' 100;letter-spacing:.04em !important;text-transform:uppercase;line-height:1.06}
.mh .mbd .btm{background:var(--b-paper) !important;border:1px solid var(--b-rule) !important}
.mh .mh-beyond .strip{background:#fff !important;border:0 !important}
.mh .mh-beyond .strip::before{background:var(--b-rule) !important}
.mh .mbd .btm h3,.mh .mh-beyond .strip h4,.mh .mh-beyond .strip .split b,.mh .mh-subsheet .rt b{color:var(--b-ink) !important}
.mh .mh-beyond .strip .split em,.mh .mh-subsheet .rt p,.mh .mbd .cta p{color:var(--b-g2) !important}
.mh .mbd .cta a,.mh .mbd .cta a:hover{background:var(--b-blue) !important;color:#fff !important}
.mh .mh-beyond a.flink,.mh .mh-beyond a.flink:hover{color:var(--b-blue) !important;text-decoration-color:rgba(0,0,255,.4) !important}

/* Rules and grey text onto the doc neutrals */
.mh .mbd .hd p,.mh .rw .railcap,.mh .mh-beyond>.pt>.mh-pad>p,.mh .mh-subsheet .foot,.mh .mh-gtbody p,.mh .mbd .rc small{color:var(--b-muted) !important}
.mh .mbd h2,.mh .mbd .lb .r .nm,.mh .mbd .rc h4,.mh .mh-beyond .roll,.mh .mh-roll,.mh .mh-subsheet h3{color:var(--b-ink) !important}
.mh .mbd .card{border:0 !important}
.mh .mbd .btm{border:0 !important}
.mh .mbd .rc,.mh .mh-beyond .strip .tags,.mh .mbd .cta{border-color:var(--b-rule) !important}
.mh .mbd .lb .r{border-bottom-color:var(--b-rule) !important}
.mh .mbd .lb{border-top-color:var(--b-rule) !important}
.mh .mh-herostats{border-top:1px solid var(--b-ink) !important;border-bottom:1px solid var(--b-rule) !important}
.mh .mh-herostats>div+div{box-shadow:inset 1px 0 0 var(--b-rule) !important}

/* ── Shape: the system is drawn with rules, not pills ───────────── */
.mh .mh-qual{border-radius:2px !important}
.mh .mbd .card,.mh .mh-beyond .strip,.mh .mh-subsheet .rt,.mh .mh-heroimg,.mh .rw .capc,.mh .rw .g,.mh .mh-gtcard,.mh .mh-fund{border-radius:2px !important}
.mh .mh-aicard{border-radius:0 !important}

.mh .mh-beyond .strip h4{font-family:'Archivo',sans-serif !important;font-variation-settings:'wght' 100,'wdth' 100 !important;font-weight:100 !important}


.mh .mh-beyond .strip{border-radius:0 !important}

.mh .mbd .big{font-family:'Archivo',sans-serif !important;font-variation-settings:'wght' 100,'wdth' 100 !important;font-weight:100 !important}