/* Look presets chosen in the Newsroom console. Layout, fonts and spacing only;
   colours of pillars are set per pillar, the accent is set in the head. */

/* ---- fonts ---- */
.fonts-modern :is(h1, h2, h3, .dek, .deck, .hub-desc, blockquote, .wordmark-text, .nav-brand-text) { font-family: 'Archivo', sans-serif !important; font-style: normal !important; letter-spacing: -0.005em; }
.fonts-editorial, .fonts-editorial :is(p, li, .most-read h3, .story .dek) { font-family: 'Newsreader', Georgia, serif; }
.fonts-editorial .article-body p { font-size: 1.08em; }

/* ---- spacing ---- */
.density-compact :is(.hero-section, .main-split, .section-band) { padding-top: 22px; padding-bottom: 22px; }
.density-compact .article-list { gap: 14px; }
.density-compact .article-list .story + .story { padding-top: 14px; }
.density-compact .section-grid { gap: 18px; }

/* ---- stories per section ---- */
.bands-2 .section-grid { grid-template-columns: repeat(2, 1fr); }
.bands-4 .section-grid { grid-template-columns: repeat(4, 1fr); }

/* ---- most read hidden ---- */
.main-split.no-aside { grid-template-columns: 1fr; }

/* ---- layout: magazine ---- */
.layout-magazine .hero-grid { grid-template-columns: 1fr; gap: 28px; }
.layout-magazine .hero-secondary { flex-direction: row; gap: 24px; }
.layout-magazine .hero-secondary .story { flex: 1 1 0; min-width: 0; border-top: 0; padding-top: 0; }
.layout-magazine .main-split { grid-template-columns: 1fr; gap: 32px; }
.layout-magazine .article-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 32px; }
.layout-magazine .article-list .story { grid-template-columns: 1fr; border-top: 0; padding-top: 0; }
.layout-magazine .article-list .thumb { aspect-ratio: 16 / 9; }
.layout-magazine .most-read { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px 24px; }

/* ---- layout: headlines (text only) ---- */
.layout-headlines :is(.hero-image, .story-thumb, .thumb) { display: none; }
.layout-headlines .hero-grid { grid-template-columns: 1fr; gap: 18px; }
.layout-headlines .hero-secondary { flex-direction: row; gap: 24px; }
.layout-headlines .hero-secondary .story { flex: 1 1 0; min-width: 0; border-top: 0; padding-top: 0; }
.layout-headlines .article-list .story { grid-template-columns: 1fr; }
.layout-headlines .section-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px 28px; }
.layout-headlines .section-grid .dek { display: none; }

@media (max-width: 820px) {
  .layout-magazine .hero-secondary, .layout-headlines .hero-secondary { flex-direction: column; }
  .layout-magazine .article-list { grid-template-columns: 1fr; }
  .bands-2 .section-grid, .bands-4 .section-grid { grid-template-columns: 1fr; }
}

/* magazine: keep the lead picture a sensible height on wide screens */
.layout-magazine .hero-lead .hero-image { max-height: 520px; overflow: hidden; }
.layout-magazine .hero-lead .hero-image img { width: 100%; height: 520px; object-fit: cover; }
@media (max-width: 820px) { .layout-magazine .hero-lead .hero-image img { height: auto; max-height: 320px; } }