/* Original stylesheet: assets/css/home-instagram-v1.css */
/* Homepage only. Uses the existing MoFutbol theme and section components. */
body.mf-system-home #home-instagram { padding-block: 22px; }
#home-instagram .mf-v22-container { width: min(1160px, calc(100% - 32px)); margin-inline: auto; }
#home-instagram .mf-home-instagram__head { display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; margin-bottom: 14px; }
#home-instagram .mf-home-instagram__head h2 { margin: 4px 0; }
#home-instagram .mf-home-instagram__intro { margin: 6px 0 0; max-width: 70ch; color: var(--color-muted); font-size: 14px; line-height: 1.5; }
#home-instagram .mf-home-instagram__head > a { display: inline-flex; align-items: center; min-height: 44px; flex-shrink: 0; }
#home-instagram .mf-home-instagram__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
#home-instagram .mf-home-instagram__card { min-width: 0; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-sm, 5px); background: var(--color-surface); }
#home-instagram .mf-home-instagram__card > a { display: flex; flex-direction: column; height: 100%; color: var(--color-text); text-decoration: none; }
#home-instagram .mf-home-instagram__visual { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 5; overflow: hidden; background: var(--mf-black); }
#home-instagram .mf-home-instagram__visual img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
#home-instagram .mf-home-instagram__copy { display: grid; align-content: start; gap: 6px; padding: 10px; }
#home-instagram .mf-home-instagram__type { color: var(--mf-yellow); font-size: 11px; font-weight: 700; }
#home-instagram .mf-home-instagram__copy h3 { margin: 0; font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
#home-instagram time { color: var(--color-muted); font-size: 12px; }
#home-instagram a:focus-visible { outline: 3px solid var(--mf-yellow); outline-offset: -3px; }
#home-instagram .mf-home-instagram__card:hover { border-color: var(--mf-yellow); }
@media (max-width: 960px) { #home-instagram .mf-home-instagram__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  #home-instagram .mf-home-instagram__head { align-items: flex-start; flex-direction: column; gap: 4px; }
  #home-instagram .mf-home-instagram__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}
/* Existing owner layer keeps theme colors readable over legacy page rules. */
@layer mfOwnerCompact {
  #home-instagram { background: var(--bg) !important; color: var(--text) !important; padding-block: 22px !important; }
  #home-instagram .mf-home-instagram__card { background: var(--surface) !important; border-color: var(--border-s) !important; }
  #home-instagram :is(h2, h3, .mf-v22-kicker, .mf-home-instagram__type) { color: var(--text) !important; }
  #home-instagram :is(.mf-home-instagram__intro, time) { color: var(--muted) !important; }
  #home-instagram .mf-home-instagram__head > a { color: var(--text) !important; text-decoration: underline; text-underline-offset: 3px; }
}

/* Original stylesheet: assets/css/home-readability-v1.css */
@layer mfOwnerCompact {
/* Homepage story readability, October 22, 2026.
 * Keep the approved fonts, colors, imagery, grid and shared chrome unchanged.
 * The frozen homepage bundle hides summaries and reduces desktop card labels. */
html:root body.mf-home-v22.mf-system-home main#main-content#main-content [data-home-module="stories"] .mf-newsroom-story > div {
  gap: .375rem !important;
  padding: .625rem !important;
}

html:root body.mf-home-v22.mf-system-home main#main-content#main-content [data-home-module="stories"] .mf-newsroom-story h3 {
  display: block !important;
  overflow: visible !important;
  max-height: none !important;
  font-size: 1.125rem !important;
  line-height: 1.3 !important;
  -webkit-line-clamp: unset;
  overflow-wrap: anywhere;
}

html:root body.mf-home-v22.mf-system-home main#main-content#main-content [data-home-module="stories"] .mf-newsroom-story > div > span {
  font-size: .75rem !important;
  line-height: 1.4 !important;
}

html:root body.mf-home-v22.mf-system-home main#main-content#main-content [data-home-module="stories"] .mf-newsroom-story :is(small, .mf-newsroom-story__published) {
  display: block;
  font-size: .8125rem !important;
  line-height: 1.4 !important;
}

html:root body.mf-home-v22.mf-system-home main#main-content#main-content [data-home-module="stories"] .mf-newsroom-story p {
  display: -webkit-box !important;
  overflow: hidden !important;
  max-height: none !important;
  font-size: .875rem !important;
  line-height: 1.5 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

}

