/* Stile editoriale per le Dashboard dei namespace-archivio.
Caricato via <templatestyles> sulla pagina, agganciato al wrapper .archivio-editoriale. Usa le variabili Citizen → coerente col tema dark e con qualunque skin. Accent per-archivio via --ns-accent sul wrapper. */
.archivio-editoriale { color: var( --color-base, #fff ); --ns-accent: var( --color-link-red, var( --color-destructive, #d33 ) ); }
/* Occhiello / cappello identitario */ .archivio-editoriale .occhiello { margin: 0 0 .7rem; font-size: .9rem; letter-spacing: .04em; color: var( --color-base--subtle, #b8b8b8 ); opacity: .85; }
/* Riga di lancio */ .archivio-editoriale .lead { margin: 0 0 2.4rem; max-width: 46em; font-size: 1.2rem; line-height: 1.55; color: var( --color-base--subtle, #b8b8b8 ); }
/* Striscia di metriche (sostituisce la wikitable di stato) */ .archivio-editoriale .metriche { display: flex; flex-wrap: wrap; gap: 2.6rem; margin: 0 0 1.6rem; padding: 0; } .archivio-editoriale .metrica-num { font-size: 2.2rem; line-height: 1; font-weight: 600; letter-spacing: -.02em; } .archivio-editoriale .metrica-label { margin-top: .4rem; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: var( --color-base--subtle, #b8b8b8 ); }
/* Nota di stato sotto le metriche */ .archivio-editoriale .stato-nota { margin: 0 0 3rem; max-width: 52em; font-size: .98rem; line-height: 1.5; color: var( --color-base--subtle, #b8b8b8 ); } .archivio-editoriale .stato-data { opacity: .7; font-style: italic; }
/* Sezioni: titolo editoriale, separate dallo spazio (non da scatole) */ .archivio-editoriale h2 { margin: 2.6rem 0 1.1rem; padding-top: 1.4rem; border: 0; border-top: 1px solid var( --border-color-base, rgba( 255, 255, 255, .09 ) ); font-size: 1.45rem; font-weight: 600; letter-spacing: -.01em; }
/* Liste-link: un solo idioma, niente puntini, ritmo dato dal CSS */ .archivio-editoriale ul { margin: 0; padding: 0; list-style: none; display: grid; gap: .75rem; } .archivio-editoriale li { margin: 0; padding: 0; line-height: 1.5; color: var( --color-base--subtle, #b8b8b8 ); } .archivio-editoriale li a { font-weight: 600; color: var( --ns-accent ); text-decoration: none; } .archivio-editoriale li a:hover { text-decoration: underline; }
@media ( max-width: 720px ) { .archivio-editoriale .metriche { gap: 1.6rem 2rem; } .archivio-editoriale .metrica-num { font-size: 1.8rem; } }