.home-hero{padding-bottom:8rem}.latest-edition{margin:-5rem auto 1rem;padding:0 clamp(1rem,5vw,4rem);max-width:1200px;position:relative;z-index:2}.latest-pedestal{display:grid;grid-template-columns:minmax(240px,390px) 1fr;align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(1.25rem,4vw,3.5rem);border-radius:.8rem;background:linear-gradient(145deg,#fff,#f0ebf3);box-shadow:0 28px 70px #25162f35;border-bottom:12px solid var(--primary)}.latest-cover{display:block;position:relative}.latest-cover:after{content:"";position:absolute;left:8%;right:8%;height:24px;bottom:-18px;background:#24172d55;filter:blur(14px);border-radius:50%;z-index:-1}.latest-cover img{display:block;width:100%;max-height:600px;object-fit:contain;box-shadow:0 20px 45px #21132955;transform:perspective(1000px) rotateY(2deg)}.latest-copy h2{font-size:clamp(2.6rem,6vw,5.5rem);margin:.2rem 0}.latest-meta{font-weight:800;color:var(--primary)}.home-archive>.section-head{margin-top:3rem}.home-archive>.section-head h2{font-size:clamp(2rem,4vw,3.5rem)}.archive-more{text-align:center;padding:1rem 0 3rem}
@media(max-width:760px){.home-hero{padding-bottom:6rem}.latest-pedestal{grid-template-columns:1fr}.latest-cover{max-width:320px;margin:auto}.latest-copy{text-align:center}.latest-copy .actions{justify-content:center;flex-wrap:wrap}}
@media(prefers-color-scheme:dark){.latest-pedestal{background:linear-gradient(145deg,#29212e,#1d171f)}.latest-meta{color:var(--accent)}.latest-copy p,.latest-copy h2{color:var(--dark-text)}}
body.dark .latest-pedestal{background:linear-gradient(145deg,#29212e,#1d171f)}
body.dark .latest-meta{color:var(--accent)}
body.dark .latest-copy p,body.dark .latest-copy h2{color:var(--dark-text)}
body.light .latest-pedestal{background:linear-gradient(145deg,#fff,#f0ebf3)}
body.light .latest-meta{color:var(--primary)}

/* Browse teaser — a KPI row plus one hero figure. No chart, no series, so values wear
   text ink rather than any accent hue. Hero uses the body sans (not the Oswald display
   face) and proportional figures, which read tighter than tabular at display size. */
.archive-teaser{padding-top:1rem;padding-bottom:4rem}
.archive-teaser-inner{max-width:1000px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem);border-radius:.8rem;background:linear-gradient(145deg,#fff,#f4f0f7);box-shadow:0 18px 50px #25162f22;border-top:6px solid var(--primary)}
.archive-teaser h2{margin:.15rem 0 1.25rem;font-size:clamp(1.9rem,4vw,3rem)}
.teaser-hero{margin:0 0 1.75rem;display:flex;flex-direction:column;gap:.15rem}
.teaser-hero-value{font-family:system-ui,-apple-system,sans-serif;font-size:clamp(3rem,8vw,4.75rem);font-weight:650;line-height:1;letter-spacing:-.02em;color:var(--primary)}
.teaser-hero-label{font-size:clamp(.95rem,2vw,1.1rem);color:#5d5268;max-width:34rem}
.teaser-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:1.25rem 1.5rem;margin:0 0 1.75rem;padding:1.5rem 0 0;border-top:1px solid #e2dde8}
.teaser-tile{margin:0}
.teaser-tile dt{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6e6178;margin-bottom:.2rem}
.teaser-tile dd{margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:1.75rem;font-weight:650;line-height:1.1;color:#2c2333}
.teaser-fact{margin:0 0 1.5rem;padding:.9rem 1.1rem;border-left:4px solid var(--secondary);background:#faf8fc;border-radius:0 .4rem .4rem 0;font-size:1rem;line-height:1.55;color:#4a4152}
.teaser-fact a{color:var(--primary);font-weight:700}
.teaser-cta{display:inline-block}
@media(prefers-color-scheme:dark){
  .archive-teaser-inner{background:linear-gradient(145deg,#29212e,#1d171f);box-shadow:0 18px 50px #0006}
  .teaser-hero-value{color:var(--accent)}
  .teaser-hero-label{color:#b7abc4}
  .teaser-tiles{border-top-color:#3d3547}
  .teaser-tile dt{color:#9e90ac}
  .teaser-tile dd{color:var(--dark-text)}
  .teaser-fact{background:#241e2a;color:#c6bcd0}
  .teaser-fact a{color:var(--accent)}
}
body.dark .archive-teaser-inner{background:linear-gradient(145deg,#29212e,#1d171f);box-shadow:0 18px 50px #0006}
body.dark .teaser-hero-value{color:var(--accent)}
body.dark .teaser-hero-label{color:#b7abc4}
body.dark .teaser-tiles{border-top-color:#3d3547}
body.dark .teaser-tile dt{color:#9e90ac}
body.dark .teaser-tile dd{color:var(--dark-text)}
body.dark .teaser-fact{background:#241e2a;color:#c6bcd0}
body.dark .teaser-fact a{color:var(--accent)}
body.light .archive-teaser-inner{background:linear-gradient(145deg,#fff,#f4f0f7)}
body.light .teaser-hero-value{color:var(--primary)}
body.light .teaser-tile dd{color:#2c2333}

/* Random-pick buttons in the Explore area */
.random-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.85rem;margin:0 0 2rem}
.random-pick{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid #e0d8ea;border-radius:.5rem;background:#fff;text-decoration:none;box-shadow:0 6px 18px #25162f10;transition:transform .15s,box-shadow .15s,border-color .15s}
.random-pick:hover,.random-pick:focus-visible{transform:translateY(-2px);box-shadow:0 12px 26px #25162f22;border-color:var(--primary)}
.random-pick-icon{font-size:1.6rem;line-height:1;flex:none}
.random-pick-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.random-pick-text strong{font-size:1rem;color:var(--primary)}
.random-pick-text small{font-size:.8rem;color:#6e6178;line-height:1.35}
@media(prefers-color-scheme:dark){.random-pick{background:#241e2a;border-color:#3d3547;box-shadow:none}.random-pick:hover,.random-pick:focus-visible{border-color:var(--dark-primary)}.random-pick-text strong{color:var(--accent)}.random-pick-text small{color:#a89cb5}}
body.dark .random-pick{background:#241e2a;border-color:#3d3547;box-shadow:none}
body.dark .random-pick:hover,body.dark .random-pick:focus-visible{border-color:var(--dark-primary)}
body.dark .random-pick-text strong{color:var(--accent)}
body.dark .random-pick-text small{color:#a89cb5}
body.light .random-pick{background:#fff;border-color:#e0d8ea}
body.light .random-pick-text strong{color:var(--primary)}
