:root{
  --fci-refresh-ink:#0b2234;
  --fci-refresh-lime:#c9ff28;
  --fci-refresh-orange:#ff5638;
  --fci-refresh-paper:#f7f5ef;
  --fci-refresh-line:#dce3e2;
  --fci-refresh-shadow:0 16px 42px rgba(11,34,52,.10);
}

body{background:var(--fci-refresh-paper)}

/* A calmer, shorter masthead keeps navigation and advertising in view. */
.fci-utility{min-height:30px;padding-block:6px}
.fci-header{height:104px}
.fci-header-inner{gap:clamp(18px,2.4vw,38px)}
.fci-logo{width:275px;flex-basis:275px;padding-right:54px;font-size:42px}
.fci-logo small{bottom:20px}
.fci-main-nav{gap:4px}
.fci-main-nav a{height:48px;min-width:92px;padding-inline:15px;font-size:13px;border-radius:8px}
.fci-search{width:54px}
.fci-tip{padding:15px 18px}
.fci-news-strip{height:38px}

/* Homepage hierarchy. */
.matchday-home .edition-line{padding:25px 0 13px}
.matchday-home .match-lead,.matchday-home .match-mini,.matchday-home .news-mosaic>.angle-card{
  transition:transform .18s ease,box-shadow .18s ease;
}
.matchday-home .match-lead:hover,.matchday-home .match-mini:hover,.matchday-home .news-mosaic>.angle-card:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 48px rgba(11,34,52,.16);
}
.matchday-home .match-copy h1{text-wrap:balance}
.matchday-home .news-mosaic>.angle-card{border-color:rgba(11,34,52,.11)}
.matchday-home .news-mosaic>.angle-card .angle-copy h3{text-wrap:balance}
.matchday-home .fci-briefs{box-shadow:var(--fci-refresh-shadow)}

