/* Parte Comune
   Impianto: campi pieni di colore a tutta larghezza (rosso, inchiostro, carta) e titoli
   a scala di manifesto, sempre allineati a sinistra. La colonna di lettura resta sobria,
   con le fonti a margine. Ciò che è documento (fonti, date, verifiche) è battuto a macchina
   come nei reel; ciò che è redazione è in Inter. */

@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url(font/inter-regular.woff) format("woff")}
@font-face{font-family:"Inter";font-weight:400;font-style:italic;font-display:swap;src:url(font/inter-italic.woff) format("woff")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url(font/inter-semibold.woff) format("woff")}
@font-face{font-family:"Inter Display";font-weight:900;font-style:normal;font-display:swap;src:url(font/interdisplay-black.woff) format("woff")}
@font-face{font-family:"Latin Modern Mono";font-weight:400;font-style:normal;font-display:swap;src:url(font/lmmono-regular.woff) format("woff")}

:root{
  --fondo:#FBF9F6;
  --carta:#F1EBE3;
  --inchiostro:#1E1B18;
  --testo-2:#5C544B;
  --filo:#DCD3C8;
  --rosso:#C6221A;
  --rosso-testo:#B41D16;
  --su-rosso:#F8F4F0;
  --barra:#8A8177;
  --banda:#1E1B18;
  --su-banda:#F1EBE3;
  --su-banda-2:#C9BFB3;
  --rosso-chiaro:#FF7A6B;
  --rosso-ombra:#B01E17;
  --display:"Inter Display","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --corpo:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --macchina:"Latin Modern Mono","Courier Prime","Courier New",Courier,monospace;
  --colonna:41rem;
  --larghezza:72rem;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --fondo:#161311;--carta:#231E1A;--inchiostro:#F1EBE3;--testo-2:#B3A89C;--filo:#3D352F;
    --rosso:#C6221A;--rosso-testo:#FF8172;--su-rosso:#F8F4F0;--barra:#8F867B;--banda:#0D0B0A;color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --fondo:#161311;--carta:#231E1A;--inchiostro:#F1EBE3;--testo-2:#B3A89C;--filo:#3D352F;
  --rosso:#C6221A;--rosso-testo:#FF8172;--su-rosso:#F8F4F0;--barra:#8F867B;--banda:#0D0B0A;color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--inchiostro);font-family:var(--corpo);font-size:1.0625rem;line-height:1.6;font-feature-settings:"calt","kern"}
img,svg{max-width:100%;height:auto}
a{color:inherit;text-decoration-color:var(--rosso-testo);text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{color:var(--rosso-testo)}
:focus-visible{outline:3px solid var(--rosso-testo);outline-offset:2px}
h1,h2,h3{font-family:var(--display);font-weight:900;letter-spacing:-.018em;line-height:1.08;text-wrap:balance;margin:0}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.cornice{max-width:var(--larghezza);margin-inline:auto;padding-inline:1.125rem}
.salta{position:absolute;left:-999rem}
.salta:focus{left:1rem;top:1rem;background:var(--fondo);padding:.5rem .75rem;z-index:5}
.macchina{font-family:var(--macchina);font-size:.9375rem;line-height:1.4;letter-spacing:0}

/* Testata: una sola fascia rossa con marchio, pulsante e sezioni */
.fascia{background:var(--rosso);color:var(--su-rosso)}
.fascia-riga{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"marchio bottone" "menu menu";align-items:center;column-gap:1rem}
.marchio{grid-area:marchio;display:flex;align-items:flex-end;gap:.6rem;text-decoration:none;color:var(--su-rosso);padding-top:.75rem}
.marchio:hover{color:var(--su-rosso)}
.marchio svg{display:block;height:2.6rem;width:auto;flex:none}
.marchio span{font-family:var(--display);font-weight:900;font-size:clamp(1.3rem,5.8vw,1.7rem);letter-spacing:-.035em;line-height:1;padding-bottom:.3rem;white-space:nowrap}
.fascia .bottone{grid-area:bottone;margin-top:.75rem}
.bottone{display:inline-block;font-family:var(--corpo);font-weight:600;font-size:1rem;line-height:1;padding:.8rem 1.15rem;border-radius:2rem;text-decoration:none;background:var(--rosso);color:var(--su-rosso);border:2px solid var(--rosso)}
.bottone:hover{color:var(--su-rosso);filter:brightness(1.08)}
.bottone-carta{background:var(--su-rosso);color:#B41D16;border-color:var(--su-rosso)}
.bottone-carta:hover{color:#8E1611;filter:none}
.bottone-filo{background:transparent;color:var(--su-rosso);border-color:var(--su-rosso)}
.bottone-filo:hover{background:var(--su-rosso);color:#B41D16;filter:none}
.bottone-grande{font-size:1.125rem;padding:1.05rem 1.7rem}
.menu{grid-area:menu;min-width:0}
.menu ul{display:flex;gap:1.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.menu ul::-webkit-scrollbar{display:none}
.menu a{display:block;padding:.8rem 0 .65rem;font-weight:600;font-size:.9375rem;text-decoration:none;white-space:nowrap;color:var(--su-rosso);border-bottom:3px solid transparent}
.menu a:hover{color:var(--su-rosso);border-bottom-color:rgba(248,244,240,.5)}
.menu a[aria-current]{border-bottom-color:var(--su-rosso)}
.fascia :focus-visible,.apre :focus-visible,.chiamata :focus-visible{outline-color:var(--su-rosso)}
.avviso{background:var(--carta);border-bottom:1px solid var(--filo);padding-block:.6rem}
.avviso p{font-family:var(--macchina);font-size:.9375rem;line-height:1.35}

/* Etichette */
.occhiello{display:flex;flex-wrap:wrap;gap:.35rem .9rem;align-items:baseline;font-weight:600;font-size:.9375rem;line-height:1.3}
.occhiello a{text-decoration:none}
.occhiello .tempo{color:var(--rosso-testo)}
.occhiello .tema{color:var(--testo-2)}
.stato{font-family:var(--macchina);font-size:.875rem;line-height:1.2;padding:.15rem .5rem;border:1px solid var(--inchiostro);border-radius:2rem;white-space:nowrap}
.data{font-family:var(--macchina);font-size:.9375rem;color:var(--testo-2);white-space:nowrap}

/* Pagina iniziale: il manifesto in apertura */
main{display:block}
.apre{background:var(--rosso);color:var(--su-rosso);position:relative;overflow:hidden}
.apre .ombra{position:absolute;right:-5rem;bottom:0;width:min(44rem,78vw);color:var(--rosso-ombra)}
.apre .ombra svg{display:block;width:100%;height:auto}
.apre .cornice{position:relative;display:grid;gap:1.5rem;justify-items:start;padding-block:clamp(2.25rem,6vw,4.5rem) clamp(3rem,8vw,6rem)}
.apre h1{font-size:clamp(3.5rem,14vw,9.75rem);line-height:.87;letter-spacing:-.052em;max-width:6.4em}
.apre .strillo{font-size:clamp(1.15rem,2.3vw,1.5rem);line-height:1.38;max-width:38rem}
.apre .azioni{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.4rem}
.apre .perche{display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:baseline}
.apre .perche a{color:var(--su-rosso);font-weight:600}
.apre .perche a:hover{color:var(--su-rosso);text-decoration-thickness:.14em}
.apre .stato{border-color:var(--su-rosso)}

/* I tre tempi: tre campi di colore, uno per sezione */
.tempi{display:grid}
.riquadro{display:grid;gap:.9rem;align-content:start;padding:2.25rem 1.125rem 2.5rem;min-width:0}
.riquadro h2{font-size:clamp(3.25rem,7vw,4.75rem);line-height:.9;letter-spacing:-.05em}
.riquadro h2 a{text-decoration:none;color:var(--rosso-testo)}
.riquadro .cosa{font-family:var(--macchina);font-size:.9375rem;line-height:1.4;color:var(--testo-2);max-width:24rem}
.riquadro .titolo{font-family:var(--display);font-weight:900;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.05;letter-spacing:-.03em;margin-top:1rem;text-wrap:balance}
.riquadro .titolo a{text-decoration:none}
.riquadro .titolo a:hover{text-decoration:underline}
.riquadro .vuoto{font-size:.9375rem;color:var(--testo-2);margin-top:1rem}
.riquadro-ieri{background:var(--carta)}
.riquadro-oggi{background:var(--banda);color:var(--su-banda)}
.riquadro-oggi h2 a,.riquadro-oggi a:hover{color:var(--rosso-chiaro)}
.riquadro-oggi .cosa,.riquadro-oggi .vuoto{color:var(--su-banda-2)}
.riquadro-domani{background:var(--fondo);border-bottom:1px solid var(--filo)}

/* Ultimi articoli e rassegna */
.novita{display:grid;gap:3rem;padding-block:clamp(2.5rem,6vw,4rem)}
.novita>section{min-width:0}
.colonna-stampa{min-width:0;display:grid;gap:.9rem;align-content:start}
.titolo-sezione{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1;letter-spacing:-.04em}
.titolo-sezione a{text-decoration:none}
.stampa li{display:grid;gap:.15rem;padding-block:.7rem;border-top:1px solid var(--filo)}
.stampa li:last-child{border-bottom:1px solid var(--filo)}
.stampa a{font-weight:600;font-size:1rem;line-height:1.35;text-decoration:none}
.stampa a:hover{text-decoration:underline}
.stampa .da{font-family:var(--macchina);font-size:.875rem;color:var(--testo-2);line-height:1.3}
.nota-piccola{font-size:.875rem;color:var(--testo-2);line-height:1.45}

/* Il numero, su campo scuro */
.banda-numero{background:var(--banda);color:var(--su-banda)}
.banda-numero .cornice{display:grid;gap:2.5rem;padding-block:clamp(3rem,7vw,5.5rem)}
.numero-testo{display:grid;gap:1.1rem;align-content:start;min-width:0}
.banda-numero h2{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1;letter-spacing:-.04em}
.banda-numero h2 a{text-decoration:none}
.banda-numero a:hover{color:var(--rosso-chiaro)}
.banda-numero .cifra{font-family:var(--display);font-weight:900;font-size:clamp(4.75rem,17vw,11.5rem);line-height:.82;letter-spacing:-.06em;color:var(--rosso-chiaro);font-variant-numeric:tabular-nums}
.banda-numero .cosa{font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.34;max-width:33rem}
.banda-numero .leggi{font-weight:600}
.barre{border-collapse:collapse;width:100%;align-self:end;font-family:var(--macchina);font-size:1rem;line-height:1.2;font-variant-numeric:tabular-nums}
.barre caption{text-align:left;color:var(--su-banda-2);padding-bottom:.8rem;line-height:1.35}
.barre th{font-weight:400;text-align:left;white-space:nowrap;padding:.3rem .9rem .3rem 0;width:1%}
.barre .pista{padding:.3rem 0}
.barre .pista span{display:block;block-size:1.6rem;background:#8F867B;min-inline-size:2px}
.barre .val{text-align:right;white-space:nowrap;padding:.3rem 0 .3rem .9rem;width:1%}
.barre .forte{color:var(--rosso-chiaro);font-weight:700}
.barre .forte .pista span{background:var(--rosso-chiaro)}

/* I dieci punti */
.punti{padding-block:clamp(3rem,7vw,5.5rem) clamp(2rem,5vw,3.5rem)}
.punti-testa{display:grid;gap:1.1rem}
.punti-testa h2{font-size:clamp(3rem,9.5vw,6rem);line-height:1;letter-spacing:-.05em}
.punti-testa p{font-size:1.1875rem;line-height:1.45;max-width:30rem}
.punti-lista{display:grid;column-gap:3rem;border-top:4px solid var(--inchiostro);margin-top:2.25rem;counter-reset:punto}
.punti-lista li{counter-increment:punto;display:flex;align-items:baseline;gap:1.1rem;padding-block:.95rem;border-bottom:1px solid var(--filo);font-weight:600;font-size:1.1875rem;line-height:1.25}
.punti-lista li::before{content:counter(punto);font-family:var(--display);font-weight:900;font-size:2rem;line-height:1;letter-spacing:-.04em;color:var(--rosso-testo);width:2.5rem;flex:none;font-variant-numeric:tabular-nums}
.punti-lista a{text-decoration:none}
.punti-lista a:hover{text-decoration:underline}

/* Elenchi di articoli */
.blocco{padding-block:2.25rem 3rem}
.blocco-testa{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;margin-bottom:.9rem}
.voce h2 a,.voce h3 a{text-decoration:none}
.voce h2 a:hover,.voce h3 a:hover{text-decoration:underline}
.elenco .voce{display:grid;gap:.45rem;padding-block:1.35rem;border-top:1px solid var(--filo);min-width:0}
.elenco .voce:last-child{border-bottom:1px solid var(--filo)}
.voce h2,.voce h3{font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.05;letter-spacing:-.03em;max-width:44rem}
.voce .sommario{max-width:44rem;color:var(--testo-2)}
.voce .piede{display:flex;flex-wrap:wrap;gap:.3rem 1.25rem}
.temi-nuvola{display:flex;flex-wrap:wrap;gap:.6rem}
.temi-nuvola a{display:inline-block;padding:.45rem .9rem;border:1px solid var(--inchiostro);border-radius:2rem;font-weight:600;font-size:.9375rem;text-decoration:none;line-height:1.2}
.temi-nuvola a:hover{background:var(--inchiostro);color:var(--fondo)}
.temi-nuvola span{font-family:var(--macchina);font-weight:400;margin-left:.35rem}

/* Chiamata all'adesione: di nuovo il rosso, prima del piede */
.chiamata{background:var(--rosso);color:var(--su-rosso);padding-block:clamp(3rem,7vw,5rem)}
.chiamata-dentro{display:grid;gap:1.25rem;justify-items:start}
.chiamata h2{font-size:clamp(2.4rem,7vw,4.5rem);line-height:.93;letter-spacing:-.045em;max-width:9.5em}
.chiamata p{font-size:clamp(1.0625rem,2vw,1.25rem);line-height:1.42;max-width:38rem}

/* Pagina di sezione, tema, pagine fisse */
.capo{padding-block:clamp(2rem,5vw,3.5rem) 1.75rem;display:grid;gap:1rem}
.capo h1{font-size:clamp(2.6rem,8vw,5.25rem);line-height:.93;letter-spacing:-.045em;max-width:11em}
.capo-sezione h1{color:var(--rosso-testo);font-size:clamp(3.25rem,10.5vw,6.75rem);line-height:.98;letter-spacing:-.052em}
.capo .sommario{font-size:clamp(1.1rem,2vw,1.3125rem);line-height:1.45;max-width:40rem}
.briciole{font-family:var(--macchina);font-size:.875rem;color:var(--testo-2);display:flex;flex-wrap:wrap;gap:.2rem .5rem}
.briciole a{text-decoration:none}
.briciole li+li::before{content:"/";margin-right:.5rem}

/* Articolo: copertina scura, poi i tre punti in breve */
.copertina{background:var(--banda);color:var(--su-banda)}
.copertina .cornice{display:grid;gap:1.3rem;padding-block:clamp(1.75rem,4.5vw,3rem) clamp(2.5rem,6vw,4.25rem)}
.copertina .briciole{color:var(--su-banda-2)}
.copertina a:hover{color:var(--rosso-chiaro)}
.copertina .dove{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1.2rem;margin-top:.6rem}
.copertina .dove a{text-decoration:none}
.copertina .dove .tempo{font-family:var(--display);font-weight:900;font-size:clamp(2rem,5vw,2.75rem);line-height:1;letter-spacing:-.05em;color:var(--rosso-chiaro)}
.copertina .dove .tema{font-family:var(--macchina);font-size:1rem;color:var(--su-banda-2)}
.copertina .stato{border-color:var(--su-banda)}
.copertina h1{font-size:clamp(2.5rem,7.4vw,5.5rem);line-height:.93;letter-spacing:-.045em;max-width:12.5em}
.copertina .sommario{font-size:clamp(1.125rem,2.1vw,1.4375rem);line-height:1.4;max-width:46rem}
.striscia{background:var(--carta);border-bottom:4px solid var(--inchiostro)}
.striscia dl{display:grid;margin-block:0}
.striscia div{display:grid;gap:.4rem;align-content:start;padding-block:1.35rem 1.5rem;min-width:0}
.striscia div+div{border-top:1px solid var(--filo)}
.striscia dt{font-family:var(--macchina);font-size:.9375rem;line-height:1.3;color:var(--rosso-testo)}
.striscia dd{margin:0;font-weight:600;font-size:1.0625rem;line-height:1.4}
.timbro{font-family:var(--macchina);font-size:.9375rem;line-height:1.35;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:.25rem 2rem;margin:0 0 2rem;padding-block:1rem;border-bottom:1px solid var(--filo)}
.timbro div{display:flex;flex-wrap:wrap;gap:0 .5rem;min-width:0}
.timbro dt{color:var(--testo-2)}
.timbro dd{margin:0}
.art-griglia{display:grid;gap:2.5rem;padding-bottom:3.5rem}
.art-corpo{min-width:0;max-width:var(--colonna);display:grid;gap:1.75rem;align-content:start}
.in-breve{display:grid;gap:.7rem}
.in-breve h2,.margine h2,.aperto h2,.correzioni h2,.condividi h2{font-family:var(--corpo);font-weight:600;font-size:1rem;letter-spacing:0;line-height:1.3}
.in-breve ul{display:grid;gap:.55rem}
.in-breve li{position:relative;padding-left:1.35rem;font-weight:600;line-height:1.4}
.in-breve li::before{content:"";position:absolute;left:0;top:.48em;width:.6rem;height:.6rem;border-radius:50%;background:var(--rosso)}
.testo{font-size:1.125rem;line-height:1.65}
.testo>*+*{margin-top:1.15em}
.testo h2{font-size:clamp(1.75rem,3.6vw,2.25rem);margin-top:1.7em;line-height:1.02;letter-spacing:-.04em}
.testo h3{font-size:1.25rem;margin-top:1.6em}
.testo ul,.testo ol{padding-left:1.3rem}
.testo ul{list-style:disc}
.testo ol{list-style:decimal}
.testo li+li{margin-top:.4em}
.testo strong{font-weight:600}
.testo blockquote{margin:1.15em 0 0;padding-left:1rem;border-left:2px solid var(--inchiostro);color:var(--testo-2)}
.rif{font-size:.72em;line-height:0;vertical-align:super;font-weight:600;margin-left:.08em}
.rif a{color:var(--rosso-testo);text-decoration:none;padding:.2em .12em}
.rif a:hover{text-decoration:underline}
.tabella{overflow-x:auto;margin-top:1.15em}
.tabella table{border-collapse:collapse;width:100%;font-size:1rem;line-height:1.4;font-variant-numeric:tabular-nums}
.tabella th,.tabella td{text-align:left;padding:.55rem .9rem .55rem 0;border-bottom:1px solid var(--filo);vertical-align:top}
.tabella th{font-weight:600;border-bottom-color:var(--inchiostro)}
.numero{display:grid;gap:.25rem;padding-block:1.1rem;border-block:1px solid var(--inchiostro)}
.numero .cifra{font-family:var(--display);font-weight:900;font-size:clamp(2.75rem,10vw,4.5rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.numero .cosa{font-size:1.0625rem;line-height:1.4;max-width:30rem}
.posizioni{display:grid;gap:0}
.posizioni div{display:grid;gap:.2rem;padding-block:.85rem;border-top:1px solid var(--filo)}
.posizioni div:last-child{border-bottom:1px solid var(--filo)}
.posizioni dt{font-weight:600}
.posizioni dd{margin:0}
.grafico{margin:1.15em 0 0;display:grid;gap:.6rem}
.grafico figcaption{font-weight:600;line-height:1.35}
.grafico table{border-collapse:collapse;width:100%;font-size:1rem;line-height:1.2;font-variant-numeric:tabular-nums}
.grafico thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.grafico th[scope=row]{font-weight:400;color:var(--testo-2);text-align:left;white-space:nowrap;padding:.3rem .8rem .3rem 0;width:1%}
.grafico .pista{padding:.3rem 0;width:auto}
.grafico .barra{display:block;block-size:.875rem;background:var(--barra);border-radius:0 4px 4px 0;min-inline-size:2px}
.grafico .evid .barra{background:var(--rosso)}
.grafico .val{font-weight:600;text-align:right;white-space:nowrap;padding:.3rem 0 .3rem .8rem;width:1%}
.grafico .evid th[scope=row]{color:var(--inchiostro);font-weight:600}
.grafico tbody tr:hover .barra{filter:brightness(.88)}
.grafico .fonte{font-family:var(--macchina);font-size:.875rem;color:var(--testo-2);line-height:1.35}
.aperto,.correzioni{display:grid;gap:.6rem;padding:1.1rem 1.15rem;background:var(--carta)}
.aperto ul,.correzioni ul{display:grid;gap:.5rem;padding-left:1.15rem;list-style:disc}
.correzioni time{font-family:var(--macchina);font-size:.9375rem}
.condividi{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;padding-top:1rem;border-top:1px solid var(--filo)}
.condividi a{font-weight:600}
.margine{min-width:0;align-self:start}
.margine-dentro{display:grid;gap:.9rem;background:var(--carta);padding:1.15rem 1.15rem 1.3rem}
.margine h2{font-family:var(--macchina);font-weight:400;font-size:1.0625rem}
.fonti{display:grid;gap:.95rem;counter-reset:none}
.fonti li{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.1rem .65rem;align-items:start;scroll-margin-top:1rem}
.fonti .n{grid-row:1/span 3;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--rosso);color:var(--su-rosso);font-weight:600;font-size:.8125rem;display:grid;place-items:center;line-height:1;font-variant-numeric:tabular-nums}
.fonti a{font-weight:600;font-size:.9375rem;line-height:1.35;overflow-wrap:anywhere}
.fonti .da{font-family:var(--macchina);font-size:.875rem;line-height:1.35;color:var(--testo-2)}
.fonti .nota{font-size:.875rem;line-height:1.4;color:var(--testo-2)}
.fonti li:target .n{outline:3px solid var(--inchiostro);outline-offset:2px}
.margine .legenda{font-size:.8125rem;line-height:1.45;color:var(--testo-2)}
.da-confermare{padding:1.1rem 1.15rem;border:1px dashed var(--inchiostro);margin-top:1.15em}
.da-confermare>*+*{margin-top:.9em}
.da-confermare .etichetta{font-family:var(--macchina);font-size:.9375rem;line-height:1.35;color:var(--testo-2)}
.da-confermare h2{margin-top:.6em}
.controlli{display:grid;gap:.6rem;padding:1.1rem 1.15rem;border:1px dashed var(--inchiostro)}
.controlli h2{font-family:var(--macchina);font-weight:400;font-size:1.0625rem;letter-spacing:0}
.controlli ul{display:grid;gap:.45rem;padding-left:1.15rem;list-style:square;font-size:.9375rem;line-height:1.45}

/* Pagine di testo e modulo */
.pagina{padding-bottom:3rem}
.pagina .testo{max-width:var(--colonna)}
.manifesto ol{list-style:none;padding:0;counter-reset:punto;display:grid;gap:1.1rem}
.manifesto ol li{counter-increment:punto;position:relative;padding-left:2.9rem;margin:0}
.manifesto ol li::before{content:counter(punto);position:absolute;left:0;top:-.02em;font-family:var(--display);font-weight:900;font-size:1.75rem;line-height:1.05;color:var(--rosso-testo);font-variant-numeric:tabular-nums}
.modulo{display:grid;gap:1.1rem;max-width:32rem;margin-top:1.5rem}
.modulo label{display:grid;gap:.35rem;font-weight:600;font-size:.9375rem}
.modulo input[type=text],.modulo input[type=email],.modulo input[type=tel],.modulo select,.modulo textarea{font:inherit;font-weight:400;font-size:1.0625rem;padding:.7rem .8rem;border:1px solid var(--inchiostro);border-radius:0;background:var(--fondo);color:var(--inchiostro);width:100%}
.modulo .spunta{display:grid;grid-template-columns:1.4rem minmax(0,1fr);gap:.6rem;font-weight:400;align-items:start;line-height:1.45}
.modulo .spunta input{width:1.2rem;height:1.2rem;margin-top:.2rem;accent-color:var(--rosso)}
.modulo [disabled]{opacity:.55;cursor:not-allowed}
.modulo button{font:inherit;cursor:pointer;justify-self:start}
.modulo .trappola{position:absolute;left:-999rem;width:1px;height:1px;overflow:hidden}
.esito form{margin-block:1.25rem}
.esito table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.4}
.esito th,.esito td{text-align:left;vertical-align:top;padding:.5rem .6rem;border-bottom:1px solid var(--filo)}
.esito td button{font:inherit;font-size:.875rem;cursor:pointer}

.pagina-intro{display:grid;gap:1.5rem;padding-bottom:.5rem}
.pagina-intro>.testo{max-width:var(--colonna)}
.domande{display:grid;gap:0;max-width:var(--colonna)}
.domande section{display:grid;gap:.6rem;padding-block:1.35rem;border-top:1px solid var(--filo);scroll-margin-top:1rem}
.domande section:last-child{border-bottom:1px solid var(--filo)}
.domande h2{font-size:clamp(1.3rem,3.2vw,1.625rem);line-height:1.12}
.domande .testo{font-size:1.0625rem}

/* Fonti e correzioni (indici) */
.indice li{display:grid;gap:.2rem;padding-block:.9rem;border-top:1px solid var(--filo);min-width:0}
.indice li:last-child{border-bottom:1px solid var(--filo)}
.indice a.t{font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.indice .da{font-family:var(--macchina);font-size:.875rem;color:var(--testo-2);line-height:1.35}
.indice .usi{font-size:.9375rem;color:var(--testo-2)}
.gruppo{padding-top:1.75rem}
.gruppo h2{font-size:1.5rem;margin-bottom:.75rem}

/* Piede: campo scuro */
.piede-sito{background:var(--banda);color:var(--su-banda);padding-block:2.75rem 3rem}
.piede-griglia{display:grid;gap:1.75rem}
.piede-sito h2{font-family:var(--corpo);font-weight:600;font-size:.9375rem;letter-spacing:0;margin-bottom:.55rem;color:var(--su-banda-2)}
.piede-sito ul{display:grid;gap:.4rem;font-size:.9375rem}
.piede-sito a{text-decoration:none}
.piede-sito a:hover{color:var(--rosso-chiaro);text-decoration:underline}
.piede-sito :focus-visible,.copertina :focus-visible,.banda-numero :focus-visible,.riquadro-oggi :focus-visible{outline-color:var(--rosso-chiaro)}
.piede-nota{font-size:.875rem;line-height:1.5;color:var(--su-banda-2);max-width:26rem}
.piede-nota strong{font-family:var(--display);font-weight:900;font-size:1.5rem;letter-spacing:-.035em;color:var(--su-banda);display:block;margin-bottom:.4rem}

@media (min-width:44rem){
  .cornice{padding-inline:2rem}
  .riquadro{padding-inline:2rem}
  .timbro{grid-template-columns:repeat(4,minmax(0,max-content))}
  .timbro div{display:grid;gap:0}
  .piede-griglia{grid-template-columns:1.4fr repeat(3,minmax(0,1fr))}
  .elenco .voce{grid-template-columns:8.5rem minmax(0,1fr);gap:.45rem 1.5rem}
  .elenco .voce>.data{grid-row:1/span 4;padding-top:.3rem}
  .elenco .voce>*:not(.data){grid-column:2}
  .punti-lista{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column}
}
@media (min-width:56rem){
  .tempi{grid-template-columns:repeat(3,minmax(0,1fr))}
  .riquadro{padding:3rem 2.5rem 3.25rem;min-height:27rem;grid-template-rows:auto auto 1fr}
  /* il primo e l'ultimo campo si allineano al margine della pagina */
  .riquadro:first-child{padding-left:max(2rem,calc((100vw - var(--larghezza))/2 + 2rem))}
  .riquadro:last-child{padding-right:max(2rem,calc((100vw - var(--larghezza))/2 + 2rem))}
  .riquadro .titolo,.riquadro .vuoto{align-self:end}
  .striscia dl{grid-template-columns:repeat(auto-fit,minmax(0,1fr));column-gap:0}
  .striscia div{padding:1.75rem 2rem 1.9rem}
  .striscia div:first-child{padding-left:0}
  .striscia div+div{border-top:0;border-left:1px solid var(--filo)}
  .chiamata-dentro{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:3rem}
  .chiamata-dentro>h2,.chiamata-dentro>p{grid-column:1}
  .chiamata-dentro>.bottone{grid-column:2;grid-row:1/span 2}
  .banda-numero .cornice{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:4rem;align-items:end}
  .punti-testa{grid-template-columns:minmax(0,1fr) minmax(0,30rem);align-items:end;column-gap:3rem}
}
@media (min-width:62rem){
  .marchio svg{height:3.4rem}
  .marchio span{font-size:2rem;padding-bottom:.55rem}
  .novita{grid-template-columns:minmax(0,1fr) 21rem;gap:4rem}
  .art-griglia{grid-template-columns:minmax(0,var(--colonna)) minmax(0,21rem);justify-content:space-between;gap:3.5rem}
  .margine{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}
}
/* Su schermi larghi marchio, sezioni e pulsante stanno su una riga sola */
@media (min-width:72rem){
  .fascia-riga{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"marchio menu bottone";align-items:center;column-gap:2.5rem}
  .marchio{padding-top:.9rem;align-self:end}
  .marchio span{padding-bottom:.95rem}
  .menu{display:flex;justify-content:flex-end}
  .menu ul{gap:1.6rem;max-width:100%}
  .menu a{padding:1.55rem 0 1.35rem}
  .fascia .bottone{margin:0}
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.fascia .bottone,.menu,.condividi,.chiamata,.piede-sito,.avviso{display:none}.art-griglia{display:block}.margine{position:static;max-height:none}.copertina,.striscia{background:none;color:#000}}

/* Cinque cose da cambiare: banda carta sotto l'apertura della home e in testa al Manifesto */
.cinque{background:var(--carta);padding-block:clamp(2.5rem,6vw,4.5rem) clamp(2rem,5vw,3.5rem)}
.pagina .cinque{margin-bottom:2.5rem}
.etichetta-bozza{display:inline-block;font-family:var(--macchina);font-size:.9375rem;line-height:1.35;padding:.5rem .75rem;border:1px dashed var(--inchiostro);margin-bottom:1.5rem}
.cinque-testa{display:grid;gap:1rem}
.cinque-testa h2{font-size:clamp(2.5rem,7.5vw,4.75rem);line-height:.95;letter-spacing:-.05em;max-width:11em}
.cinque-testa p{font-size:1.125rem;line-height:1.45;max-width:34rem}
.cinque-lista{border-top:4px solid var(--inchiostro);margin-top:2rem;counter-reset:cosa}
.cinque-lista li{counter-increment:cosa;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem 1rem;padding-block:1.35rem 1.5rem;border-bottom:1px solid var(--filo)}
.cinque-lista li>*{grid-column:2}
.cinque-lista li::before{content:counter(cosa);grid-column:1;grid-row:1;font-family:var(--display);font-weight:900;font-size:2.25rem;line-height:.95;letter-spacing:-.04em;color:var(--rosso-testo);font-variant-numeric:tabular-nums}
.cinque-lista h3{font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.08;letter-spacing:-.03em}
.cinque-lista .dato,.cinque-lista .proposta{display:grid;gap:.3rem;font-size:1rem;line-height:1.5}
.cinque-lista .cosa-etichetta{font-family:var(--macchina);font-size:.875rem;line-height:1.3;color:var(--testo-2)}
.cinque-lista .proposta .cosa-etichetta{color:var(--rosso-testo)}
.cinque-lista .fonte{font-family:var(--macchina);font-size:.875rem;line-height:1.35;color:var(--testo-2);overflow-wrap:anywhere}
.cinque-lista .fonte a{color:inherit}
.cinque-lista .leggi{display:flex;flex-wrap:wrap;gap:.35rem .8rem;align-items:baseline;font-weight:600;font-size:.9375rem;line-height:1.35}
@media (min-width:56rem){
  .cinque-testa{grid-template-columns:minmax(0,1fr) minmax(0,30rem);align-items:end;column-gap:3rem}
  .cinque-lista li{grid-template-columns:3.5rem minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.1fr);column-gap:2rem;align-items:start}
  .cinque-lista li::before{grid-row:1/span 2}
  .cinque-lista h3{grid-column:2;grid-row:1}
  .cinque-lista .dato{grid-column:3;grid-row:1/span 2}
  .cinque-lista .proposta{grid-column:4;grid-row:1/span 2}
  .cinque-lista .leggi{grid-column:2;grid-row:2;align-self:start}
}