:root{--carta:#f4efe4;--carta2:#ebe3d2;--noce:#2b1d12;--cuoio:#6b3f1d;--ruggine:#b5542a;--ottone:#b8955a;--sabbia:#c9b89a;--riga:#d9cdb4}
@media (prefers-color-scheme:dark){:root{--carta:#1d1510;--carta2:#261c15;--noce:#eadfcd;--cuoio:#d9a86a;--ruggine:#e0754a;--ottone:#c8a86a;--sabbia:#6b5a44;--riga:#3d2f24}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--carta);color:var(--noce);font-family:"Work Sans",system-ui,-apple-system,sans-serif;font-size:1.05rem;line-height:1.65}
a{color:var(--cuoio);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ruggine)}
h1,h2,h3,.serif{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.15;letter-spacing:.005em}
h1{font-size:clamp(1.8rem,4.5vw,2.6rem);margin:.2em 0 .3em}
h2{font-size:1.5rem;margin:1.8em 0 .5em}
h3{font-size:1.2rem;margin:1.4em 0 .4em}
.testata{background:var(--noce);color:var(--carta)}
.testata .hero{height:min(280px,32vw);min-height:150px;background:#2b1d12 url(/img/intestazione.webp) center 40%/cover no-repeat;display:flex;align-items:flex-end}
.testata .hero .in{width:100%;padding:1rem 1.2rem;background:linear-gradient(transparent,rgba(20,12,6,.85))}
.testata .in h1,.testata .in h1 a{margin:0;color:#f4efe4;text-decoration:none;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.testata .in p{margin:.2em 0 0;color:#e2d6c0;font-size:.95rem}
.testata .in{max-width:68rem;margin:0 auto}
nav.menu{background:var(--cuoio);color:#f4efe4}
nav.menu ul{list-style:none;margin:0 auto;padding:0 .6rem;max-width:68rem;display:flex;flex-wrap:wrap;gap:.1rem}
nav.menu a{display:block;padding:.55rem .7rem;color:#f4efe4;text-decoration:none;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}
nav.menu a:hover,nav.menu a[aria-current]{background:rgba(0,0,0,.25);color:#fff}
.pagina{max-width:68rem;margin:0 auto;padding:1.5rem 1.2rem 3rem;display:grid;grid-template-columns:minmax(0,1fr) 16rem;gap:2.5rem}
@media (max-width:52rem){.pagina{grid-template-columns:minmax(0,1fr);gap:1.5rem}}
main{min-width:0}
aside{font-size:.92rem}
aside section{border-top:2px solid var(--ottone);padding-top:.6rem;margin-bottom:1.6rem}
aside h2{font-size:1.05rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.06em}
aside ul{list-style:none;padding:0;margin:0}
aside li{margin:.25rem 0}
aside .profilo img{width:96px;height:96px;object-fit:cover;border-radius:50%;border:3px solid var(--ottone);float:left;margin:0 .8rem .4rem 0}
aside .profilo p{margin:.2em 0}
aside .anni a{display:inline-block;margin:.15rem .35rem .15rem 0;padding:.1rem .5rem;border:1px solid var(--riga);border-radius:1rem}
.meta{color:var(--cuoio);font-size:.9rem;margin:0 0 1rem}
.meta a{text-decoration:none}
.etichette a{display:inline-block;margin:0 .4rem .3rem 0;padding:.05rem .55rem;border:1px solid var(--riga);border-radius:1rem;font-size:.85rem;text-decoration:none}
article.post .corpo{overflow-wrap:anywhere}
article.post .corpo img{max-width:100%;height:auto;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
article.post .corpo .separator{clear:both;text-align:center;margin:1em 0}
article.post .corpo .separator a{display:inline-block;margin:0 .5em}
article.post .corpo table{max-width:100%}
article.post .corpo td{vertical-align:top}
article.post .corpo blockquote{border-left:3px solid var(--ottone);margin:1em 0;padding:.2em 1em;color:var(--cuoio)}
.video{position:relative;aspect-ratio:16/9;max-width:640px;margin:1em auto;background:#000}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.elenco article{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--riga)}
.elenco article.no-img{grid-template-columns:minmax(0,1fr)}
.elenco .thumb{width:7.5rem;height:5.5rem;object-fit:cover;border-radius:3px}
.elenco h2{margin:0 0 .2em;font-size:1.3rem}
.elenco h2 a{text-decoration:none}
.elenco p{margin:.3em 0 0;font-size:.95rem}
@media (max-width:30rem){.elenco article{grid-template-columns:5rem minmax(0,1fr)}.elenco .thumb{width:5rem;height:4rem}}
.archivio h2{margin-top:1.6em;border-bottom:2px solid var(--ottone);padding-bottom:.2em}
.archivio h3{margin:.9em 0 .2em;color:var(--cuoio);font-weight:600}
.archivio ul{list-style:none;padding:0;margin:0}
.archivio li{display:flex;gap:.8rem;padding:.2rem 0;border-bottom:1px dotted var(--riga)}
.archivio li time{color:var(--cuoio);font-variant-numeric:tabular-nums;flex:0 0 5.2rem;font-size:.9rem;padding-top:.15rem}
.prossimi{display:flex;justify-content:space-between;gap:1rem;margin:2.5rem 0 0;padding-top:1rem;border-top:2px solid var(--ottone);font-size:.95rem}
.prossimi a{text-decoration:none;max-width:48%}
.prossimi span{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ruggine)}
.commenti{margin-top:2.5rem}
.commenti h2{border-bottom:2px solid var(--ottone);padding-bottom:.2em}
.commenti ol{list-style:none;padding:0;margin:0}
.commenti li{padding:.8rem 0;border-bottom:1px solid var(--riga);font-size:.97rem}
.commenti .chi{font-weight:600}
.commenti .chi time{font-weight:400;color:var(--cuoio);font-size:.85rem;margin-left:.5rem}
.commenti li p{margin:.3em 0 0}
.commenti .nota{font-size:.85rem;color:var(--cuoio);margin-top:1rem}
.pie{border-top:1px solid var(--riga);text-align:center;font-size:.85rem;color:var(--cuoio);padding:1.5rem 1rem 2rem}
.pie a{text-decoration:none}
.intro{font-size:1.1rem;color:var(--cuoio);margin:0 0 .5rem}
.vedi-tutti{margin:1.2rem 0 0;font-size:.95rem}