/* Original stylesheet: assets/css/button-contrast-v1.css */
/* Keep dark button text legible on the existing green and gold fills. */
@layer mfOwnerCompact {
  html:root body.mf-home-v22 .six-home-hero__actions a:first-child {
    color:#071007!important;
  }
  html:root body.mf-diaspora-v6 .site-header .site-header__actions .site-header__cta--contributor {
    color:#071007!important;
  }
}

/* Original stylesheet: assets/css/home-first-paint-layout-ce37665d9373.css */
/* First-viewport rules reused from the current delayed homepage styles. */
@font-face { font-family: Montserrat; src: url("/assets/fonts/montserrat-latin-variable.woff2") format("woff2-variations"); font-style: normal; font-weight: 400 700; font-display: optional; }
@media (prefers-reduced-motion: reduce){.mo-reveal, .mo-reveal--hero, .mo-reveal--media, :where(.mf-link-tile, .mf-front-main, .mf-front-panel, .mf-watch-card, .mf-command-card, .mf-wc-card, .mf-media-feed-panel, .mf-media-feature-video, .mf-media-spotify-card, .site-newsletter-shell, .mf-lane-card, .mf-home-spotlight-card, .stl-btn, .site-button, .mf-chip, .site-newsletter-form__interest span), .site-nav__link, .site-nav__toggle, .site-nav__panel, .site-drawer { animation: auto ease 0s 1 normal none running none !important; transition: none !important; transform: none !important; opacity: 1 !important; }}
@media (prefers-reduced-motion: reduce){html { scroll-behavior: auto; }}
@media (prefers-reduced-motion: reduce){*, ::before, ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }}
.mf-score-ribbon__rail::-webkit-scrollbar { height: 6px; }
.mf-score-ribbon__rail::-webkit-scrollbar-thumb { background: rgba(245, 200, 66, 0.5); border-radius: 999px; }
.mf-score-ribbon__date { grid-area: date; color: rgba(240, 244, 240, 0.62); font-size: 0.55rem; font-weight: 800; }
.mf-score-ribbon__match { grid-area: match; display: flex; align-items: center; gap: 0.25rem; min-width: 0px; }
.mf-score-ribbon__match em { color: rgba(240, 244, 240, 0.62); font-style: normal; font-size: 0.58rem; font-weight: 900; text-transform: uppercase; }
.mf-score-ribbon__team { display: inline-flex; align-items: center; gap: 0.28rem; min-width: 0px; font-weight: 950; line-height: 1; }
.mf-score-ribbon__team img, .mf-score-ribbon__mark { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; object-fit: contain; background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(245, 200, 66, 0.18); }
.mf-score-ribbon__team b { max-width: 3.35rem; overflow: hidden; color: rgb(255, 255, 255); font-family: "Archivo Black", "Arial Black", system-ui, sans-serif; font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 760px){.mf-score-ribbon__brand img { width: 22px; height: 22px; }}
@media (max-width: 760px){.mf-score-ribbon__team img, .mf-score-ribbon__mark { flex-basis: 21px; width: 21px; height: 21px; }}
@media (max-width: 760px){.mf-score-ribbon__team b { max-width: 3.25rem; font-size: 0.78rem; }}
@media (prefers-reduced-motion: reduce){.mf-newsroom-today-card { transition: none; }}
@media (max-width: 760px){body.mf-system-home .mf-score-ribbon__rail::-webkit-scrollbar { display: none !important; }}
@media (max-width: 760px){body.mf-system-home .mf-score-ribbon__match { width: 100% !important; min-width: 0px !important; overflow: hidden !important; }}
@media (max-width: 760px){body.mf-system-home .mf-score-ribbon__team img, body.mf-system-home .mf-score-ribbon__mark { width: 1.05rem !important; height: 1.05rem !important; }}
@media (max-width: 760px){body.mf-system-home .mf-score-ribbon__team b { font-size: 0.56rem !important; }}
@media (prefers-reduced-motion: reduce){*, ::before, ::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }}
.mf-score-ribbon__rail::-webkit-scrollbar { display: none; }
.mf-score-ribbon__card[data-ticker-lane="stl"]::before { background: rgb(229, 57, 53); }
.mf-score-ribbon__card[data-source-state="verified"]::after { content: "VERIFIED"; }
.mf-score-ribbon__card.is-current { background: rgb(16, 32, 30); box-shadow: rgba(70, 168, 62, 0.2) 0px 1px 0px inset; }
.mf-score-ribbon__card.is-current::before { background: rgb(244, 196, 48); }
.mf-score-ribbon__date { grid-area: date; text-align: right; color: rgb(185, 199, 194); }
.mf-score-ribbon__match { grid-area: match; gap: 0.38rem; font-weight: 800; display: flex !important; align-items: center !important; min-width: 0px !important; overflow: hidden !important; white-space: nowrap !important; font-size: 0.82rem !important; line-height: 1 !important; }
.mf-score-ribbon__team { gap: 0.3rem; display: inline-flex !important; align-items: center !important; min-width: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.mf-score-ribbon__team img { display: block !important; width: 24px !important; height: 24px !important; min-width: 24px !important; object-fit: contain !important; flex: 0 0 24px !important; }
.mf-score-ribbon__team b { font-size: 0.78rem !important; }
.mf-score-ribbon__match em { text-transform: uppercase; color: rgb(119, 136, 131) !important; font-size: 0.56rem !important; font-style: normal !important; }
@media (prefers-reduced-motion: reduce){.mf-score-ribbon__brand span::before { animation: auto ease 0s 1 normal none running none; }}
@media (prefers-reduced-motion: reduce){.mf-score-ribbon__rail { scroll-behavior: auto; }}
@media (max-width: 760px){html body .mf-score-ribbon[data-top-events-ticker] :is(.mf-score-ribbon__team img, .mf-score-ribbon__mark) { width: 24px !important; height: 24px !important; min-width: 24px !important; }}
@media (max-width: 760px){html body .mf-score-ribbon[data-top-events-ticker] .mf-score-ribbon__team b { font-size: 0.78rem !important; }}
@media (prefers-reduced-motion: reduce){body.mf-brand-v2 *, body.mf-brand-v2 ::before, body.mf-brand-v2 ::after { scroll-behavior: auto !important; transition-duration: 0.001ms !important; animation-duration: 0.001ms !important; }}
@media (prefers-reduced-motion: reduce){html body .site-header :is(.site-nav__link, .site-nav__toggle), html body.mf-system-home .mf-newsroom-player-card__media img { transition: none !important; }}
@media (prefers-reduced-motion: reduce){html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-today-card { transition: none; }}
@media (prefers-reduced-motion: reduce){*, ::before, ::after { scroll-behavior: auto !important; transition: none !important; }}
@media (min-width: 781px) and (max-width: 1100px){html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > .six-home-hero, html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > .six-home-hero .six-home-hero__inner { min-height: 310px !important; height: 310px !important; }}
@media (min-width: 781px) and (max-width: 1100px){html:root body.mf-home-v22.mf-system-home [data-home-module="stories"] .mf-newsroom-story-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }}
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) { border-top: 2px solid var(--mf-home-desk-accent) !important; padding-block: 0.9rem !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) > .mf-v22-container { width: min(100% - 2rem, 46rem) !important; max-width: none !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-home__head { flex-wrap: wrap; padding-bottom: 0.65rem; border-bottom: 1px solid rgba(237, 244, 234, 0.18); align-items: center !important; gap: 0.45rem 1rem !important; margin-bottom: 0.7rem !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-home__head > div { min-width: 0px; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-eyebrow { font-weight: 700; letter-spacing: 0.025em; color: var(--mf-home-desk-accent) !important; font-size: 0.72rem !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-home__head h2 { font-size: clamp(1.08rem, 1.35vw, 1.28rem) !important; line-height: 1.2 !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home :is(#mf-home-stl-title, #mf-home-next-title) { font-size: clamp(1.08rem, 1.35vw, 1.28rem) !important; line-height: 1.2 !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-home__head > a { display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 0.2rem; min-height: 2.5rem !important; color: rgb(245, 200, 66) !important; font-size: 0.76rem !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home #home-stl-current { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 0.6rem !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home #home-next-match { grid-template-columns: minmax(0px, 1fr) !important; gap: 0.6rem !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-today-card { min-width: 0px; min-height: 7.5rem !important; padding: 0.7rem 0.8rem !important; gap: 0.38rem 0.6rem !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-today-card__label { font-size: 0.64rem !important; line-height: 1.2 !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-today-card > h3 { overflow-wrap: anywhere; display: block !important; font-family: var(--font-ui, Arial, sans-serif) !important; font-size: 0.94rem !important; font-weight: 800 !important; line-height: 1.25 !important; white-space: normal !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-matchup { grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); align-items: center; display: grid !important; gap: 0.5rem !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-team { width: auto; max-width: none !important; min-height: 2.2rem !important; overflow: visible !important; white-space: normal !important; font-size: 0.8rem !important; line-height: 1.2 !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-team > span:last-child { overflow-wrap: anywhere; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-today-card :is(p, a) { line-height: 1.35 !important; }
html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) .mf-newsroom-today-card__meta { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; font-size: 0.72rem !important; }
@media (max-width: 700px){html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home #home-stl-current { grid-template-columns: minmax(0px, 1fr) !important; }}
@media (max-width: 700px){html:root body.mf-home-v22.mf-system-home main#main-content.mf-v22-home > :is([data-home-module="current-stl"], [data-home-module="next-match"]) > .mf-v22-container { width: calc(100% - 1.5rem) !important; }}
:root { --mf-control-height: 44px; --mf-control-pad: 16px; --mf-control-radius: 3px; --mf-control-border: #526157; }
html:root body .site-header .site-nav :is(.site-nav__link, .site-nav__toggle) { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; height: 44px !important; padding: 0px 8px !important; border-width: 1px !important; border-radius: 3px !important; gap: 8px !important; line-height: 1.25 !important; vertical-align: middle !important; }
html:root body .site-header .site-header__icon-button { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0px !important; border-width: 1px !important; border-radius: 3px !important; vertical-align: middle !important; }
html:root body .mf-polish-back-top { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; max-width: 44px !important; max-height: 44px !important; }
html:root body .mf-consent-settings, html:root body .mf-consent-panel button { box-sizing: border-box !important; min-height: 36px !important; }
.site-nav :is(.site-nav__link, .site-nav__toggle) { box-sizing: border-box; min-height: var(--mf-control-height); display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1.25; }
:root { --mf-global-header-height: 64px; --mf-global-header-control: 44px; --mf-global-header-padding: 8px; }
html body .site-header { position: relative; z-index: 220; width: 100%; min-height: var(--mf-global-header-height); background: linear-gradient(100deg, rgb(5, 11, 8) 0%, rgb(8, 18, 12) 58%, rgb(7, 20, 14) 100%); border-bottom: 1px solid rgba(216, 255, 46, 0.16); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 22px; }
html body .site-header .site-header__inner { grid-template-columns: auto minmax(0px, 1fr) auto; gap: 12px; display: grid !important; align-items: center !important; min-height: var(--mf-global-header-height) !important; padding-top: var(--mf-global-header-padding) !important; padding-bottom: var(--mf-global-header-padding) !important; }
html body .site-header .site-brand { gap: 8px; min-width: 144px; min-height: var(--mf-global-header-control); color: rgb(247, 251, 255); text-decoration: none; display: inline-flex !important; align-items: center !important; }
html body .site-header .site-brand__logo { display: block; object-fit: contain; flex: 0 0 36px; width: 36px !important; height: 36px !important; }
html body .site-header .site-brand__text { display: grid; gap: 1px; min-width: 0px; }
html body .site-header .site-brand__name { color: rgb(255, 255, 255); font-size: 1.05rem; font-weight: 900; line-height: 1; }
html body .site-header .site-nav { min-width: 0px; overflow: visible; display: block !important; }
html body .site-header .site-nav__list { justify-content: center; gap: 4px; min-width: 0px; margin: 0px; padding: 0px; display: flex !important; align-items: center !important; }
html body .site-header .site-nav :where(.site-nav__link, .site-nav__toggle) { justify-content: center; gap: 5px; min-height: 40px; padding: 0px 10px; border: 1px solid transparent; border-radius: 9px; color: rgb(232, 240, 239); font-size: 0.72rem; font-weight: 800; line-height: 1; text-decoration: none; white-space: nowrap; display: inline-flex !important; align-items: center !important; }
html body .site-header .site-nav :where(.site-nav__link, .site-nav__toggle):hover, html body .site-header .site-nav :where(.site-nav__link, .site-nav__toggle)[aria-current="page"], html body .site-header .site-nav [data-has-panel].is-open > .site-nav__toggle { border-color: rgba(216, 255, 46, 0.45); background: linear-gradient(135deg, rgba(255, 203, 53, 0.2), rgba(79, 226, 126, 0.14)); color: rgb(255, 255, 255); }
html body .site-header .site-header__actions { justify-content: flex-end; gap: 6px; min-width: max-content; display: flex !important; align-items: center !important; }
html body .site-header .site-header__actions :where(a, button) { box-sizing: border-box; padding: 0px 11px; border: 1px solid rgba(216, 255, 46, 0.22); border-radius: 9px; background: rgb(7, 18, 11); color: rgb(247, 251, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.68rem; font-weight: 900; line-height: 1; text-decoration: none; text-transform: uppercase; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: var(--mf-global-header-control) !important; height: var(--mf-global-header-control) !important; }
html body .site-header .site-header__actions .site-header__cta--media { border-color: rgb(255, 200, 61); background: linear-gradient(135deg, rgb(255, 226, 56), rgb(243, 198, 52)); color: rgb(7, 18, 11); }
html body .site-header .site-header__actions .site-header__search { gap: 4px; }
html body .site-header .site-nav__menu-button { width: var(--mf-global-header-control); display: none !important; padding: 10px !important; }
@media (max-width: 1280px){html body .site-header .site-nav { display: none !important; }}
@media (max-width: 1280px){html body .site-header .site-header__inner { grid-template-columns: auto 1fr auto; }}
@media (max-width: 1280px){html body .site-header .site-nav__menu-button { display: inline-flex !important; }}
@media (max-width: 700px){:root { --mf-global-header-height: 58px; }}
@media (max-width: 700px){html body .site-header .site-header__inner { gap: 8px; padding-top: 6px !important; padding-bottom: 6px !important; }}
@media (max-width: 700px){html body .site-header .site-brand { min-width: 0px; }}
@media (max-width: 700px){html body .site-header .site-brand__logo { flex-basis: 32px; width: 32px !important; height: 32px !important; }}
@media (max-width: 700px){html body .site-header .site-brand__tag, html body .site-header .site-header__cta--media, html body .site-header .site-theme-toggle { display: none !important; }}
@media (max-width: 700px){html body .site-header .site-header__actions :where(a, button) { min-width: var(--mf-global-header-control); padding: 0px 8px; }}
html body .site-header .site-header__inner { gap: 12px; }
html body .site-header .site-brand { flex-shrink: 0; }
@media (max-width: 1280px){html body .site-header .site-nav { display: none !important; }}
@media (max-width: 1280px){html body .site-header .site-nav__menu-button { display: inline-flex !important; }}
@media (max-width: 1280px){html body .site-header .site-header__inner { grid-template-columns: auto 1fr auto; }}
html:root body:is(.mf-page-shell, .mf-system-page, .mf-system-home, .mf-system-stl, .mf-diaspora-layout, .mf-articles-page, .mf-article-page, .mf-media-page, .mf-multimedia-page, .mf-visual-page, .mf-match-center-page, .mf-system-world, .usx-page, .mf-afcon-page, .mf-hbcu-page, .mf-africa-page):not(:is(.mf-contributor-login-route, .mf-contributor-login-v2, .mf-contributor-dashboard, .mf-editor-page, .mf-editorial-console, .mf-admin-page, .mf-account-page, .mf-login-page)) main#main-content { --type-hero: clamp(1.5rem,1.9vw,2rem); --type-section: clamp(1.08rem,1.35vw,1.3rem); --type-card: clamp(.95rem,1.1vw,1.05rem); --space-section: clamp(1rem,1.7vw,1.5rem); --space-section-tight: clamp(.8rem,1.35vw,1.15rem); --space-card: clamp(.75rem,1.2vw,1rem); --space-card-lg: clamp(.85rem,1.4vw,1.1rem); --space-hero: clamp(1rem,1.7vw,1.5rem); --space-gap: clamp(.5rem,1vw,.85rem); --space-gap-lg: clamp(.75rem,1.4vw,1.1rem); --mf-page-title-size: clamp(1.5rem,1.9vw,2rem); --mf-section-title-size: clamp(1.08rem,1.35vw,1.3rem); --mf-shell-section-space: clamp(1rem,1.7vw,1.5rem); --mf-compact-hero-padding: clamp(1rem,1.7vw,1.5rem); }
html:root body:is(.mf-system-home, .mf-system-stl, .mf-articles-page, .mf-visual-page, .mf-match-center-page, .usx-page, .mf-afcon-page, .mf-hbcu-page, .mf-africa-page, .mf-diaspora-layout:not(.mf-player-tracker-golden):not(.mf-tracker-map-page)) main#main-content { font-size: 15px; }
html:root body:is(.mf-page-shell, .mf-system-page, .mf-system-home, .mf-system-stl, .mf-diaspora-layout, .mf-articles-page, .mf-article-page, .mf-media-page, .mf-multimedia-page, .mf-visual-page, .mf-match-center-page, .mf-system-world, .usx-page, .mf-afcon-page, .mf-hbcu-page, .mf-africa-page):not(:is(.mf-contributor-login-route, .mf-contributor-login-v2, .mf-contributor-dashboard, .mf-editor-page, .mf-editorial-console, .mf-admin-page, .mf-account-page, .mf-login-page)) main#main-content#main-content#main-content#main-content :is(h1, .mf-unified-hero-title, .mf-core-title, .vd-title) { font-size: clamp(24px, 1.9vw, 32px) !important; line-height: 1.08 !important; margin-block: 0px 0.5rem !important; }
html:root body:is(.mf-page-shell, .mf-system-page, .mf-system-home, .mf-system-stl, .mf-diaspora-layout, .mf-articles-page, .mf-article-page, .mf-media-page, .mf-multimedia-page, .mf-visual-page, .mf-match-center-page, .mf-system-world, .usx-page, .mf-afcon-page, .mf-hbcu-page, .mf-africa-page):not(:is(.mf-contributor-login-route, .mf-contributor-login-v2, .mf-contributor-dashboard, .mf-editor-page, .mf-editorial-console, .mf-admin-page, .mf-account-page, .mf-login-page)) main#main-content#main-content :is(.six-home-hero__inner, .mf-v22-hero__grid, .stl-city-hero > .stl-container, .vd-hero__grid, .mf-mc-hero > .mf-mc-shell, .mf-d2-intro, .mf-map-hero, .mf-hs-hero__grid, .mf-hscl-hero__grid, .usx-hero__inner, .desk-hero > .desk-shell, .mf-worldcup-hero__inner, .mf-people-hero__grid, .mf-core-hero__grid) { padding-block: clamp(1rem, 1.7vw, 1.5rem) !important; }
@layer mfOwnerCompact{html:root body:is(.mf-page-shell, .mf-system-page, .mf-brand-v2) main :is(h1, .mf-unified-hero-title, .mf-core-title, .vd-title) { font-size: clamp(24px, 1.9vw, 32px) !important; line-height: 1.12 !important; }}
@layer mfOwnerCompact{html:root body:is(.mf-page-shell, .mf-system-page, .mf-brand-v2) main h2:not(#mf-hscl-2026-board h2):not(.mf-map-panel h2):not(.mf-map-detail h2):not(.mf-ptg-map h2) { font-size: clamp(18px, 1.35vw, 21px) !important; line-height: 1.2 !important; }}
@layer mfOwnerCompact{html:root body:is(.mf-page-shell, .mf-system-page, .mf-brand-v2) main h3:not(#mf-hscl-2026-board h3):not(.mf-map-panel h3):not(.mf-map-detail h3):not(.mf-ptg-map h3) { font-size: clamp(15px, 1.1vw, 17px) !important; line-height: 1.3 !important; }}

/* Original stylesheet: assets/css/home-stories-cta-v2.css */
/* Keep the existing stories gradient readable and its link target usable. */
@layer mfOwnerCompact {
  body.mf-home-v22 section.mf-newsroom-home[data-home-module="stories"] .mf-newsroom-home__head > a.mf-conversion-primary {
    color: #071007 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    min-width: 44px !important;
    padding-inline: 12px !important;
    transition-property: border-color, background, transform, box-shadow !important;
  }
}