/* STATO DEL MONDO — foglio unico, tema notte, tutto squadrato. */

@font-face { font-family: "Plex Sans"; src: url("fonts/plex-sans-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Plex Sans"; src: url("fonts/plex-sans-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Plex Sans"; src: url("fonts/plex-sans-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Plex Cond"; src: url("fonts/plex-cond-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Plex Mono"; src: url("fonts/plex-mono-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Plex Mono"; src: url("fonts/plex-mono-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }

:root {
  --fondo: #0a0c10;
  --fondo2: #0d1016;
  --pannello: #11151c;
  --pannello2: #161b24;
  --bordo: #232b37;
  --bordo2: #2f3947;
  --testo: #e9e6df;
  --tenue: #96a0ae;
  --tenue2: #6d7784;
  --accento: #ff5a36;
  --verde: #47a877;
  --giallo: #c9a227;
  --arancio: #e0771f;
  --rosso: #e2452e;
  --blu: #5d8fb9;
  --grigio: #7f8fa1;
}

*, *::before, *::after { box-sizing: border-box; border-radius: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--fondo); color: var(--testo);
  font: 400 15px/1.62 "Plex Sans", "Helvetica Neue", Arial, sans-serif;
  font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--accento); }
p { margin: 0 0 1.05em; }
h1, h2, h3, h4 { margin: 0; font-weight: 600; }
ul, ol { margin: 0; padding: 0; list-style: none; }
hr { border: 0; border-top: 1px solid var(--bordo); margin: 0; }

.mono { font-family: "Plex Mono", ui-monospace, monospace; }
.occhio { font-family: "Plex Mono", monospace; font-size: 11px; font-weight: 500;
  letter-spacing: .13em; text-transform: uppercase; color: var(--tenue2); }
.shell { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 28px; }

/* ---------- testata ---------- */
.top { position: sticky; top: 0; z-index: 40; background: rgba(10,12,16,.94);
  border-bottom: 1px solid var(--bordo); backdrop-filter: blur(8px); }
.top-riga { display: flex; align-items: center; gap: 26px; height: 66px; }
.marchio { display: flex; align-items: center; gap: 11px; min-width: 0; }
.marchio svg { flex: 0 0 auto; }
.marchio .nome { font-family: "Plex Cond", "Plex Sans", sans-serif; font-weight: 600;
  font-size: 21px; letter-spacing: .01em; white-space: nowrap; }
.marchio .nome b { color: var(--accento); font-weight: 600; }
.top .stato { margin-left: auto; display: flex; align-items: center; gap: 10px;
  font-family: "Plex Mono", monospace; font-size: 11.5px; color: var(--tenue);
  white-space: nowrap; }
.punto { width: 6px; height: 6px; background: var(--verde); display: inline-block; }
.punto.vecchio { background: var(--arancio); }
.punto.morto { background: var(--rosso); }
.nav { display: flex; gap: 2px; }
.nav a { padding: 8px 12px; font-family: "Plex Mono", monospace; font-size: 11.5px;
  letter-spacing: .08em; text-transform: uppercase; color: var(--tenue); border: 1px solid transparent; }
.nav a:hover { color: var(--testo); border-color: var(--bordo2); }
.nav a[aria-current="page"] { color: var(--testo); border-color: var(--bordo2); background: var(--pannello); }
.apri { display: none; margin-left: auto; background: none; border: 1px solid var(--bordo2);
  color: var(--testo); font-family: "Plex Mono", monospace; font-size: 11px; padding: 8px 10px;
  text-transform: uppercase; letter-spacing: .1em; cursor: pointer; }

/* ---------- strisce ---------- */
.striscia { border-bottom: 1px solid var(--bordo); background: var(--fondo2); }
.striscia-in { display: flex; flex-wrap: nowrap; white-space: nowrap; align-items: center; gap: 22px; padding: 9px 0; overflow-x: auto;
  font-family: "Plex Mono", monospace; font-size: 11px; letter-spacing: .07em; text-transform: uppercase;
  color: var(--tenue); scrollbar-width: none; }
.striscia-in::-webkit-scrollbar { display: none; }
.striscia-in b { color: var(--testo); font-weight: 500; }
.striscia-in .sep { color: var(--bordo2); }
.et { display: inline-flex; align-items: center; gap: 6px; }
.quad { width: 7px; height: 7px; display: inline-block; }
.q1 { background: var(--grigio); }
.q2 { background: #a9b3bf; }
.q3 { background: var(--giallo); }
.q4 { background: var(--arancio); }
.q5 { background: var(--rosso); }
.qv { background: var(--verde); } .qb { background: var(--blu); } .qy { background: var(--giallo); } .qr { background: var(--rosso); } .qg { background: var(--grigio); }

/* ---------- apertura ---------- */
.apertura { padding: 40px 0 0; }
.apertura-griglia { display: grid; grid-template-columns: minmax(0, 1fr) 336px; gap: 44px; }
.occhiello-testata { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; margin-bottom: 18px; }
.occhiello-testata .et { color: var(--accento); }
.titolo { font-family: "Plex Cond", "Plex Sans", sans-serif; font-weight: 600;
  font-size: clamp(32px, 4.5vw, 58px); line-height: .99; letter-spacing: -.015em; margin: 0 0 18px; }
.titolo a:hover { color: var(--testo); }
.sotto { font-size: 18px; line-height: 1.5; color: #cfcac1; max-width: 62ch; margin-bottom: 20px; }
.meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px;
  font-family: "Plex Mono", monospace; font-size: 11px; letter-spacing: .06em;
  text-transform: uppercase; color: var(--tenue2); padding-bottom: 22px; border-bottom: 1px solid var(--bordo); }
.meta .forte { color: var(--testo); }
.ora { color: var(--accento); }

/* ---------- pannelli ---------- */
.pannello { border: 1px solid var(--bordo); background: var(--pannello); }
.pannello-testa { display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 12px 16px; border-bottom: 1px solid var(--bordo); background: var(--pannello2); }
.pannello-corpo { padding: 16px; }
.delta-riga { display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  padding: 9px 0; border-bottom: 1px solid var(--bordo); }
.delta-riga:last-child { border-bottom: 0; }
.delta-riga .n { font-family: "Plex Mono", monospace; font-size: 22px; font-weight: 500; line-height: 1; }
.delta-riga .t { display: flex; align-items: center; gap: 8px; font-family: "Plex Mono", monospace;
  font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--tenue); }

.cambiamenti { margin: 26px 0 0; border: 1px solid var(--bordo2); background: var(--fondo2); }
.cambiamenti-testa { display: flex; align-items: center; justify-content: space-between;
  padding: 12px 16px; border-bottom: 1px solid var(--bordo2); }
.cambiamenti-testa .occhio { color: var(--accento); }
.cambiamenti ul li { display: grid; grid-template-columns: 118px minmax(0,1fr); gap: 14px;
  padding: 12px 16px; border-bottom: 1px solid var(--bordo); font-size: 14.5px; line-height: 1.45; }
.cambiamenti ul li:last-child { border-bottom: 0; }
.cambiamenti ul li a { border-bottom: 1px solid var(--bordo2); }
.cambiamenti .vuoto { padding: 14px 16px; color: var(--tenue); font-size: 14px; }

.bollo { display: inline-block; padding: 3px 7px; font-family: "Plex Mono", monospace;
  font-size: 10.5px; font-weight: 500; letter-spacing: .09em; text-transform: uppercase;
  border: 1px solid currentColor; line-height: 1.35; white-space: nowrap; }
.b-escalation { color: var(--rosso); }
.b-distensione { color: var(--verde); }
.b-nuovo { color: var(--giallo); }
.b-risolta { color: var(--blu); }
.b-stabile { color: var(--tenue2); }
.b-cat-guerra { color: var(--rosso); }
.b-cat-economia { color: var(--giallo); }
.b-cat-emergenza { color: var(--arancio); }
.b-cat-politica { color: var(--blu); }

/* ---------- corpo articolo ---------- */
.corpo { margin-top: 26px; }
.corpo p { font-size: 16.5px; line-height: 1.68; max-width: 68ch; color: #dcd8d0; }
.corpo p:first-of-type::first-letter { font-family: "Plex Cond", sans-serif; font-size: 3.2em;
  float: left; line-height: .78; padding: 4px 10px 0 0; color: var(--accento); font-weight: 600; }
.corpo .cit { font-family: "Plex Mono", monospace; font-size: 11px; color: var(--tenue2); }
.sezione { margin: 34px 0 0; }
.sezione-testa { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.sezione-testa h2 { font-family: "Plex Cond", sans-serif; font-size: 22px; letter-spacing: .01em; }
.sezione-testa .riga { flex: 1; height: 1px; background: var(--bordo); }

/* ---------- mappa ---------- */
.mappa-blocco { margin: 8px 0 0; border: 1px solid var(--bordo); background: #080a0d; }
.mappa { position: relative; aspect-ratio: 720 / 284; width: 100%; overflow: hidden; }
.mappa img { width: 100%; height: 100%; object-fit: contain; }
.hot { position: absolute; width: 0; height: 0; z-index: 2; }
.hot i { position: absolute; transform: translate(-50%, -50%); width: 9px; height: 9px;
  border-radius: 50%; background: var(--grigio); border: 1px solid #0a0c10;
  box-shadow: 0 0 0 1px rgba(255,255,255,.22); }
.hot:hover i { box-shadow: 0 0 0 2px #fff; }
.hot.s1 i { width: 8px; height: 8px; background: var(--grigio); }
.hot.s2 i { width: 9px; height: 9px; background: #a9b3bf; }
.hot.s3 i { width: 10px; height: 10px; background: var(--giallo); }
.hot.s4 i { width: 12px; height: 12px; background: var(--arancio); }
.hot.s5 i { width: 14px; height: 14px; background: var(--rosso); }
.hot b { position: absolute; transform: translate(-50%, 9px); font-family: "Plex Mono", monospace;
  font-size: 9.5px; letter-spacing: .04em; color: #cfd6df; white-space: nowrap; text-shadow: 0 1px 3px #000; }
.hot[data-tend="escalation"] .onda { position: absolute; transform: translate(-50%,-50%);
  width: 10px; height: 10px; border: 1px solid var(--rosso); animation: battito 2.6s ease-out infinite; }
@keyframes battito { 0% { opacity: .9; transform: translate(-50%,-50%) scale(1); }
  100% { opacity: 0; transform: translate(-50%,-50%) scale(4.2); } }
.legenda { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 11px 14px;
  border-top: 1px solid var(--bordo); font-family: "Plex Mono", monospace; font-size: 10.5px;
  letter-spacing: .06em; text-transform: uppercase; color: var(--tenue2); }

/* ---------- schede situazione ---------- */
.situazioni { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.sit { border: 1px solid var(--bordo); border-left: 3px solid var(--grigio); background: var(--pannello);
  padding: 18px 18px 16px; display: flex; flex-direction: column; gap: 10px; }
.sit.s1 { border-left-color: var(--grigio); } .sit.s2 { border-left-color: #a9b3bf; }
.sit.s3 { border-left-color: var(--giallo); } .sit.s4 { border-left-color: var(--arancio); }
.sit.s5 { border-left-color: var(--rosso); }
.sit-testa { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sit-testa .reg { font-family: "Plex Mono", monospace; font-size: 10.5px; letter-spacing: .08em;
  text-transform: uppercase; color: var(--tenue2); }
.sit h3 { font-family: "Plex Sans", sans-serif; font-size: 19px; font-weight: 600; line-height: 1.2; }
.sit h3 a { border-bottom: 1px solid transparent; }
.sit h3 a:hover { border-bottom-color: var(--bordo2); color: var(--testo); }
.sit .sintesi { font-size: 14.5px; line-height: 1.55; color: #cbc7bf; }
.sit .fatto { font-size: 13.5px; line-height: 1.5; padding-left: 11px; border-left: 2px solid var(--bordo2); color: #b9b5ad; }
.sit .cambia { font-size: 13.5px; line-height: 1.5; color: var(--accento); }
.sit-piede { margin-top: auto; display: flex; align-items: center; justify-content: space-between;
  gap: 10px; padding-top: 10px; border-top: 1px solid var(--bordo);
  font-family: "Plex Mono", monospace; font-size: 10.5px; color: var(--tenue2); }
.sit-piede .sev { display: flex; align-items: center; gap: 3px; }
.sit-piede .sev span { width: 12px; height: 4px; background: var(--bordo2); }
.sit-piede .sev span.on { background: currentColor; }

/* ---------- archivio ---------- */
.tavola { width: 100%; border-collapse: collapse; }
.tavola th { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--bordo2);
  font-family: "Plex Mono", monospace; font-size: 10.5px; font-weight: 500; letter-spacing: .1em;
  text-transform: uppercase; color: var(--tenue2); white-space: nowrap; }
.tavola td { padding: 12px; border-bottom: 1px solid var(--bordo); vertical-align: baseline; font-size: 14.5px; }
.tavola tr:hover td { background: var(--fondo2); }
.tavola .quando { font-family: "Plex Mono", monospace; font-size: 12px; color: var(--tenue); white-space: nowrap; }
.tavola .tit { font-weight: 500; }
.tavola .num { font-family: "Plex Mono", monospace; font-size: 12.5px; text-align: right; white-space: nowrap; }
.tavola td.r, .tavola th.r { text-align: right; }

.lista-update { display: grid; gap: 0; border-top: 1px solid var(--bordo); }
.update-riga { display: grid; grid-template-columns: 92px minmax(0,1fr) auto; gap: 18px;
  padding: 15px 0; border-bottom: 1px solid var(--bordo); align-items: baseline; }
.update-riga .quando { font-family: "Plex Mono", monospace; font-size: 11.5px; color: var(--tenue2); }
.update-riga .tit { font-size: 15.5px; font-weight: 500; line-height: 1.35; }
.update-riga .tit a:hover { color: var(--accento); }
.update-riga .mini { display: flex; gap: 6px; align-items: center; }

/* ---------- schede KPI ---------- */
.kpi { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; background: var(--bordo);
  border: 1px solid var(--bordo); }
.kpi > div { background: var(--pannello); padding: 16px 18px; }
.kpi .n { font-family: "Plex Mono", monospace; font-size: 28px; font-weight: 500; line-height: 1; margin-bottom: 6px; }
.kpi .t { font-family: "Plex Mono", monospace; font-size: 10.5px; letter-spacing: .08em;
  text-transform: uppercase; color: var(--tenue2); }

/* ---------- articolo completo ---------- */
.articolo-testa { padding: 34px 0 0; }
.articolo-copertina { margin: 24px 0 0; border: 1px solid var(--bordo); }
.articolo-copertina img { width: 100%; height: auto; }
.articolo-griglia { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 44px; margin-top: 8px; }
.in-breve { border: 1px solid var(--bordo2); background: var(--pannello); padding: 18px; }
.in-breve h2 { font-family: "Plex Mono", monospace; font-size: 11px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--accento); margin-bottom: 12px; }
.in-breve li { position: relative; padding: 0 0 10px 16px; font-size: 14px; line-height: 1.5; color: #cfcac1; }
.in-breve li::before { content: "→"; position: absolute; left: 0; color: var(--tenue2); font-size: 12px; }
.in-breve li:last-child { padding-bottom: 0; }

.fonti { margin-top: 30px; border-top: 1px solid var(--bordo); padding-top: 18px; }
.fonti li { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 10px; padding: 8px 0;
  border-bottom: 1px solid var(--bordo); font-size: 13.5px; align-items: baseline; }
.fonti .n { font-family: "Plex Mono", monospace; font-size: 11px; color: var(--tenue2); }
.fonti .f { font-family: "Plex Mono", monospace; font-size: 10.5px; letter-spacing: .07em;
  text-transform: uppercase; color: var(--tenue2); }
.fonti a { border-bottom: 1px solid var(--bordo2); }

.pagine { display: flex; justify-content: space-between; gap: 16px; margin: 34px 0 0;
  border-top: 1px solid var(--bordo); padding-top: 18px; }
.pagine a { max-width: 46%; }
.pagine .occhio { display: block; margin-bottom: 6px; }
.pagine .t { font-size: 15px; font-weight: 500; }
.pagine .dx { text-align: right; margin-left: auto; }

/* ---------- metodo / prosa ---------- */
.prosa { max-width: 74ch; padding: 34px 0 0; }
.prosa h1 { font-family: "Plex Cond", sans-serif; font-size: clamp(30px, 4vw, 46px); line-height: 1.02; margin-bottom: 18px; }
.prosa h2 { font-family: "Plex Cond", sans-serif; font-size: 24px; margin: 34px 0 12px; }
.prosa p, .prosa li { font-size: 16px; line-height: 1.66; color: #d7d3cb; }
.prosa ul { margin: 0 0 18px; }
.prosa ul li { position: relative; padding-left: 18px; margin-bottom: 8px; }
.prosa ul li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 1px; background: var(--accento); }
.prosa code { font-family: "Plex Mono", monospace; font-size: 13px; background: var(--pannello2); padding: 2px 5px; }

.avviso { border: 1px solid var(--bordo2); border-left: 3px solid var(--accento);
  background: var(--pannello); padding: 16px 18px; margin: 24px 0; font-size: 14.5px; color: #cfcac1; }
.avviso b { color: var(--testo); }

/* ---------- piede ---------- */
.piede { margin-top: 64px; border-top: 1px solid var(--bordo); background: var(--fondo2); }
.piede-in { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);
  gap: 32px; padding: 34px 0; }
.piede h4 { font-family: "Plex Mono", monospace; font-size: 10.5px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--tenue2); margin-bottom: 12px; }
.piede p, .piede li { font-size: 13px; line-height: 1.55; color: var(--tenue); }
.piede li { padding: 4px 0; }
.piede a:hover { color: var(--testo); }
.piede-fondo { display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: space-between;
  padding: 14px 0 30px; border-top: 1px solid var(--bordo);
  font-family: "Plex Mono", monospace; font-size: 10.5px; letter-spacing: .06em;
  text-transform: uppercase; color: var(--tenue2); }

.vuoto-stato { border: 1px solid var(--bordo); background: var(--pannello); padding: 40px;
  text-align: center; color: var(--tenue); }

/* ---------- mobiledoc ---------- */
@media (max-width: 1040px) {
  .apertura-griglia, .articolo-griglia { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .piede-in { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .kpi { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .nav { display: none; }
  .nav.aperto { display: flex; position: absolute; top: 66px; left: 0; right: 0;
    background: var(--fondo); border-bottom: 1px solid var(--bordo); padding: 8px 16px;
    flex-wrap: wrap; }
  .top-riga { position: relative; }
  .apri { display: block; }
  .top .stato { display: none; }
  .situazioni { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 640px) {
  .shell { padding: 0 16px; }
  body { font-size: 15px; }
  .apertura { padding-top: 24px; }
  .titolo { font-size: clamp(27px, 8.4vw, 40px); }
  .sotto { font-size: 16px; }
  .cambiamenti ul li { grid-template-columns: minmax(0,1fr); gap: 6px; }
  .update-riga { grid-template-columns: 78px minmax(0,1fr); }
  .update-riga .mini { grid-column: 1 / -1; }
  .corpo p { font-size: 16px; }
  .piede-in { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .tavola .nascondi { display: none; }
  .pagine { flex-direction: column; }
  .pagine a, .pagine .dx { max-width: 100%; text-align: left; }
  .prosa { padding-top: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .hot .onda { animation: none; }
}

/* ---------- aggiunte: citazioni, utility, grafici ---------- */
.cit { font-family: "Plex Mono", monospace; font-size: 10.5px; color: var(--accento);
  border-bottom: 1px solid rgba(255,90,54,.35); vertical-align: .25em; line-height: 0; }
.cit:hover { background: var(--accento); color: #0a0c10; }
.cit-muto, .corpo .cit-muto { color: var(--tenue2); border-bottom: 0; cursor: default; }
.avviso-ia { margin: 16px 0 0; padding: 9px 11px; border-left: 2px solid var(--accento);
  background: rgba(255,90,54,.06); font-family: "Plex Mono", monospace; font-size: 11px;
  line-height: 1.65; color: var(--tenue); }
.avviso-ia .et { color: var(--accento); letter-spacing: .08em; text-transform: uppercase; }
.avviso-ia a { border-bottom: 1px solid var(--bordo2); color: inherit; }
.avviso-ia a:hover { color: var(--testo); }
.correzione { margin: 20px 0 0; padding: 12px 14px; border: 1px solid rgba(210,80,60,.5);
  background: rgba(210,80,60,.08); font-family: "Plex Sans", sans-serif; font-size: 13.5px;
  line-height: 1.55; color: #ddd6cc; }
.correzione b { color: #ff8a6a; font-family: "Plex Mono", monospace; font-size: 11px;
  letter-spacing: .08em; text-transform: uppercase; }
.correzione .quando-txt { color: var(--tenue2); }
.mt-6 { margin-top: 6px; } .mt-16 { margin-top: 16px; } .mt-22 { margin-top: 22px; }
.mb-8 { margin-bottom: 8px; }
.conta { font-size: 22px; color: var(--testo); letter-spacing: -.02em; }
.pannello-cambi { border-top: 1px solid var(--bordo); }
.cambia-mini { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 10px;
  padding: 8px 0; border-bottom: 1px solid var(--bordo); font-size: 13px; line-height: 1.45;
  color: #c9c5bd; align-items: start; }
.cambia-mini:last-child { border-bottom: 0; padding-bottom: 0; }
.cambia-mini .bollo { font-size: 9.5px; padding: 2px 5px; }
.spark-riga { border-top: 1px solid var(--bordo); padding-top: 10px; margin-top: 2px; }
.spark-riga svg { width: 100%; height: 24px; }
.segnali li { padding: 9px 0; border-bottom: 1px solid var(--bordo); font-size: 14px; line-height: 1.5; }
.segnali li:last-child { border-bottom: 0; padding-bottom: 0; }
.dettagli { font-family: "Plex Mono", monospace; font-size: 12px; line-height: 1.95; color: var(--tenue); }
.dettagli b { color: var(--testo); font-weight: 500; }
.occhiello-riga { font-family: "Plex Sans", sans-serif; font-size: 12.5px; line-height: 1.45;
  color: var(--tenue2); margin-top: 5px; max-width: 78ch; }
.corpo-sommario p { font-size: 17.5px; color: #e2ded6; }
.sev-num { font-family: "Plex Mono", monospace; }
.sev-num.s5 { color: var(--rosso); } .sev-num.s4 { color: var(--arancio); }
.sev-num.s3 { color: var(--giallo); } .sev-num.s2 { color: #a9b3bf; } .sev-num.s1 { color: var(--grigio); }
.vuoto { color: var(--tenue2); font-size: 14px; padding: 14px 0; }