/* ==========================================================================
   MAGAZINE (home.php), RICERCA (search.php) E 404
   Apertura e crumbs sono in page.css (prototipo: style.css righe 715-723, 838-866)
   ========================================================================== */

.sb-phero--news { background: linear-gradient(var(--sb-space-0), var(--sb-sea-3)); padding-bottom: var(--sb-pad-l); }
.sb-news-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; }
.sb-news-hero .sb-phero__title { font-size: clamp(3.4rem, 9vw, 8rem); margin-bottom: 20px; }

.sb-news-hero .sb-phero__title--cat { font-size: clamp(2.6rem, 6vw, 5rem); }

.sb-newslist { padding-top: var(--sb-pad-s); padding-bottom: var(--sb-section); }
.sb-newslist__grid { row-gap: var(--sb-pad-l); }
.sb-newslist__empty { max-width: 52ch; color: var(--sb-ink-muted); font-size: 1.1rem; }

/* 404 */
.sb-phero--notfound { background: linear-gradient(var(--sb-space-0), var(--sb-space-1)); }
.sb-notfound { padding-block: var(--sb-section); background: linear-gradient(var(--sb-space-1), var(--sb-abyss)); }

@media (max-width: 860px) {
  .sb-news-hero { grid-template-columns: 1fr; }
}