/* =============================================================================
   Single Article (single.php). Riusa l'hero delle pagine (.cp-page-hero*) e le
   card (.cp-latest-posts*). Qui: colonna di lettura, data, spaziatura contenuto
   e griglia "Articoli correlati".
   ============================================================================= */

/* Header di fallback quando l'articolo NON ha immagine in evidenza. */
.cp-single__header {
    padding-block: var(--cp-sp-12, 96px) var(--cp-sp-6, 32px);
}

/* Colonna di lettura centrata, misura leggibile. */
.cp-single__body {
    width: min(760px, 92%);
    margin-inline: auto;
    padding-block: var(--cp-sp-8, 48px) var(--cp-sp-10, 64px);
}

/* Data di pubblicazione. */
.cp-single__meta {
    margin-bottom: var(--cp-sp-6, 32px);
}
.cp-single__date {
    display: inline-block;
    font-size: var(--cp-fs-small, 14px);
    letter-spacing: var(--cp-tracking-small, -0.28px);
    color: var(--cp-muted, rgba(43, 36, 39, 0.55));
    text-transform: uppercase;
}

/* Corpo articolo: ritmo verticale (base.css azzera i margini di p/heading). */
.cp-single__content > * + * {
    margin-top: var(--cp-sp-5, 24px);
}
.cp-single__content :is(h2, h3, h4) {
    margin-top: var(--cp-sp-8, 48px);
}
.cp-single__content img {
    border-radius: var(--cp-radius-md, 5px);
}

/* ------------------------------ CORRELATI -------------------------------- */
.cp-single__related {
    padding-block: var(--cp-sp-10, 64px) var(--cp-sp-12, 96px);
    border-top: 1px solid var(--cp-muted, rgba(43, 36, 39, 0.15));
}
.cp-single__related-title {
    margin-bottom: var(--cp-sp-8, 48px);
}
.cp-single__related-grid {
    --cp-lp-cols: 3;
    --cp-lp-gap: 24px;
}
@media (max-width: 900px) {
    .cp-single__related-grid { --cp-lp-cols: 2; }
}
@media (max-width: 560px) {
    .cp-single__related-grid { --cp-lp-cols: 1; }
}