/* Sports desk refresh: editorial hierarchy and restrained motion. */
:root {
  --sports-nav:#111318;
  --sports-surface:#fff;
  --sports-line:#dfe1e7;
  --sports-radius:4px;
  --red:#d92720;
}
.topline { background:var(--sports-nav); color:#f7f7fa; }
.masthead { background:#fff; border-bottom:1px solid var(--sports-line); box-shadow:0 3px 14px rgba(8,12,22,.06); }
.brand-mark { background:linear-gradient(145deg,#3948ea,#2937d8); }
.nav { border-top:1px solid var(--sports-line); color:#292b33; }
.nav a { transition:color .18s ease; }
.nav a:hover { color:var(--blue); }
.nav-actions { display:flex; align-items:center; gap:14px; margin-left:auto; }
.nav .nav-right { margin-left:0; }
.nav-stats-link { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius:3px; background:#111318; color:#fff; font-size:10px; letter-spacing:.035em; white-space:nowrap; }
.nav-stats-link:hover { color:#fff !important; background:var(--blue); }
.nav-stats-link:focus-visible { outline:3px solid #6974ed; outline-offset:3px; }
.sport-subnav {
  position:sticky; top:0; z-index:8; display:flex; align-items:center; gap:26px;
  width:min(var(--max),calc(100% - 40px)); margin:0 auto; min-height:46px;
  overflow-x:auto; white-space:nowrap; background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--sports-line); box-shadow:0 5px 14px rgba(15,18,30,.045);
  scrollbar-width:none;
}
.sport-subnav::-webkit-scrollbar { display:none; }
.sport-subnav a {
  position:relative; display:inline-flex; align-items:center; min-height:46px;
  color:#444653; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em;
  transition:color .18s ease;
}
.sport-subnav a:hover,.sport-subnav a[aria-current="page"] { color:var(--blue); }
.sport-subnav a[aria-current="page"]::after {
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--blue);
}
.page { margin-top:24px; }
.lead,.story-card,.wide-story,.latest,.updates,.quote { border-radius:var(--sports-radius); }
.lead { box-shadow:0 8px 26px rgba(15,18,30,.075); }
.lead-image { height:min(38vw,470px); }
.latest { background:#fff; color:var(--ink); border:1px solid var(--sports-line); box-shadow:0 8px 24px rgba(15,18,30,.07); }
.latest-head { background:var(--sports-nav); color:#fff; }
.latest-head small { color:#d7d8df; }
.latest-head small::before { background:#ff514d; box-shadow:0 0 0 0 rgba(255,81,77,.42); animation:livePulse 1.9s ease-out infinite; }
.latest-list { padding:4px 17px 8px; }
.latest-item { border-bottom:1px solid #ececf0; }
.latest-item time { color:#707381; }
.latest-item strong { color:#1b1d24; font-size:15px; }
.latest-item:hover { color:var(--blue); transform:translateX(4px); }
.latest-foot { color:#454754; }
.latest-foot a { background:#f0f1f5; color:var(--blue); transition:background .2s ease,transform .2s ease; }
.latest-foot a:hover { background:#e2e5fb; transform:translateY(-1px); }
.section-heading { margin-top:40px; }
.feature-promo {
  display:grid; grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr); align-items:stretch;
  margin:30px 0 24px; overflow:hidden; color:#f3f2ee; background:#14161a;
  border:1px solid #2e3036; box-shadow:0 12px 34px rgba(14,16,26,.16);
}
.feature-promo-image { position:relative; display:block; min-height:305px; overflow:hidden; background:#15181c; }
.feature-promo-image::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(0deg,rgba(8,9,12,.58),transparent); pointer-events:none; }
.feature-promo-image img { display:block; width:100%; height:100%; min-height:305px; object-fit:cover; transition:transform .5s ease; }
.feature-promo-image:hover img { transform:scale(1.025); }
.feature-promo-image > span { position:absolute; z-index:1; bottom:17px; left:19px; color:#d2e6d8; font-size:9px; font-weight:900; letter-spacing:.17em; }
.feature-promo-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(22px,4vw,52px); }
.feature-promo-copy .mini { color:#a2d2b1; font-size:9px; font-weight:900; letter-spacing:.16em; }
.feature-promo-copy .mini i { display:inline-block; width:4px; height:4px; margin:0 8px 2px; border-radius:50%; background:#df786f; }
.feature-promo-copy h2 { max-width:440px; margin:14px 0 12px; color:#fff; font-size:clamp(27px,3.2vw,43px); line-height:.99; letter-spacing:-.06em; }
.feature-promo-copy p { max-width:450px; margin:0; color:#c4c3c7; font-size:13px; line-height:1.65; }
.feature-promo-link { display:inline-flex; align-items:center; gap:10px; align-self:flex-start; margin-top:22px; color:#a7d8b6; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.feature-promo-link span { font-size:16px; }
.feature-promo-link:hover { color:#fff; }
.cards { gap:17px; }
#saker .editorial-list {
  display:flex; flex-wrap:wrap; align-items:stretch; gap:18px;
  margin-top:22px;
}
#saker .editorial-list > .story-card { display:flex; flex-direction:column; }
#saker .editorial-list > .story-card:nth-of-type(1) { flex:1 1 65%; }
#saker .editorial-list > .story-card:nth-of-type(2) { flex:1 1 calc(35% - 18px); }
#saker .editorial-list > .story-card:nth-of-type(3),
#saker .editorial-list > .story-card:nth-of-type(4),
#saker .editorial-list > .story-card:nth-of-type(5),
#saker .editorial-list > .story-card:nth-of-type(8),
#saker .editorial-list > .story-card:nth-of-type(9),
#saker .editorial-list > .story-card:nth-of-type(10) { flex:1 1 calc(33.333% - 12px); }
#saker .editorial-list > .story-card:nth-of-type(6),
#saker .editorial-list > .story-card:nth-of-type(7) { flex:1 1 calc(50% - 9px); }
#saker .editorial-list > .story-card:nth-of-type(1) .story-img { height:310px; aspect-ratio:auto; }
#saker .editorial-list > .story-card:nth-of-type(2) .story-img { height:185px; aspect-ratio:auto; }
#saker .editorial-list > .story-card:nth-of-type(6),
#saker .editorial-list > .story-card:nth-of-type(7) { flex-direction:row; min-height:235px; }
#saker .editorial-list > .story-card:nth-of-type(6) .story-img,
#saker .editorial-list > .story-card:nth-of-type(7) .story-img { flex:0 0 46%; height:auto; aspect-ratio:auto; }
#saker .editorial-list > .story-card:nth-of-type(6) .story-copy,
#saker .editorial-list > .story-card:nth-of-type(7) .story-copy { align-self:center; }
.story-divider {
  flex:0 0 100%; display:flex; align-items:center; gap:14px;
  margin:12px 0 1px; color:#747786; font-size:10px; font-weight:900;
  letter-spacing:.13em; text-transform:uppercase;
}
.story-divider::after { content:""; height:1px; flex:1; background:#cfd2dc; }
.story-divider span { padding:0 0 0 1px; }
.story-card { border-color:#e2e3e9; box-shadow:0 4px 15px rgba(15,18,30,.045); }
.story-card:hover { transform:translateY(-5px); box-shadow:0 12px 26px rgba(15,18,30,.12); }
.story-img { height:auto; aspect-ratio:16 / 9; }
.story-img img { transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s ease; }
.story-card:hover .story-img img { transform:scale(1.055); filter:brightness(1.04); }
.story-copy h3 { line-height:1.04; }
.wide-story { overflow:hidden; border-color:#e2e3e9; }
.wide-art img { transition:transform .7s cubic-bezier(.2,.8,.2,1); }
.wide-story:hover .wide-art img { transform:scale(1.04); }
.tweet-arrow { transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease; }
.tweet-arrow:hover:not(:disabled) { transform:scale(1.08); box-shadow:0 8px 17px rgba(41,55,216,.22); }
.tweet { border-top-color:var(--blue); border-radius:var(--sports-radius); transition:transform .25s ease,box-shadow .25s ease; }
.tweet:hover { transform:translateY(-4px); box-shadow:0 13px 26px rgba(18,22,55,.12); }
.ticker-dot { animation:livePulse 2s ease-out infinite; }
.article-topline { background:var(--sports-nav); }
.article-header { border-bottom:0; }
.article-brand .brand-mark { background:linear-gradient(145deg,#3948ea,#2937d8); }
.article-layout {
  width:min(var(--max),calc(100% - 40px)); margin:34px auto 0;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(200px,280px);
  gap:42px; align-items:start;
}
.article-main { grid-column:1; grid-row:1; min-width:0; }
.article-rail {
  grid-column:2; grid-row:1; position:sticky; top:66px; margin-top:82px;
  padding:21px 20px 18px; background:#fff; border:1px solid var(--sports-line);
  border-top:4px solid var(--blue); box-shadow:0 7px 22px rgba(15,18,30,.055);
}
.article-rail .rail-index { color:var(--blue); font-size:10px; letter-spacing:.11em; }
.article-rail .rail-line { width:100%; height:1px; margin:3px 0; background:var(--sports-line); }
.article-rail a { display:block; padding:12px 0; border-bottom:1px solid #ececf0; color:#292b33; font-size:13px; line-height:1.3; }
.article-rail a:last-child { border-bottom:0; padding-bottom:2px; }
.article-rail a:hover { color:var(--blue); }
.article-main h1 { max-width:740px; font-size:clamp(43px,6.5vw,76px); line-height:.94; }
.article-deck { font-size:clamp(19px,2.2vw,23px); }
.article-meta { display:flex; align-items:center; min-height:43px; border-bottom-color:var(--sports-line); }
.article-hero { margin-top:20px; background:#14182e; }
.article-hero img { height:auto; aspect-ratio:16/9; max-height:470px; object-fit:contain; }
.article-hero img[data-fit="cover"] { object-fit:cover; object-position:center 34%; }
.article-body { max-width:68ch; }
.article-body p { font-size:18px; line-height:1.78; }
.article-body h3 { margin-top:40px; }
.article-inline-figure { overflow:hidden; border-radius:6px; }
.article-inline-figure img { aspect-ratio:16/9; border-radius:0; }
.article-inline-figure figcaption { padding:0 2px; }
.related { width:min(var(--max),calc(100% - 40px)); }
.related-card { border-top-width:4px; border-color:var(--sports-line); border-top-color:var(--blue); transition:transform .22s ease,box-shadow .22s ease; }
.related-card:hover { transform:translateY(-3px); box-shadow:0 13px 25px rgba(18,22,55,.12); }
.article-header,.article-main > .article-kicker,.article-main > h1,.article-main > .article-deck,.article-main > .article-meta,.article-main > .article-hero {
  animation:editorialEnter .62s cubic-bezier(.2,.8,.2,1) both;
}
.article-main > h1 { animation-delay:.06s; }
.article-main > .article-deck { animation-delay:.11s; }
.article-main > .article-meta { animation-delay:.16s; }
.article-main > .article-hero { animation-delay:.21s; }
@keyframes editorialEnter { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@keyframes livePulse { 0% { box-shadow:0 0 0 0 rgba(255,81,77,.4); } 70% { box-shadow:0 0 0 6px rgba(255,81,77,0); } 100% { box-shadow:0 0 0 0 rgba(255,81,77,0); } }
@media (prefers-reduced-motion:no-preference) {
  .motion-ready .scroll-reveal { opacity:0; transform:translateY(20px); transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1); transition-delay:calc(var(--reveal-order,0) * 65ms); }
  .motion-ready .scroll-reveal.is-visible { opacity:1; transform:translateY(0); }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}
@media (max-width:900px) {
  .story-card:last-child { display:block; }
  .article-layout { grid-template-columns:minmax(0,1fr) 225px; gap:24px; }
  .article-rail { padding:17px 15px; }
}
@media (max-width:680px) {
  .sport-subnav { width:calc(100% - 28px); gap:21px; min-height:42px; }
  .sport-subnav a { min-height:42px; font-size:10px; }
  .lead-image { height:63vw; }
  #saker .editorial-list > .story-card:nth-of-type(1) { flex-basis:100%; }
  #saker .editorial-list > .story-card:nth-of-type(2) { flex-basis:100%; }
  #saker .editorial-list > .story-card:nth-of-type(1) .story-img { height:58vw; max-height:330px; min-height:220px; }
  #saker .editorial-list > .story-card:nth-of-type(6),
  #saker .editorial-list > .story-card:nth-of-type(7) { flex-direction:column; }
  #saker .editorial-list > .story-card:nth-of-type(6) .story-img,
  #saker .editorial-list > .story-card:nth-of-type(7) .story-img { flex:0 0 auto; height:145px; }
}
@media (max-width:640px) {
  .article-layout { display:flex; flex-direction:column; gap:24px; width:calc(100% - 28px); margin-top:22px; }
  .article-main { order:1; width:100%; }
  .article-rail { order:2; position:static; width:100%; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; }
  .article-rail .rail-index,.article-rail .rail-line { grid-column:1/-1; }
  .article-rail a { font-size:12px; }
  .article-main h1 { font-size:clamp(42px,11.5vw,64px); }
  .article-body p { font-size:16px; }
  .article-hero img { height:auto; min-height:0; }
}
@media (max-width:680px) {
  .latest-item strong { font-size:13px; }
  .story-img { height:auto; }
  .story-card:hover { transform:translateY(-2px); }
}
.nav a { display:inline-flex; align-items:center; min-height:44px; }
:where(a,button):focus-visible { outline:3px solid #4554ee; outline-offset:3px; }
.sport-subnav { overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; }
.wide-story { margin-top:30px; }
.wide-art { min-height:300px; }
.ad-slot { color:#565765; }
.latest-item time { font-size:11px; }
.story-copy .mini,.story-img .score,.ad-slot b { font-size:11px; }
.tweet-head small,.tweet .reactions { color:#646675; font-size:11px; }
@media (max-width:680px) {
  .sport-subnav,.sport-subnav a { min-height:44px; }
  .tweet-carousel { grid-template-columns:44px minmax(0,1fr) 44px; gap:6px; }
  .tweet-arrow { width:44px; height:44px; }
}
@media (max-width:430px) {
  .topline-inner > span:last-child { display:none; }
  #top h1 { font-size:clamp(36px,10vw,42px); line-height:.98; letter-spacing:-.052em; }
}

/* A quieter navigation hierarchy: primary links first, section shortcuts second. */
.nav { gap:26px; font-size:11px; font-weight:750; letter-spacing:.045em; }
.nav a:first-child::after { height:2px; }
.sport-subnav {
  min-height:42px; gap:25px; background:#f1f2f6; border-bottom-color:#d9dce5;
  box-shadow:none;
}
.sport-subnav a { min-height:42px; color:#525565; font-size:12px; font-weight:650; letter-spacing:0; text-transform:none; }
.sport-subnav a::after { height:2px; }
.sport-subnav a:hover { color:#202dbe; }

/* Keep feedback present, but let the content—not the animation—lead. */
.ticker { animation:none; }
.latest-head small::before,.ticker-dot { animation:none; }
.latest-head small::before,.ticker-dot { background:var(--blue); box-shadow:none; }
.latest-item { transition:color .16s ease-out,transform .16s ease-out; }
.latest-item:hover { transform:translateX(2px); }
.story-card { transition:transform .18s ease-out,box-shadow .18s ease-out; }
.story-card:hover { transform:translateY(-2px); box-shadow:0 8px 18px rgba(15,18,30,.09); }
.story-img img { transition:transform .34s ease-out,filter .25s ease-out; }
.story-card:hover .story-img img { transform:scale(1.02); }
.wide-art img { transition:transform .42s ease-out; }
.wide-story:hover .wide-art img { transform:scale(1.015); }
.tweet-arrow { transition:transform .16s ease-out,background .16s ease-out,color .16s ease-out,box-shadow .16s ease-out; }
.tweet-arrow:hover:not(:disabled) { transform:scale(1.03); box-shadow:0 4px 10px rgba(41,55,216,.14); }
.tweet { transition:transform .18s ease-out,box-shadow .18s ease-out; }
.tweet:hover { transform:translateY(-2px); box-shadow:0 8px 18px rgba(18,22,55,.09); }
.related-card { transition:transform .16s ease-out,box-shadow .16s ease-out; }
.related-card:hover { transform:translateY(-2px); box-shadow:0 8px 16px rgba(18,22,55,.09); }
.article-header,.article-main > .article-kicker,.article-main > h1,.article-main > .article-deck,.article-main > .article-meta,.article-main > .article-hero {
  animation-duration:.42s; animation-timing-function:cubic-bezier(.16,1,.3,1);
}
.article-main > h1 { animation-delay:.04s; }
.article-main > .article-deck { animation-delay:.07s; }
.article-main > .article-meta { animation-delay:.1s; }
.article-main > .article-hero { animation-delay:.13s; }
@keyframes editorialEnter { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:no-preference) {
  .motion-ready .scroll-reveal { transform:translateY(8px); transition-duration:.36s; transition-timing-function:cubic-bezier(.16,1,.3,1); transition-delay:calc(var(--reveal-order,0) * 35ms); }
}
@media (max-width:680px) {
  .sport-subnav,.sport-subnav a { min-height:44px; }
  .sport-subnav { gap:21px; }
  .nav { gap:21px; }
}

/* On phones, make every news story a full-width vertical card. */
@media (max-width:680px) {
  #saker .editorial-list {
    display:flex; flex-direction:column; flex-wrap:nowrap; align-items:stretch; gap:14px;
  }
  #saker .editorial-list > article.story-card:nth-of-type(n) {
    display:flex; flex:0 0 auto; flex-direction:column; width:100%; min-width:0;
  }
  #saker .editorial-list > article.story-card:nth-of-type(n) .story-img {
    width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:16 / 9; flex:0 0 auto;
  }
  #saker .editorial-list > article.story-card:nth-of-type(n) .story-img .score {
    max-width:calc(100% - 22px); font-size:11px; line-height:1.25;
  }
  #saker .editorial-list > article.story-card:nth-of-type(n) .story-copy {
    min-width:0; padding:16px 17px 18px;
  }
  #saker .editorial-list > article.story-card:nth-of-type(n) .story-copy .mini {
    font-size:11px; line-height:1.35; letter-spacing:.08em;
  }
  #saker .editorial-list > article.story-card:nth-of-type(n) .story-copy h3 {
    margin:8px 0; font-size:clamp(21px,6vw,25px); line-height:1.08;
    letter-spacing:-.025em; overflow-wrap:anywhere; hyphens:auto;
  }
  #saker .editorial-list > article.story-card:nth-of-type(n) .story-copy p { font-size:14px; line-height:1.5; }
  #saker .editorial-list > article.story-card:nth-of-type(n) .story-open {
    display:inline-flex; align-items:center; min-height:44px; margin-top:8px;
  }
  #saker .editorial-list > .story-divider { flex:0 0 auto; width:100%; margin:14px 0 2px; }
}

/* Make the front page easier to scan: clear section targets and a compact story archive. */
#siste,#overgangssaga,#saker,#eksperter,#reaksjoner { scroll-margin-top:96px; }
.updates-text { color:inherit; text-decoration:none; }
.updates-text:hover span:first-of-type { color:var(--blue); }
.updates-text:focus-visible,.story-archive summary:focus-visible {
  outline:3px solid #4554ee; outline-offset:3px; border-radius:3px;
}
.story-archive { margin-top:22px; }
.story-archive summary {
  min-height:60px; display:flex; align-items:center; gap:12px; padding:0 18px;
  list-style:none; cursor:pointer; background:#fff; border:1px solid #dfe1e7;
  border-left:4px solid var(--blue); box-shadow:0 3px 12px rgba(15,18,30,.04);
  color:var(--ink); font-size:15px; font-weight:850;
}
.story-archive summary::-webkit-details-marker { display:none; }
.story-archive summary small { color:#707381; font-size:12px; font-weight:600; }
.archive-toggle {
  margin-left:auto; width:28px; height:28px; display:grid; place-items:center;
  border:1px solid #dfe1e7; border-radius:50%; color:var(--blue); font-size:18px;
  transition:transform .18s ease;
}
.story-archive[open] .archive-toggle { transform:rotate(45deg); }
.archive-list {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px;
  margin-top:18px;
}
.archive-list > .story-divider { grid-column:1/-1; width:100%; margin:8px 0 0; }
.archive-list > .story-card { min-width:0; }
@media (max-width:680px) {
  .updates-text span:first-of-type { display:block; flex:1; white-space:normal; line-height:1.35; }
  .updates-text .ticker-arrow { display:inline-block; }
  .story-archive summary { min-height:56px; padding:0 13px; font-size:14px; }
  .archive-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .archive-list .story-copy { padding:12px; }
  .archive-list .story-copy h3 { font-size:18px; line-height:1.08; }
  .archive-list .story-copy p { font-size:12px; }
}

.story-img img.match-card-cover { object-fit:cover; object-position:center 26%; }
.article-hero img.match-photo {
  height:auto; min-height:0; max-height:640px; aspect-ratio:auto;
  object-fit:contain; background:#15182f;
}
.article-inline-figure img.match-photo {
  height:auto; max-height:570px; aspect-ratio:auto; object-fit:contain;
  background:#15182f; border-radius:4px;
}

/* Shared, accessible image enlargement for the front page and every article. */
#article-page img { cursor:zoom-in; }
.image-viewer-open { overflow:hidden; }
.image-viewer {
  position:fixed; inset:0; z-index:10000; display:grid; place-items:center;
  padding:64px 24px 30px; background:rgba(8,10,20,.66); backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.image-viewer[hidden] { display:none; }
.image-viewer-close {
  position:fixed; top:18px; right:20px; z-index:1; width:46px; height:46px;
  border:1px solid rgba(255,255,255,.48); border-radius:50%; color:#fff;
  background:rgba(20,22,34,.68); font:300 34px/1 Arial,sans-serif; cursor:pointer;
  transition:background .16s ease,transform .16s ease;
}
.image-viewer-close:hover { background:rgba(20,22,34,.95); transform:scale(1.04); }
.image-viewer-close:focus-visible { outline:3px solid #aab1ff; outline-offset:3px; }
.image-viewer-frame {
  display:flex; flex-direction:column; align-items:center; gap:12px; max-width:100%; max-height:100%;
  margin:0; pointer-events:none;
}
.image-viewer-image {
  display:block; width:auto; height:auto; max-width:min(92vw,1200px); max-height:78vh;
  object-fit:contain; border-radius:8px; box-shadow:0 24px 70px rgba(0,0,0,.4); cursor:default;
}
.image-viewer-caption { max-width:min(780px,90vw); color:#fff; font-size:13px; line-height:1.45; text-align:center; text-shadow:0 1px 5px #000; }
.image-viewer-open-story { color:#fff; font-size:13px; font-weight:800; text-decoration:underline; text-underline-offset:3px; pointer-events:auto; }
.image-viewer-open-story[hidden] { display:none; }
@media(max-width:600px) {
  .image-viewer { padding:66px 12px 24px; }
  .image-viewer-close { top:12px; right:12px; width:42px; height:42px; }
  .image-viewer-image { max-width:96vw; max-height:76vh; }
}
@media(prefers-reduced-motion:reduce) { .image-viewer-close { transition:none; } }

/* Homepage hierarchy: let the lead story read as a story before the feed starts. */
.layout { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
.lead.memorial-feature {
  display:grid; grid-template-columns:minmax(0,1.02fr) minmax(300px,.98fr);
  align-items:stretch; overflow:hidden; margin-bottom:24px;
  background:#191a1d; border:1px solid #323337; box-shadow:0 12px 30px rgba(13,15,20,.13);
}
.memorial-feature .lead-image { height:clamp(270px,31vw,370px); min-height:0; }
.memorial-feature .lead-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(24px,4vw,48px); color:#f2f0e9; }
.memorial-feature .section-tag { color:#c6bda9; }
.memorial-feature h1 { max-width:580px; color:#fff; font-size:clamp(36px,4.5vw,59px); line-height:.99; }
.memorial-feature h1 span { color:#ddd4c1; }
.memorial-feature .lead-deck { color:#dedbd4; font-size:clamp(16px,1.7vw,19px); }
.memorial-feature .byline { color:#b5b2aa; border-color:#3b3c40; }
.memorial-feature .byline b { color:#f4f2ec; }
.memorial-feature .read-more { color:#e2d7b7; }
.memorial-feature .image-caption { color:#eee; }
.updates { margin:0 0 18px; }
#siste { margin:0; }
#siste .latest-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 18px; }
#siste .latest-item { padding:15px 0; }
#siste .latest-item:nth-child(n) { border-left:0; padding-left:0; }
#siste .latest-item:nth-child(n+5) { display:none; }
#siste .latest-foot { text-align:right; }
@media(max-width:900px) {
  .lead.memorial-feature { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  #siste .latest-list { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:20px; }
  #siste .latest-item:nth-child(n+5) { display:block; }
}
@media(max-width:680px) {
  .lead.memorial-feature { grid-template-columns:1fr; }
  .memorial-feature .lead-copy { order:1; }
  .memorial-feature .lead-image { height:58vw; min-height:240px; max-height:360px; }
  .memorial-feature .lead-image { order:2; }
  .memorial-feature .lead-copy { padding:23px 19px 20px; }
  .memorial-feature h1 { font-size:clamp(35px,10vw,48px); }
  #siste .latest-list { grid-template-columns:1fr 1fr; column-gap:13px; }
  #siste .latest-item:nth-child(n+5) { display:none; }
}
.article-layout { grid-template-columns:minmax(0,760px); gap:0; justify-content:center; }
@media(max-width:900px) { .article-layout { grid-template-columns:minmax(0,760px); gap:0; } }
@media(max-width:640px) { .article-layout { display:block; width:calc(100% - 28px); margin-top:22px; } .article-main { width:100%; } }

/* The transfer saga uses the requested black-and-yellow matchday tape as a section frame. */
.transfer-saga {
  margin:38px 0 6px; overflow:hidden; border:1px solid #c8b15d; background:#fbf8ec;
  box-shadow:0 9px 24px rgba(26,23,12,.09);
}
.transfer-saga-tape {
  min-height:38px; display:flex; align-items:center; justify-content:center;
  background:repeating-linear-gradient(135deg,#f0c62f 0 16px,#171717 16px 32px);
}
.transfer-saga-tape h2,.transfer-saga-tape span {
  margin:0; padding:6px 19px; background:#171717; color:#f6d348;
  border:1px solid #f6d348; font-size:11px; line-height:1.2; font-weight:950;
  letter-spacing:.18em; text-transform:uppercase;
}
.transfer-saga-body { padding:2px 21px 23px; }
.transfer-saga-body .section-heading { margin:25px 0 16px; }
.transfer-saga-body .section-heading::before { background:#d8a900; }
.saga-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:900px) {
  .saga-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:680px) {
  .feature-promo { grid-template-columns:1fr; margin:22px 0 12px; }
  .feature-promo-image,.feature-promo-image img { min-height:0; height:auto; aspect-ratio:16/9; }
  .feature-promo-copy { padding:22px 20px 24px; }
  .feature-promo-copy h2 { max-width:360px; font-size:32px; }
  .feature-promo-copy p { font-size:12px; }
  .transfer-saga { margin:28px 0 2px; }
  .transfer-saga-tape { min-height:32px; }
  .transfer-saga-tape h2,.transfer-saga-tape span { font-size:10px; padding:5px 14px; }
  .transfer-saga-body { padding:1px 12px 16px; }
  .transfer-saga-body .section-heading { display:block; margin:21px 0 13px; }
  .transfer-saga-body .section-heading span { display:block; margin-top:5px; }
  .saga-cards { grid-template-columns:1fr; gap:12px; }
  .saga-cards .story-img { height:auto; aspect-ratio:16/9; }
}
@media (max-width:640px) {
  .article-hero img.match-photo { height:auto; min-height:0; max-height:570px; }
  .article-inline-figure img.match-photo { max-height:520px; }
}