/* Athena Edizioni — Alta Leggibilità: corpo testo in taglia “L”
 * Interviene solo su tipografia e impaginazione, non sui contenuti.
 */

:root{
  /* Scala tipografica fluida */
  --font-size-L: clamp(18px, 1rem + 0.9vw, 22px);
  --font-size-XL: clamp(22px, 1.10rem + 1.60vw, 32px);
  --line-height-body: 1.7;
  --measure: 72ch; /* ~55–75 caratteri per riga */
  --text-color: #111;
  --link-underline-offset: 2px;
}

/* Contenitore leggibile applicato in automatico ai singoli articoli */
.al-prose-L{
  font-size: 20px;                /* fallback */
  font-size: var(--font-size-L);
  line-height: var(--line-height-body);
  max-width: var(--measure);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  color: var(--text-color);
  text-align: left;               /* a bandiera (non giustificato) */
  word-wrap: break-word;
}

/* Spaziature base */
.al-prose-L p{ margin: 0 0 0.85em; }
.al-prose-L ul, .al-prose-L ol{ margin: 0.85em 0 1em 1.25em; }
.al-prose-L li{ margin: 0.35em 0; }

/* Titoli scalati sopra il corpo L */
.al-prose-L h1{ font-size: clamp(28px, 1.2rem + 2.4vw, 42px); line-height: 1.2; margin: 0.6em 0 0.4em; }
.al-prose-L h2{ font-size: clamp(22px, 1rem + 1.6vw, 32px);  line-height: 1.25; margin: 1.2em 0 0.4em; }
.al-prose-L h3{ font-size: clamp(20px, 0.95rem + 1.1vw, 26px);line-height: 1.3;  margin: 1em 0 0.4em; }
.al-prose-L h4, .al-prose-L h5, .al-prose-L h6{ margin: 0.9em 0 0.3em; line-height: 1.3; }

/* Link e evidenziazioni */
.al-prose-L a{ text-decoration: underline; text-underline-offset: var(--link-underline-offset); }
.al-prose-L strong{ font-weight: 700; }
.al-prose-L em{ font-style: italic; }

/* Media e tabelle */
.al-prose-L img, .al-prose-L table, .al-prose-L video, .al-prose-L figure{ max-width: 100%; height: auto; }
.al-prose-L table{ border-collapse: collapse; margin: 0.85em 0; }
.al-prose-L th, .al-prose-L td{ padding: 0.5em; border-bottom: 1px solid #ddd; }

/* Accessibilità visiva */
.al-prose-L :where(p, li, blockquote, figcaption){ color: var(--text-color); }
.al-prose-L blockquote{ margin: 1em 0; padding-left: 1em; border-left: 3px solid #ddd; }

/* Fallback per browser senza clamp() */
@supports not (font-size: clamp(1rem, 2vw, 2rem)){
  .al-prose-L{ font-size: 20px; }
}