:root{--acc:#D5372B;--line:rgba(233,230,223,.12);
--se:Spectral,Georgia,'Times New Roman',serif;
--ui:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
--mo:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}
body{margin:0;background:#0E1014;color:#E9E6DF;font:16.5px/1.72 var(--ui);-webkit-font-smoothing:antialiased}

header#hdr{position:sticky;top:0;z-index:50;height:66px;display:flex;align-items:center;
background:rgba(14,16,20,.82);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.10)}
header#hdr .barra{display:flex;align-items:center;justify-content:space-between;width:100%;
max-width:1180px;margin:0 auto;padding:0 32px}
.brand{display:flex;align-items:center;gap:0;text-decoration:none}
.brand svg{display:block;height:34px;width:auto}
nav.main{display:flex;align-items:center;gap:30px}
nav.main a{font-size:13.5px;color:#F2EFE8;text-decoration:none;transition:color .2s;white-space:nowrap;
display:inline-flex;flex-direction:column;align-items:center}
nav.main a:hover{color:#fff}
nav.main a.on{color:#fff;font-weight:600}
/* riserva la larghezza del grassetto: il passaggio di stato non sposta le voci accanto */
nav.main a:not(.btn)::before{content:attr(data-t);font-weight:600;height:0;visibility:hidden;
overflow:hidden;pointer-events:none}
nav.main a.btn{font-family:var(--ui);font-size:13.5px;font-weight:500;padding:9px 18px;border-radius:8px;
border:1px solid #D5372B;background:#D5372B;color:#fff;letter-spacing:.01em;transition:all .2s}
nav.main a.btn:hover{background:#e8452f;border-color:#e8452f;color:#fff}
@media (max-width:900px){
header#hdr{height:auto;padding:12px 0}
header#hdr .barra{flex-wrap:wrap;gap:12px;padding:0 22px}
nav.main{flex-wrap:wrap;gap:18px;font-size:13px}
nav.main a.btn{padding:8px 15px}
}

.wrap{max-width:760px;margin:0 auto;padding:0 26px 110px}
.kick{font:400 11.5px/1 var(--mo);letter-spacing:.22em;text-transform:uppercase;color:var(--acc);margin:74px 0 20px}
.sez{font:400 11.5px/1 var(--mo);letter-spacing:.2em;text-transform:uppercase;color:#8C8A85;margin:56px 0 6px}
.sez-int{color:#AFACA6;font-size:15.5px;margin:0 0 14px;max-width:62ch}
h1{font:400 45px/1.1 var(--se);letter-spacing:-.015em;margin:0 0 20px}
.occhio{font-size:18.5px;line-height:1.62;color:#BDBAB3;margin:0 0 46px;max-width:62ch}
.voce{display:block;text-decoration:none;color:inherit;padding:26px 0;border-top:1px solid var(--line)}
.voce:last-of-type{border-bottom:1px solid var(--line)}
.voce .d{font:400 11px/1 var(--mo);letter-spacing:.16em;text-transform:uppercase;color:#8C8A85}
.voce h2{font:400 27px/1.26 var(--se);margin:12px 0 8px;letter-spacing:-.01em}
.voce:hover h2{color:#fff}
.voce p{margin:0;color:#AFACA6;font-size:15.5px;max-width:64ch}
.coda{margin:44px 0 0;color:#8C8A85;font-size:14.5px;max-width:64ch}
.coda a{color:var(--acc)}
.foot{margin-top:70px;padding-top:24px;border-top:1px solid var(--line);
font:400 12.5px/1.8 var(--mo);color:#7C7A75;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
.foot a{color:#7C7A75;text-decoration:none;margin-right:18px}
@media(max-width:640px){h1{font-size:32px}.wrap{padding:0 18px 70px}.top{padding:22px 18px 0}
}
.bibl-box{margin:0 0 44px;padding:24px 28px 26px;background:rgba(233,230,223,.035);border:1px solid var(--line);border-radius:2px}.bibl-box.coda{margin:52px 0 0}.bibl-box.breve{margin:40px 0 0;padding:22px 28px 24px}.bibl-box.breve p{font-size:15.5px}.bibl-box.breve .bibl-cta{margin-top:16px;padding:11px 22px;font-size:14px}.bibl-box .bibl-k{display:block;font:400 11.5px/1 var(--mo);letter-spacing:.22em;text-transform:uppercase;color:var(--acc);margin-bottom:14px}.bibl-box h2{font:400 23px/1.3 var(--se);letter-spacing:-.01em;margin:0 0 12px;color:#F2EFE8;border:0;padding:0}.bibl-box p{max-width:62ch;color:#BDBAB3;font-size:16px;line-height:1.72;margin:0}.bibl-box ol{max-width:62ch;margin:14px 0 0;padding-left:0;list-style:none;counter-reset:passo}.bibl-box ol li{counter-increment:passo;position:relative;padding-left:34px;margin:12px 0 0;color:#BDBAB3;font-size:16px;line-height:1.7}.bibl-box ol li::before{content:counter(passo);position:absolute;left:0;top:1px;font:400 11.5px/1.6 var(--mo);color:var(--acc);letter-spacing:.1em}.bibl-box ol li b{color:#E9E6DF;font-weight:500}.bibl-box .bibl-cta{display:inline-block;margin:18px 0 0;padding:12px 24px;background:var(--acc);color:#fff;text-decoration:none;border:0;font:600 14.5px/1 var(--ui);border-radius:2px}.bibl-box .bibl-cta:hover{background:#c02f24;color:#fff}@media(max-width:640px){.bibl-box{padding:22px 20px 24px}}
a.brand{color:#E9E6DF}
nav.main .tend{position:relative;display:inline-block}
nav.main .tend>a{cursor:pointer}
nav.main .tend .voci{position:absolute;left:50%;transform:translateX(-50%);top:100%;min-width:290px;
 background:#14171C;border:.5px solid rgba(255,255,255,.16);border-radius:10px;padding:8px 0;margin-top:8px;
 opacity:0;visibility:hidden;transition:opacity .12s;z-index:60;box-shadow:0 18px 40px rgba(0,0,0,.45);text-align:left}
nav.main .tend:hover .voci,nav.main .tend:focus-within .voci{opacity:1;visibility:visible}
nav.main .tend .voci a{display:block;padding:9px 18px;white-space:nowrap;font-size:14px}
nav.main .tend .voci a small{display:block;font-size:11.5px;opacity:.62;margin-top:2px;letter-spacing:.01em}
nav.main .tend .voci a:hover{background:rgba(255,255,255,.05)}
@media(max-width:860px){nav.main .tend .voci{position:static;transform:none;opacity:1;visibility:visible;
 border:0;box-shadow:none;background:transparent;padding:0;min-width:0}nav.main .tend .voci a small{display:none}}
.conto{position:relative;display:inline-flex;align-items:center}
.conto-b{display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  background:transparent;border:1px solid rgba(233,230,223,.20);border-radius:8px;
  padding:7px 12px 7px 8px;color:#E9E6DF;font:500 13.5px/1 Inter,system-ui,sans-serif;
  transition:border-color .2s,color .2s}
.conto-b:hover,.conto-b[aria-expanded="true"]{border-color:rgba(233,230,223,.45);color:#fff}
.conto-i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;
  border-radius:50%;background:#D5372B;color:#fff;font:600 10.5px/1 Inter,system-ui,sans-serif;
  letter-spacing:.03em}
.conto-v{font-size:10px;opacity:.65;transform:translateY(1px)}
.conto-p{position:absolute;right:0;top:calc(100% + 12px);z-index:60;min-width:252px;
  background:#141414;border:1px solid rgba(233,230,223,.16);border-radius:10px;
  padding:14px 0 8px;box-shadow:0 18px 44px rgba(0,0,0,.55);text-align:left}
.conto-p[hidden]{display:none}
.conto-p .conto-id{margin:0 16px 3px;font:500 13.5px/1.45 Inter,system-ui,sans-serif;color:#F2EFE8}
.conto-p .conto-m{margin:0 16px 10px;font:400 11.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
  color:#7C7A75;word-break:break-all}
.conto-p .conto-a2{margin-top:14px}
.conto-p .conto-a{margin:0 16px 12px;padding-top:10px;border-top:1px solid rgba(233,230,223,.10);
  font:400 10.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;
  text-transform:uppercase;color:#D5372B}
.conto-p a{display:block!important;flex-direction:row!important;align-items:stretch!important;
  padding:9px 16px;font:400 13.5px/1.4 Inter,system-ui,sans-serif;color:#E9E6DF;
  text-decoration:none;white-space:normal}
.conto-p a::before{content:none!important;display:none!important}
.conto-p a:hover{background:rgba(233,230,223,.06);color:#fff}
.conto-p .conto-esci{margin-top:6px;padding-top:12px;border-top:1px solid rgba(233,230,223,.10);
  color:#9A968E}
.conto-p .conto-esci:hover{color:#F2EFE8}
/* Osservatorio delle decisioni: aggiunte minime al foglio delle pagine di approfondimento */
.estremi{font:400 12px/1.75 var(--mo);color:#9AA0A8;border-top:1px solid var(--line);
 border-bottom:1px solid var(--line);padding:12px 0;margin:0 0 40px;letter-spacing:.02em}
.wrap h2.par{font:400 23px/1.3 var(--se);letter-spacing:-.01em;margin:36px 0 12px;color:#F2EFE8}
.wrap h2.par .n{font:400 12px/1 var(--mo);color:#9AA0A8;margin-right:10px;letter-spacing:.08em}
.wrap p.testo{font-size:16.5px;line-height:1.74;color:#D6D3CC;margin:0 0 14px;max-width:66ch}
.wrap p.meta{font:400 12.5px/1.6 var(--mo);color:#9AA0A8;margin:40px 0 0;padding-top:16px;
 border-top:1px solid var(--line);letter-spacing:.03em}
.wrap p.avv{font-size:13.5px;line-height:1.6;color:#9AA0A8;font-style:italic;margin:16px 0 0;max-width:66ch}
.voce .d{font:400 11.5px/1.6 var(--mo);color:#9AA0A8;letter-spacing:.1em;text-transform:uppercase}

.wrap p.rinvio{margin:34px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:15px;line-height:1.6;color:#AFACA6}
.wrap p.rinvio a{color:var(--acc);text-decoration:none}
.wrap p.rinvio a:hover{text-decoration:underline}

.wrap .cond{margin:34px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:13.5px;
 display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;line-height:2.1}
.wrap .cond .cond-k{font:400 11px/1 var(--mo);letter-spacing:.12em;text-transform:uppercase;color:#9AA0A8}
.wrap .cond a{color:#BDBAB3;text-decoration:none;border-bottom:1px solid transparent}
.wrap .cond a:hover{color:#F2EFE8;border-bottom-color:rgba(233,230,223,.35)}
.wrap .cond a.cond-pdf{color:var(--acc);margin-left:auto}
@media(max-width:620px){.wrap .cond a.cond-pdf{margin-left:0}}

/* Indice per giornata (proposta B, 17/09/2026): la data si stacca in colonna, i commenti del
   giorno occupano la colonna destra. Rende visibile il blocco quotidiano. */
.gg{display:flex;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}
.gg-c{flex:0 0 76px;text-align:right}
.gg-n{display:block;font:400 32px/1 var(--se);color:#F2EFE8}
.gg-m{display:block;font:400 11px/1.6 var(--mo);letter-spacing:.14em;text-transform:uppercase;color:#9AA0A8}
.gg-q{display:inline-block;margin-top:9px;font:400 10.5px/1 var(--mo);color:var(--acc);
 border:1px solid rgba(213,55,43,.5);border-radius:20px;padding:4px 8px;letter-spacing:.06em}
.gg-r{flex:1 1 auto;min-width:0}
.gg-v{display:block;padding:0 0 16px;margin-bottom:15px;border-bottom:1px dotted rgba(255,255,255,.14);text-decoration:none}
.gg-r .gg-v:last-child{border:0;margin:0;padding:0}
.gg-k{font:400 10.5px/1 var(--mo);letter-spacing:.14em;text-transform:uppercase;color:#9AA0A8}
.gg-k.gg-l{color:var(--acc)}
.gg-v h2{font:400 19px/1.36 var(--se);color:#F2EFE8;margin:7px 0 4px;letter-spacing:-.005em}
.gg-v p{margin:0;color:#9AA0A8;font-size:14.5px;line-height:1.55}
.gg-v:hover h2{color:#fff}
@media(max-width:700px){.gg{display:block;padding:20px 0}
 .gg-c{text-align:left;display:flex;gap:10px;align-items:baseline;margin-bottom:14px}
 .gg-n{font-size:24px}.gg-q{margin-top:0}}

.gg-rif{font:400 10.5px/1 var(--mo);letter-spacing:.1em;text-transform:uppercase;color:#9AA0A8}
.gg-rif:before{content:"\00b7";margin:0 7px;opacity:.6}

.gg-rif.gg-l{color:var(--acc)}

.wrap .kick-s{opacity:.45;margin:0 2px}
.wrap .kick a{text-decoration:none}

/* interlinea del percorso di navigazione (17/09/2026): l'occhiello del sito ha interlinea 1,
   adatta a una riga sola; con la materia in coda il testo andava a capo senza respiro. */
.wrap p.kick{line-height:1.75;letter-spacing:.16em;max-width:66ch}
.wrap p.kick .kick-s{opacity:.45;margin:0 3px}

/* Lettura da telefono (17/09/2026): la sezione eredita dalla pagina la riduzione di h1 e della
   gabbia a 640px, ma i suoi elementi propri — percorso, estremi, paragrafi numerati, indice per
   giornata, riga di condivisione — vanno tarati a parte. L'80% del traffico arriva da telefono. */
@media (max-width:640px){
  .wrap p.kick{font-size:10.5px;letter-spacing:.12em;line-height:1.85;margin:44px 0 14px}
  .wrap h2.par{font-size:20px;line-height:1.35;margin:28px 0 10px}
  .wrap h2.par .n{font-size:11.5px;margin-right:8px}
  .wrap p.testo{font-size:16px;line-height:1.7;max-width:none}
  .estremi{font-size:11px;line-height:1.85;padding:10px 0;margin-bottom:30px}
  .wrap p.meta,.wrap p.avv{font-size:12.5px}
  .wrap p.rinvio{font-size:14px}
  .wrap .cond{gap:0 14px;font-size:13.5px;line-height:2.3}
  .wrap .cond a.cond-pdf{margin-left:0;width:100%}
  .voce h2{font-size:19px;line-height:1.35}
  .gg{padding:20px 0}
  .gg-v h2{font-size:18px;line-height:1.36}
  .gg-v p{font-size:14px}
  .gg-rif{display:block;margin-top:3px}
  .gg-rif:before{content:none}
}
@media (max-width:420px){
  .wrap h2.par{font-size:19px}
  .gg-n{font-size:26px}
}

/* SEO:CORRELATI (23/09/2026) - rinvii in coda al commento e alla pagina per materia */
.correlati{margin:58px 0 0;padding-top:26px;border-top:1px solid var(--line)}
.correlati .corr-k{font:400 11.5px/1 var(--mo);letter-spacing:.2em;text-transform:uppercase;color:#8C8A85;margin:0 0 14px}
.correlati ul{list-style:none;margin:0 0 30px;padding:0}
.correlati li{margin:0;border-bottom:1px solid var(--line)}
.correlati li a{display:block;padding:14px 0;text-decoration:none;color:inherit}
.correlati li a:hover .corr-t{color:#fff}
.correlati .corr-t{display:block;font:400 19px/1.35 var(--se);color:#E9E6DF}
.correlati .corr-d{display:block;margin-top:4px;color:#AFACA6;font-size:14.5px;line-height:1.55}
/* /SEO:CORRELATI */

/* IMPAGINAZIONE B (12/10/2026) — impaginazione tecnica dei commenti (titoli contenuti, scheda degli estremi, paragrafi in maiuscoletto, massima in evidenza, giustificato con sillabazione) */
/* sezione-b.css (12/10/2026) — impaginazione «tecnica» dei commenti: proposta B, da mostrare a Simmaco prima del rilascio.
   Stessi gettoni della UI kit (Spectral, Inter, Plex Mono, rosso D5372B, fondo 0E1014). Cambiano le misure: titoli
   contenuti, corpo da rivista, scheda degli estremi a righe, paragrafi numerati in maiuscoletto, massima in evidenza. */
.wrap{max-width:820px;padding:0 28px 100px}
.wrap p.kick{font-size:10.5px;letter-spacing:.18em;line-height:1.7;margin:56px 0 18px;color:#9AA0A8}
.wrap p.kick a{color:#9AA0A8}
.wrap p.kick a:first-child{color:var(--acc)}
.wrap h1{font:500 27px/1.3 var(--se);letter-spacing:-.005em;margin:0 0 14px;color:#F2EFE8;max-width:34em}
.wrap p.occhio{font:400 15px/1.6 var(--ui);color:#BDBAB3;margin:0 0 26px;max-width:70ch}

/* scheda degli estremi: una riga per voce, etichetta a sinistra */
.wrap .estremi{display:grid;grid-template-columns:max-content 1fr;column-gap:22px;row-gap:0;
 font:400 12.5px/1.7 var(--ui);color:#C9C6BF;letter-spacing:0;border-top:1px solid rgba(233,230,223,.22);
 border-bottom:1px solid var(--line);padding:12px 0;margin:0 0 34px}
.wrap .estremi br{display:none}
.wrap .estremi .er{display:contents}
.wrap .estremi .ek{font:500 10.5px/2.05 var(--mo);letter-spacing:.14em;text-transform:uppercase;color:#8C8A85;white-space:nowrap}
.wrap .estremi .ev{padding:2px 0}

/* paragrafi numerati: titoli piccoli in maiuscoletto, corpo da rivista */
.wrap h2.par{font:600 12px/1.4 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:#F2EFE8;
 margin:30px 0 8px;padding-top:12px;border-top:1px solid var(--line)}
.wrap h2.par .n{font:500 11px/1 var(--mo);color:var(--acc);margin-right:9px;letter-spacing:.1em}
.wrap p.testo{font:400 15px/1.66 var(--ui);color:#D6D3CC;margin:0 0 11px;max-width:none;
 text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:7 3 3;text-wrap:pretty}
/* la massima (primo paragrafo) in evidenza, come nei massimari */
.wrap h2.par:first-of-type{border-top:0;padding-top:0;margin-top:0}
.wrap h2.par:first-of-type + p.testo,.wrap h2.par:first-of-type + p.testo + p.testo{
 font:400 15.5px/1.62 var(--se);color:#E9E6DF;padding-left:18px;margin-right:0;border-left:2px solid var(--acc)}
.wrap p.meta{font-size:11.5px;margin-top:34px;padding-top:12px}
.wrap p.avv{font-size:12.5px;line-height:1.55;margin-top:10px}
.wrap .cond{margin-top:24px;padding-top:14px;font-size:12.5px;line-height:2}
.wrap .cond .cond-k{font-size:10px}

/* elenco per giornata */
.gg-v h2{font:500 16.5px/1.4 var(--se)}
.gg-v p{font-size:13.5px;line-height:1.5}
.gg-n{font-size:26px}

@media (max-width:640px){
 .wrap p.testo{text-align:left}
 .wrap h1{font-size:22px;line-height:1.32}
 .wrap p.occhio{font-size:14.5px}
 .wrap .estremi{grid-template-columns:1fr;font-size:12px}
 .wrap .estremi .ek{line-height:1.6;margin-top:6px}
 .wrap p.testo{font-size:15px;line-height:1.62;max-width:none}
 .wrap h2.par{font-size:11.5px}
}