/* Diario di bordo / Journal (E6-D) — caricato solo dalle pagine del Diario, dopo geofix.css e
   page-hero.css. Ogni selettore comincia da .journal: nulla qui può cambiare altre pagine, Home
   compresa (nav e footer stanno fuori da main.journal).

   Layout editoriale (E6-F, F007, corretto): un solo contenitore fluido al 90% della larghezza
   disponibile (95% sotto i 640 px), senza massimo. Intestazione, metadati, introduzione, corpo,
   copertina e immagini condividono gli stessi margini laterali e sono allineati a sinistra:
   nessun limite di larghezza sui blocchi di testo. */

.journal .container{width:90%}
@media(max-width:640px){.journal .container{width:95%}}
.journal .page-hero h1,.journal .page-hero .hero-subtitle{max-width:none}

.journal .journal-archive{padding-top:48px}
.journal .journal-state{color:var(--muted);font-size:18px;margin:0}
.journal .journal-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,30px)}
.journal .journal-card{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--card),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:22px;overflow:hidden}
.journal .journal-card-media{display:block;aspect-ratio:16/9;background:rgba(255,255,255,.04)}
.journal .journal-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.journal .journal-card-body{padding:clamp(18px,1.6vw,26px);display:flex;flex-direction:column;gap:10px}
.journal .journal-card h2{font-size:clamp(20px,1.45vw,24px);line-height:1.25;letter-spacing:-.01em;margin:0}
.journal .journal-card h2 a{color:var(--text);text-decoration:none}
.journal .journal-card h2 a:hover{text-decoration:underline}
.journal .journal-card h2 a:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}
.journal .journal-card-excerpt{margin:0;color:var(--muted)}
.journal .journal-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0;font-size:14px;color:#9fb6b6}
.journal .journal-byline{color:var(--text);font-weight:650}
.journal .journal-category{display:inline-flex;padding:3px 10px;border-radius:999px;border:1px solid rgba(20,184,166,.28);background:rgba(20,184,166,.12);color:#c8fff7;font-weight:700}
.journal .journal-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:36px}
.journal .journal-pager-status{color:var(--muted);font-size:15px}
@media(max-width:1000px){.journal .journal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.journal .journal-cards{grid-template-columns:1fr}.journal .journal-pager{justify-content:center}}

/* Dettaglio (T003, F007): intestazione, copertina e corpo dal renderer (p, h2, h3, ul, ol, li,
   strong, em, a, figure.journal-figure, img, figcaption) nello stesso contenitore; immagini a
   larghezza piena con proporzioni originali, nessun ritaglio. */
.journal .journal-article-head{padding:44px 0 28px}
.journal .journal-back{margin:0 0 18px}
.journal .journal-back a{color:var(--muted);text-decoration:none}
.journal .journal-back a:hover{color:var(--text)}
.journal .journal-article-head h1{font-size:clamp(34px,4.2vw,62px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 14px}
.journal .journal-subtitle{font-size:clamp(18px,1.8vw,21px);color:var(--muted);margin:0}
.journal .journal-cover{margin:0 auto clamp(28px,3vw,44px)}
.journal .journal-cover img,.journal .journal-figure img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line)}
.journal .journal-cover figcaption,.journal .journal-figure figcaption{margin-top:10px;font-size:14px;color:#9fb6b6}
.journal .journal-body{font-size:18px;line-height:1.72;color:#dceaea}
.journal .journal-body>*{margin:0 0 1.1em}
.journal .journal-body h2{font-size:clamp(26px,3vw,32px);line-height:1.15;letter-spacing:-.02em;color:var(--text);margin:1.6em 0 .6em}
.journal .journal-body h3{font-size:clamp(21px,2.2vw,24px);line-height:1.25;color:var(--text);margin:1.4em 0 .5em}
.journal .journal-body ul,.journal .journal-body ol{padding-left:1.4em}
.journal .journal-body li{margin:.3em 0}
.journal .journal-body strong{color:var(--text)}
.journal .journal-body a{color:#5eead4;text-decoration:underline;text-underline-offset:3px}
.journal .journal-body a:visited{color:#99f6e4}
.journal .journal-body a:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:3px}
.journal .journal-figure{margin:1.6em 0}
.journal .journal-article-foot{padding:18px 0 64px}