/* Article pages: stronger hierarchy and a more comfortable reading column. */
.article-layout{gap:48px}
.article-layout .article{margin-top:50px}
.article h1{color:var(--fci-refresh-ink);text-wrap:balance}
.article .dek{max-width:760px;color:#415766}
.article .meta{margin-top:18px;font-weight:700;letter-spacing:.02em}
.article .hero-img{border-radius:4px 32px 4px 4px;box-shadow:var(--fci-refresh-shadow)}
.article-body{color:#263b47}
.article-body p{margin:0 0 1.45em}
.article-body h2{color:var(--fci-refresh-ink);text-wrap:balance}
.source-box{border-radius:0 16px 16px 0}
.related{border-color:var(--fci-refresh-line)}
.related .card{border-radius:16px;box-shadow:0 10px 28px rgba(11,34,52,.08)}

@media(max-width:1100px) and (min-width:761px){
  .fci-header{height:88px}
  .fci-logo{width:220px;flex-basis:220px;font-size:35px}
  .fci-logo small{bottom:15px}
  .fci-main-nav a{padding-inline:10px;font-size:12px}
}

@media(max-width:760px){
  .fci-utility{display:none}
  .fci-header{height:62px}
  .fci-header-inner{padding-inline:12px}
  .fci-logo{height:62px;font-size:27px}
  .fci-mobile-menu nav{top:62px;max-height:calc(100vh - 62px);overflow:auto;box-shadow:0 18px 30px rgba(4,20,31,.28)}
  .fci-news-strip{height:34px}
  .fci-news-strip>strong{flex-basis:88px}
  .fci-transavia-campaign{min-height:66px}

  .matchday-home .edition-line{padding:18px 0 11px}
  .matchday-home .edition-line p{margin-top:5px;font-size:.78rem}
  .home-mobile-cover-tickets{display:none!important}
  .matchday-home .match-lead{height:440px;margin-bottom:12px;border-radius:4px 28px 4px 4px}
  .matchday-home .match-lead:after{inset:10% 0 0;background:linear-gradient(transparent 0,#0b2234 78%)}
  .matchday-home .match-copy{left:18px;right:18px;bottom:20px}
  .matchday-home .match-copy h1{margin:9px 0 8px;font-size:clamp(2rem,10vw,2.65rem);line-height:.94}
  .matchday-home .match-copy p{display:-webkit-box;margin:0 0 10px;font-size:.92rem;line-height:1.35;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .matchday-home .match-copy small{font-size:.7rem}
  .matchday-home .match-stack{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:11px}
  .matchday-home .match-mini{display:grid;height:136px;grid-template-columns:40% minmax(0,1fr);border:1px solid rgba(11,34,52,.1);border-radius:16px;background:#fff;color:var(--fci-refresh-ink)}
  .matchday-home .match-mini img{position:static;width:100%;height:100%;object-fit:cover;background:#173442}
  .matchday-home .match-mini:after{display:none}
  .matchday-home .match-mini>div{position:static;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:13px;color:var(--fci-refresh-ink)}
  .matchday-home .match-mini .tag{align-self:flex-start;padding:5px 7px;font-size:.56rem}
  .matchday-home .match-mini h2{margin-top:7px;font-size:1.03rem;line-height:1.04;-webkit-line-clamp:4}
  .matchday-home .match-stack>.commerce-block[data-position="home_rail"]{height:auto;min-height:186px;border-radius:16px}
  .matchday-home .fci-briefs{margin-top:20px;border-radius:16px}
  .matchday-home .fci-briefs>header{min-height:68px;padding:17px 18px}
  .matchday-home .fci-briefs>header b{font-size:23px}
  .matchday-home .fci-brief-list a{min-height:64px;padding:13px 15px;grid-template-columns:45px 1fr}
  .matchday-home .fci-brief-list a:nth-child(n+5){display:none}
  .matchday-home .match-section{padding-top:34px}
  .matchday-home .headliners-only{align-items:end;gap:12px}
  .matchday-home .headliners-only h2{font-size:clamp(2rem,11vw,3rem)}
  .matchday-home .news-mosaic>.angle-card{border-radius:16px!important;box-shadow:0 10px 28px rgba(11,34,52,.08)}
  .matchday-home .news-mosaic>.angle-card .story-media,
  .matchday-home .news-mosaic>.angle-card:nth-of-type(1) .story-media,
  .matchday-home .news-mosaic>.angle-card:nth-of-type(6) .story-media,
  .matchday-home .news-mosaic>.angle-card:nth-of-type(11) .story-media{height:205px}
  .matchday-home .news-mosaic .angle-copy{padding:16px 17px 19px}
  .matchday-home .news-mosaic .angle-copy h3{font-size:1.22rem;line-height:1.08}
  .matchday-home .news-mosaic .angle-copy p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .home-mobile-headliners-tickets{margin-block:10px 16px}

  .article-layout .article{margin-top:30px}
  .article h1{margin:10px 0 14px;font-size:clamp(2.25rem,10.8vw,3rem);line-height:.96;letter-spacing:-.045em}
  .article .dek{font-size:1.08rem;line-height:1.5}
  .article .meta{margin-top:14px;line-height:1.45}
  .article .hero-img{height:265px;margin:24px 0 10px;border-radius:3px 22px 3px 3px}
  .article-prehero-commerce{display:none}
  .article-mobile-posthero-tickets{margin:14px 0 24px}
  .article-body{font-size:1.08rem;line-height:1.72}
  .article-body h2{margin-top:2.15em;font-size:1.65rem;line-height:1.12}
  .source-box{margin-block:32px;padding:19px}
  .related{margin-top:50px;padding-top:32px}
  .related>h2{font-size:2rem}

  .cookie-notice .cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .cookie-notice .cookie-actions button{width:100%}
}

@media(max-width:380px){
  .matchday-home .match-lead{height:410px}
  .matchday-home .match-mini{grid-template-columns:38% minmax(0,1fr)}
  .matchday-home .match-mini h2{font-size:.96rem}
}

@media(prefers-reduced-motion:reduce){
  .matchday-home .match-lead,.matchday-home .match-mini,.matchday-home .news-mosaic>.angle-card{transition:none}
}