/* PN N.1/2026 — vetrina · palette delle tavole */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,600;0,800;1,400&display=swap');
:root{--sabbia:#E2D1B3;--petrolio:#0B2A2F;--ruggine:#A34010;--ocra:#C7913C;--velo:rgba(11,42,47,.72)}
*{box-sizing:border-box;margin:0}
body{font-family:'Archivo',system-ui,sans-serif;background:var(--sabbia);color:var(--petrolio);
     font-size:16px;line-height:1.62}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
header.testata{background:var(--petrolio);color:var(--sabbia);padding:34px 0 0}
.t-nome{font-weight:800;font-size:clamp(20px,3vw,26px)}
.t-sotto{font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ocra);margin-top:5px}
.t-fascia{background:var(--ruggine);margin-top:24px;padding:20px 0}
.t-fascia h1{font-weight:800;font-size:clamp(36px,6.5vw,58px);line-height:1;color:var(--sabbia)}
.t-meta{padding:14px 0 26px;font-size:12.5px;color:rgba(226,209,179,.85)}
.copertina{display:block;width:100%;max-width:560px;margin:44px auto 8px;box-shadow:0 18px 50px rgba(11,42,47,.35)}
.did{max-width:560px;margin:10px auto 0;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
     color:var(--velo);text-align:center;font-weight:600}
.intro{max-width:34em;margin:44px auto 0;font-size:18.5px;line-height:1.7}
.intro b{color:var(--ruggine)}
h2.sez{font-weight:800;font-size:clamp(22px,4vw,30px);color:var(--petrolio);
       border-bottom:3px solid var(--ruggine);padding:44px 0 8px;margin-bottom:6px}
.occ{font-style:italic;color:var(--velo);margin-bottom:8px}
.voce{margin:26px 0;padding-left:18px;border-left:3px solid var(--ocra)}
.voce.soglia{border-left-color:var(--ruggine)}
.v-aut{font-weight:800;font-size:19px}
.v-tit{font-style:italic;font-size:16.5px}
.v-sub{font-style:italic;font-size:13.5px;color:var(--velo)}
.v-eti{font-weight:600;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ruggine)}
details{margin-top:8px}
summary{cursor:pointer;font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ruggine)}
details p{font-size:14.5px;margin-top:8px;color:#2c3f42;max-width:40em}
.banner{width:100%;display:block;margin:52px 0 0}
.banda{height:170px;background-position:center;background-size:cover;margin:52px 0 0;box-shadow:inset 0 0 0 1px rgba(11,42,47,.12)}
.elz{border-top:3px solid #0B2A2F;border-bottom:3px solid #0B2A2F;margin:44px 0 8px;padding:30px 0 26px}
.elz .e-eti{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#A34010}
.elz h2{font-size:30px;line-height:1.05;margin:8px 0 0;color:#0B2A2F}
.elz .e-esergo{font-style:italic;margin:20px 0 4px;color:#0B2A2F;line-height:1.7}
.elz .e-fonte{font-size:12px;color:#5d6b6d;margin-bottom:18px}
.elz p{margin:14px 0 0;line-height:1.7}
.elz ul{margin:14px 0 0;padding-left:22px;line-height:1.7}
.elz li{margin-top:8px}
.elz .e-firma{margin-top:20px;font-weight:700;color:#0B2A2F}
.nota-ast{font-size:12px;color:var(--velo);margin:30px 0}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin:40px 0}
.cta a{font-weight:600;font-size:13.5px;text-decoration:none;padding:13px 22px}
.cta .pieno{background:var(--ruggine);color:var(--sabbia)}
.cta .vuoto{border:2px solid var(--petrolio);color:var(--petrolio)}
footer{background:var(--petrolio);color:rgba(226,209,179,.85);margin-top:60px;padding:28px 0 50px;
       font-size:12px;line-height:1.7}
