/* ==========================================================================
   PROMO DELLA PROSSIMA EDIZIONE DEL FORUM (home e archivio /forum/)
   (prototipo: style.css righe 347-364, 875-876)
   ========================================================================== */
.sb-next {
  display: grid; grid-template-columns: minmax(260px, 5fr) 7fr; gap: clamp(28px, 5vw, 80px); align-items: center;
  margin-bottom: clamp(72px, 9vw, 128px); padding: clamp(32px, 4vw, 56px);
  background: color-mix(in srgb, var(--sb-abyss) 60%, transparent); border: 1px solid color-mix(in srgb, var(--sb-gold-lt) 40%, transparent); border-radius: 6px;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
/* Locandina: formato A verticale */
.sb-next__poster { aspect-ratio: 1 / 1.414; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 24px; text-align: center;
  border: 1px dashed color-mix(in srgb, var(--sb-gold-lt) 70%, transparent); border-radius: 4px;
  background: linear-gradient(160deg, color-mix(in srgb, var(--sb-gold-lt) 10%, transparent), color-mix(in srgb, var(--sb-space-0) 35%, transparent)); }
.sb-next__title { margin-top: 10px; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 560; font-variation-settings: "wdth" 125; line-height: 1; letter-spacing: -.03em; }
.sb-next__theme { margin-top: 18px; font-size: clamp(1.15rem, 1.6vw, 1.4rem); color: var(--sb-text-figure); }
.sb-next__facts { margin-top: 28px; display: grid; gap: 10px; }
.sb-next__facts div { display: grid; grid-template-columns: 6rem 1fr; gap: 16px; padding-top: 10px; border-top: 1px solid var(--sb-line); }
.sb-next__facts dt { color: var(--sb-muted); font-size: .95rem; }
.sb-next__facts dd { margin: 0; }
.sb-next .sb-actions { margin-top: 32px; }
/* Locandina vera al posto del segnaposto; promo senza locandina su una colonna */
.sb-next__poster { padding: 0; border: 0; background: none; }
.sb-next__poster img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.sb-next--no-poster { grid-template-columns: 1fr; }
.sb-next__title a { text-decoration: none; }

@media (max-width: 860px) {
  .sb-next { grid-template-columns: 1fr; gap: 32px; }
  .sb-next__poster { width: 100%; max-width: 320px; }
}