/* =========================================================
   SJUKEST.NO V5 — mobile-first editorial refinement
   Keeps the V4 palette, removes score-card aesthetics and
   gives stories a continuous narrative rhythm.
   ========================================================= */

:root{
  --v5-paper:#f7f1e6;
  --v5-sheet:#fffdf8;
  --v5-ink:#171717;
  --v5-muted:#6c655d;
  --v5-line:#d7cec0;
  --v5-yellow:#f2c600;
  --v5-red:#c9272f;
  --v5-teal:#2d7476;
  --v5-soft:#efe6d8;
  --v5-shadow:0 10px 28px rgba(41,33,24,.08);
}

body{background:var(--v5-paper)}
.main-v5{padding-top:18px;padding-bottom:46px}

/* ---------- cleaner masthead / mobile behavior ---------- */
@media(max-width:620px){
  .topline-v4{display:none}
  .masthead-v4{border-bottom:1px solid var(--v5-line)}
  .masthead-v4-inner{padding:7px 12px 9px!important;gap:0!important}
  .logo-v4{height:74px!important;margin:0 auto 3px;max-width:430px}
  .logo-v4 img{height:72px!important;width:100%!important;object-fit:contain!important;object-position:center!important}
  .masthead-v4-actions{display:grid!important;grid-template-columns:1fr auto;gap:8px!important;align-items:center}
  .masthead-v4-member{margin:0!important;min-width:0}
  .member-btn{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:10px!important;padding:9px 8px!important;box-shadow:none!important;border-width:1px!important}
  .member-link{display:none}
  .search-form-v4{grid-column:1/-1!important;width:100%;margin:0!important}
  .search-form-v4 input{font-size:16px!important;padding:11px 12px!important}
  .search-form-v4 button{min-width:58px}
  .masthead-v4-note{grid-column:2!important;grid-row:1!important;margin:0!important;text-align:right!important;font-size:10px!important;white-space:nowrap}
  .masthead-v4-note a{display:none}
  .navbar-v4{position:sticky;top:0;z-index:50;border-bottom:2px solid var(--v5-ink)}
  .navrow-v4{padding-left:8px;padding-right:8px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
  .navrow-v4 a{scroll-snap-align:start;padding:11px 12px!important;font-size:10px!important}
  .navrow-v4 .brand-mini{display:none}
  .ticker-v4 .page{padding-left:8px!important;padding-right:8px!important;gap:8px!important}
  .ticker-v4 .ticker-label{padding:5px 8px!important;font-size:10px!important}
  .ticker-v4 .ticker-track{font-size:11px!important;gap:18px!important}
}

/* ---------- front page ---------- */
.front-v5{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:26px;align-items:start}
.hero-v5{background:var(--v5-sheet);border:1px solid var(--v5-line);box-shadow:var(--v5-shadow);overflow:hidden}
.hero-v5-image{display:block;position:relative;background:#ddd5c8;text-decoration:none}
.hero-v5-image img{width:100%;display:block;aspect-ratio:16/8.4;object-fit:cover}
.hero-v5-image span{position:absolute;right:10px;bottom:8px;background:rgba(255,253,248,.93);border:1px solid var(--v5-ink);padding:4px 6px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.hero-v5-body{padding:20px 22px 22px}
.hero-v5-meta-top{display:flex;align-items:center;gap:12px;color:var(--v5-muted);font-size:11px;margin-bottom:8px}
.hero-v5 h1{font:900 clamp(38px,4.6vw,66px)/.96 Georgia,serif;letter-spacing:-.045em;margin:8px 0 11px}
.hero-v5 h1 a{text-decoration:none}
.hero-v5 h1 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.hero-v5-deck{font:700 20px/1.34 Georgia,serif;margin:0 0 13px;color:#27231f}
.hero-v5-flow{font:15px/1.56 Georgia,serif;color:#49433c;margin:0 0 12px;max-width:78ch}
.hero-v5-source{font-size:10px;color:var(--v5-muted);margin:0 0 14px}
.primary-v5{display:inline-flex;align-items:center;justify-content:center;background:var(--v5-ink);color:#fff;text-decoration:none;font-weight:1000;font-size:12px;padding:11px 14px;border-bottom:4px solid var(--v5-yellow)}
.primary-v5:hover{background:#292929}
.ghost-v5{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;color:inherit;text-decoration:none;font-weight:900;font-size:12px;padding:10px 13px}

.front-rail-v5{display:grid;gap:12px}
.rail-heading-v5{display:flex;justify-content:space-between;align-items:end;border-bottom:4px solid var(--v5-ink);padding-bottom:7px}
.rail-heading-v5 span{font:1000 18px/1 Arial,sans-serif}
.rail-heading-v5 small{color:var(--v5-muted);font-size:10px}
.brief-swipe-v5{display:grid;gap:0;background:var(--v5-sheet);border:1px solid var(--v5-line)}
.brief-v5{display:grid;grid-template-columns:104px 1fr;gap:12px;padding:12px;border-bottom:1px solid var(--v5-line)}
.brief-v5:last-child{border-bottom:0}
.brief-v5-img img{width:104px;height:100%;min-height:94px;object-fit:cover;display:block;background:#ddd5c8}
.brief-v5-cat{font-size:9px;font-weight:1000;text-transform:uppercase;color:var(--v5-red)}
.brief-v5 h2{font:900 18px/1.06 Georgia,serif;margin:3px 0 6px;letter-spacing:-.015em}
.brief-v5 h2 a{text-decoration:none}.brief-v5 h2 a:hover{text-decoration:underline}
.brief-v5 p{font-size:11px;line-height:1.38;margin:0;color:#4f4942}
.brief-v5-meta{font-size:9px;color:var(--v5-muted);margin-top:6px}
.compact-watch-v5{background:var(--v5-ink);color:#fff;padding:16px;border-left:7px solid var(--v5-yellow)}
.compact-watch-v5 .eyebrow-v4{color:var(--v5-yellow)}
.compact-watch-v5 h3{font:900 22px/1.06 Georgia,serif;margin:5px 0 7px}
.compact-watch-v5 p{font-size:12px;line-height:1.45;color:#ded7cd;margin:0}

.membership-v5{margin:24px 0 0;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;background:var(--v5-teal);color:#fff;padding:15px 18px;border-left:8px solid var(--v5-yellow)}
.membership-v5 .eyebrow-v4{color:var(--v5-yellow)}
.membership-v5 strong{display:block;font:900 22px/1 Georgia,serif;margin:4px 0 5px}
.membership-v5 p{font-size:12px;line-height:1.4;margin:0;color:#edf7f6}
.membership-v5-actions{display:flex;gap:8px}.membership-v5 .ghost-v5{color:#fff}

.section-head-v5{margin-top:34px;border-top:4px solid var(--v5-ink);padding-top:10px}
.section-head-v5 h2{font-size:30px}
.section-head-v5 p{max-width:62ch}

/* Cards are compact on desktop and newspaper-like on mobile. */
.cards-v5{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card-v5{background:transparent!important;border:0!important;border-top:1px solid var(--v5-line)!important;border-bottom:3px solid var(--v5-ink)!important;padding:10px 0 12px!important;box-shadow:none!important}
.cardlink-v5{text-decoration:none!important}
.card-v5 img{aspect-ratio:16/9!important;border:0!important;background:#ddd5c8}
.card-v5 .tag{margin:9px 0 0!important;transform:none!important;box-shadow:none!important;font-size:8px!important;padding:3px 5px!important}
.card-v5 h3{font:900 20px/1.08 Georgia,serif!important;margin:7px 0 6px!important;letter-spacing:-.018em}
.card-v5>p{font-size:12px!important;line-height:1.42!important;margin:0!important;color:#4c4741!important}
.card-footer-v5{display:flex;justify-content:space-between;gap:8px;color:var(--v5-muted);font-size:9px;margin-top:9px}

/* ---------- weekly / games ---------- */
.weekly-v5{margin-top:42px;background:var(--v5-ink);color:#fff;padding:18px 18px 20px}
.section-head-v5-dark{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;border-top:4px solid var(--v5-yellow);padding-top:10px}
.section-head-v5-dark .eyebrow-v4{color:var(--v5-yellow)}
.section-head-v5-dark h2{font:900 30px/1 Georgia,serif;margin:4px 0 0}.section-head-v5-dark>a{color:var(--v5-yellow);font-weight:900;text-decoration:none;font-size:12px}
.weekly-swipe-v5{display:grid;grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(220px,.6fr));gap:13px}
.weekly-card-v5{background:#272728;padding:16px;border-top:4px solid var(--v5-red)}
.weekly-card-v5 .eyebrow-v4{color:var(--v5-yellow)}
.weekly-card-v5 h3{font:900 20px/1.07 Georgia,serif;margin:6px 0}.weekly-card-v5 p{font-size:12px;line-height:1.42;color:#ddd5ca}.weekly-card-v5 a{color:var(--v5-yellow);font-weight:900;text-decoration:none;font-size:12px}
.weekly-card-featured-v5{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1.15fr);gap:15px;background:var(--v5-sheet);color:var(--v5-ink);border-left:7px solid var(--v5-yellow);border-top:0}
.weekly-card-featured-v5 img{width:100%;height:100%;min-height:210px;object-fit:cover}.weekly-card-featured-v5 p{color:#504a43}
.partileder-v5{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:center;background:#f2eadc;color:var(--v5-ink);margin-top:14px;padding:15px}
.partileder-v5 h3{font:1000 27px/1 Arial,sans-serif;margin:5px 0}.partileder-v5 p{font-size:12px}.partileder-v5 a{color:var(--v5-red);font-weight:900;text-decoration:none}.partileder-v5 img{width:100%;max-height:260px;object-fit:contain;background:#fff;border:1px solid #cabfac}

/* ---------- final perspective ---------- */
.perspective-v5{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-top:38px;border-top:5px solid var(--v5-ink);padding-top:16px}
.perspective-v5 h2{font:900 31px/1 Georgia,serif;margin:5px 0 9px}.perspective-v5-copy>p{font:16px/1.55 Georgia,serif;color:#454038;max-width:66ch}
.tomorrow-v5{background:#fff5c9;padding:16px;border-top:5px solid var(--v5-yellow)}.tomorrow-v5 ul{margin:8px 0 8px;padding-left:18px}.tomorrow-v5 li{font:700 12px/1.35 Georgia,serif;margin:8px 0}.tomorrow-v5 small{font-size:10px;color:#6b6257}

/* ---------- article: continuous flow, no category boxes ---------- */
.story-main-v5{max-width:980px!important;padding-top:22px!important}
.story-v5{max-width:830px;margin:0 auto;background:var(--v5-sheet);border:1px solid var(--v5-line);box-shadow:var(--v5-shadow);padding:0 0 28px}
.story-header-v5{padding:24px 30px 20px}
.story-meta-v5{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--v5-muted);font-size:10px}
.story-meta-v5 .tag{transform:none;box-shadow:none;font-size:9px}
.story-header-v5 h1{font:900 clamp(42px,6vw,72px)/.96 Georgia,serif;letter-spacing:-.045em;margin:12px 0 11px}
.story-lead-v5{font:700 21px/1.36 Georgia,serif;color:#2f2a25;margin:0;max-width:70ch}
.story-figure-v5{margin:0;background:#ddd4c6}.story-figure-v5 img{width:100%;display:block;aspect-ratio:16/8.5;object-fit:cover}.story-figure-v5 figcaption{padding:6px 10px;font-size:9px;color:var(--v5-muted);background:#f2ebdf;border-bottom:1px solid var(--v5-line)}
.story-flow-v5{max-width:680px;margin:26px auto 0;padding:0 26px}
.story-flow-v5 p{font:18px/1.7 Georgia,serif;color:#292621;margin:0 0 1.25em}
.story-flow-v5 p.story-first-v5::first-letter{float:left;font:900 70px/.76 Georgia,serif;padding:9px 8px 0 0;color:var(--v5-red)}
.sickest-v5{max-width:700px;margin:28px auto 8px;background:var(--v5-ink);color:#fff;border-left:9px solid var(--v5-yellow);padding:18px 20px}
.sickest-v5>span{font:1000 10px/1 Arial,sans-serif;letter-spacing:.12em;color:var(--v5-yellow)}
.sickest-v5 p{font:900 22px/1.35 Georgia,serif;margin:7px 0 0;color:#fff}
.sourcebox-v5{max-width:680px;margin:22px auto 0;background:#f3ecdf;border:0;border-top:1px solid var(--v5-line);padding:13px 0;font-size:11px}.sourcebox-v5 a{color:var(--v5-teal);font-weight:900}.sourcebox-v5 small{display:block;margin-top:5px;color:var(--v5-muted);line-height:1.4}
.shareline-v5{max-width:680px;margin:10px auto 0;padding-top:10px;border-top:1px solid var(--v5-line)}

/* ---------- tablet ---------- */
@media(max-width:980px){
  .front-v5{grid-template-columns:1fr}
  .front-rail-v5{grid-template-columns:1fr}.brief-swipe-v5{grid-template-columns:repeat(3,1fr);border:0;background:transparent;gap:12px}.brief-v5{display:block;background:var(--v5-sheet);border:1px solid var(--v5-line)!important;padding:0 0 11px}.brief-v5-img img{width:100%;height:135px}.brief-v5>div{padding:9px 10px 0}.brief-v5 p{display:none}.compact-watch-v5{margin-top:2px}
  .cards-v5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weekly-swipe-v5{grid-template-columns:1fr 1fr}.weekly-card-featured-v5{grid-column:1/-1}.partileder-v5{grid-template-columns:1fr}.partileder-v5 img{max-height:none}
  .perspective-v5{grid-template-columns:1fr}
}

/* ---------- mobile: designed for thumb + reading ---------- */
@media(max-width:620px){
  .page{padding-left:12px!important;padding-right:12px!important}
  .main-v5{padding-top:10px!important;padding-bottom:28px}
  .front-v5{gap:14px}
  .hero-v5{margin-left:-12px;margin-right:-12px;border-left:0;border-right:0;box-shadow:none}
  .hero-v5-image img{aspect-ratio:16/10.2}
  .hero-v5-image span{font-size:7px;right:7px;bottom:6px}
  .hero-v5-body{padding:14px 14px 17px}
  .hero-v5-meta-top{font-size:9px;margin-bottom:4px}.hero-v5 h1{font-size:35px!important;line-height:.99;margin:7px 0 9px}.hero-v5-deck{font-size:17px;line-height:1.34;margin-bottom:10px}.hero-v5-flow{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hero-v5-source{font-size:9px}.primary-v5{min-height:42px;font-size:11px}
  .rail-heading-v5{margin-top:2px}.rail-heading-v5 span{font-size:15px}
  .brief-swipe-v5{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:1px 0 8px;scrollbar-width:none}.brief-swipe-v5::-webkit-scrollbar{display:none}.brief-v5{flex:0 0 78vw;max-width:320px;scroll-snap-align:start;border:1px solid var(--v5-line)!important;border-radius:0}.brief-v5-img img{height:140px}.brief-v5 h2{font-size:19px}.brief-v5 p{display:block;font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .compact-watch-v5{padding:14px}.compact-watch-v5 h3{font-size:20px}.compact-watch-v5 p{font-size:11px}
  .membership-v5{grid-template-columns:1fr;margin:14px -12px 0;padding:14px 13px;border-left-width:6px}.membership-v5 strong{font-size:20px}.membership-v5 p{font-size:11px}.membership-v5-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.membership-v5 .primary-v5,.membership-v5 .ghost-v5{min-height:40px;text-align:center}
  .section-head-v5{margin-top:26px!important;display:block!important}.section-head-v5 h2{font-size:27px!important}.section-head-v5 p{font-size:11px!important;text-align:left!important;margin-top:6px!important}
  .cards-v5{display:block}.card-v5{padding:12px 0!important}.cardlink-v5{display:grid!important;grid-template-columns:118px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:11px;align-items:start}.card-v5 img{grid-row:1/3;width:118px!important;height:88px!important;aspect-ratio:auto!important;object-fit:cover;margin:0!important}.card-v5 .tag{grid-column:2;margin:0 0 4px!important;justify-self:start}.card-v5 h3{grid-column:2;font-size:18px!important;margin:0!important;line-height:1.08!important}.card-v5>p{display:none}.card-footer-v5{margin-left:129px;margin-top:6px;justify-content:flex-start;gap:10px;font-size:8px}.card-footer-v5 span:last-child{display:none}
  .weekly-v5{margin:30px -12px 0;padding:14px 12px 16px}.section-head-v5-dark{align-items:start}.section-head-v5-dark h2{font-size:26px}.section-head-v5-dark>a{padding-top:5px}.weekly-swipe-v5{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;scrollbar-width:none}.weekly-swipe-v5::-webkit-scrollbar{display:none}.weekly-card-v5,.weekly-card-featured-v5{display:block;flex:0 0 84vw;max-width:345px;scroll-snap-align:start;padding:14px}.weekly-card-featured-v5 img{width:100%;height:170px;min-height:0;margin-bottom:12px}.weekly-card-v5 h3{font-size:20px}.partileder-v5{display:block;padding:12px;margin-top:10px}.partileder-v5 h3{font-size:24px}.partileder-v5 img{margin-top:9px}
  .perspective-v5{margin-top:28px;padding-top:12px}.perspective-v5 h2{font-size:27px}.perspective-v5-copy>p{font-size:15px}.tomorrow-v5{padding:14px}

  /* article becomes full-width reading surface */
  .story-main-v5{padding:8px 0 24px!important;max-width:none!important}
  .story-v5{border-left:0;border-right:0;box-shadow:none;margin:0;max-width:none;padding-bottom:20px}
  .story-header-v5{padding:14px 14px 14px}.story-meta-v5{font-size:9px;gap:7px}.story-header-v5 h1{font-size:38px!important;line-height:.99;margin:9px 0}.story-lead-v5{font-size:18px;line-height:1.38}
  .story-figure-v5 img{aspect-ratio:16/10}.story-figure-v5 figcaption{font-size:8px;padding-left:14px;padding-right:14px}
  .story-flow-v5{padding:0 16px;margin-top:20px}.story-flow-v5 p{font-size:17px;line-height:1.66;margin-bottom:1.18em}.story-flow-v5 p.story-first-v5::first-letter{font-size:61px;padding-top:8px}
  .sickest-v5{margin:22px 12px 6px;padding:16px 15px;border-left-width:7px}.sickest-v5 p{font-size:20px;line-height:1.34}
  .sourcebox-v5,.shareline-v5{margin-left:16px;margin-right:16px}.sourcebox-v5{padding:12px 0}
}

@media(max-width:380px){
  .hero-v5 h1{font-size:32px!important}.hero-v5-deck{font-size:16px}.brief-v5{flex-basis:86vw}.weekly-card-v5,.weekly-card-featured-v5{flex-basis:88vw}.cardlink-v5{grid-template-columns:104px minmax(0,1fr)}.card-v5 img{width:104px!important;height:80px!important}.card-footer-v5{margin-left:115px}.story-header-v5 h1{font-size:34px!important}.story-flow-v5 p{font-size:16.5px}
}