/* ============================================================
   STUDIO DEL GOLFO — Layout articolo editoriale
   Griglia editoriale, misura riga 65ch, sobrieta.
   ============================================================ */

.article-hero { padding-block: 3.5rem 2.5rem; border-bottom: var(--sdg-hairline); }
@media (min-width: 1024px) { .article-hero { padding-block: 5rem 3rem; } }
.article-hero__back {
  display: inline-flex; align-items: center; gap: 0.4rem;
  font-size: var(--sdg-text-sm); color: var(--sdg-slate);
  margin-bottom: 2rem;
}
.article-hero__back:hover { color: var(--sdg-ink); }
.article-hero__taglio { font-size: var(--sdg-text-xs); text-transform: uppercase; letter-spacing: 0.2em; color: var(--sdg-clay); }
.article-hero h1 { margin-top: 1rem; font-size: clamp(2rem, 6vw, 3.4rem); max-width: 20ch; text-wrap: balance; }
.article-hero__occhiello { margin-top: 1.5rem; max-width: 62ch; font-size: var(--sdg-text-lg); line-height: 1.6; color: color-mix(in srgb, var(--sdg-ink) 72%, transparent); }
.article-hero__meta { margin-top: 1.5rem; font-size: var(--sdg-text-xs); text-transform: uppercase; letter-spacing: 0.08em; color: var(--sdg-slate); }

.article-body { padding-block: 3rem 4rem; }
@media (min-width: 1024px) { .article-body { padding-block: 4rem 6rem; } }
.article-prose { max-width: 65ch; }
.article-prose p { margin-top: 1.5rem; font-size: 1.1rem; line-height: 1.75; color: color-mix(in srgb, var(--sdg-ink) 88%, transparent); }
.article-prose h2 {
  margin-top: 3rem;
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--sdg-ink);
}
.article-prose ul { margin-top: 1.5rem; padding-left: 0; list-style: none; display: grid; gap: 0.85rem; }
.article-prose li { position: relative; padding-left: 1.5rem; font-size: 1.05rem; line-height: 1.65; color: color-mix(in srgb, var(--sdg-ink) 85%, transparent); }
.article-prose li::before { content: ""; position: absolute; left: 0; top: 0.7em; height: 0.4rem; width: 0.4rem; border-radius: 9999px; background: var(--sdg-clay); }
.article-prose blockquote {
  margin: 2.5rem 0;
  padding-left: 1.5rem;
  border-left: 2px solid var(--sdg-clay);
  font-family: var(--sdg-font-display);
  font-size: clamp(1.4rem, 3.5vw, 1.9rem);
  line-height: 1.3;
  color: var(--sdg-ink);
}
.article-prose .fonte { display: block; margin-top: 0.5rem; font-size: var(--sdg-text-xs); text-transform: uppercase; letter-spacing: 0.04em; color: var(--sdg-slate); }

.article-cta {
  margin-top: 3.5rem;
  padding: 2.5rem;
  border: var(--sdg-hairline);
  border-radius: var(--sdg-radius-card);
  background: var(--sdg-paper-soft);
  max-width: 65ch;
}
.article-cta h3 { font-size: var(--sdg-text-xl); }
.article-cta p { margin-top: 0.75rem; font-size: var(--sdg-text-sm); line-height: 1.6; color: color-mix(in srgb, var(--sdg-ink) 72%, transparent); }
.article-cta a { margin-top: 1.5rem; }

/* Pagine semplici: privacy, grazie */
.simple { padding-block: 4rem 5rem; }
.simple__inner { max-width: 65ch; }
.simple h1 { font-size: clamp(2rem, 6vw, 3rem); }
.simple h2 { margin-top: 2.5rem; font-size: var(--sdg-text-xl); }
.simple p { margin-top: 1.25rem; line-height: 1.7; color: color-mix(in srgb, var(--sdg-ink) 85%, transparent); }
.simple .lead { margin-top: 1.5rem; font-size: var(--sdg-text-lg); color: color-mix(in srgb, var(--sdg-ink) 72%, transparent); }
.simple a.inline { text-decoration: underline; text-underline-offset: 3px; }
.grazie-center { text-align: center; display: grid; place-items: center; min-height: 60vh; }