/* levocidelleguide.org — palette dalle copertine della serie */
:root{
  --fondo:#eef3f7; --banda:#4c82b0; --banda-bordo:#2e5e8a;
  --crema:#f7f2e3; --crema-bordo:#d9cfae; --crema-riga:#efe7cf;
  --testo:#0f4761; --titolo:#2b23a5; --rosso:#b02418; --sommesso:#5b7589;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --fondo:#141f29; --banda:#243d55; --banda-bordo:#1a2e42;
  --crema:#1f2d3a; --crema-bordo:#3c4f61; --crema-riga:#2a3b4a;
  --testo:#d6e1ea; --titolo:#a9c3e8; --rosso:#e07a6a; --sommesso:#93a7b6;
  color-scheme: dark;
}}
:root[data-theme="dark"]{
  --fondo:#141f29; --banda:#243d55; --banda-bordo:#1a2e42;
  --crema:#1f2d3a; --crema-bordo:#3c4f61; --crema-riga:#2a3b4a;
  --testo:#d6e1ea; --titolo:#a9c3e8; --rosso:#e07a6a; --sommesso:#93a7b6;
  color-scheme: dark;
}
*{box-sizing:border-box}
body{margin:0; background:var(--fondo); color:var(--testo);
  font-family:'Caladea','Book Antiqua','Palatino Linotype',Palatino,Georgia,serif;
  font-size:17.5px; line-height:1.65;}
img{max-width:100%; height:auto}
a{color:var(--titolo)}
.band{background:var(--banda); border-bottom:3px solid var(--banda-bordo); padding:14px 16px;}
.head{max-width:860px; margin:0 auto; display:flex; flex-wrap:wrap; gap:6px 18px;
  align-items:baseline; justify-content:space-between;}
.head .home{font-weight:700; text-decoration:none; color:var(--testo); font-size:1.02rem;}
.panel{background:var(--crema); border:1px solid var(--crema-bordo); border-radius:10px;
  box-shadow:0 1px 4px rgba(20,40,60,.12), inset 0 0 0 5px var(--crema),
             inset 0 0 0 6px var(--crema-bordo);}
.head.panel{padding:10px 18px}
.lang{font-size:.92rem; color:var(--sommesso)}
.lang a{text-decoration:none}
.lang .qui{font-weight:700; color:var(--rosso)}
.bozza{max-width:860px; margin:10px auto 0; padding:0 16px; font-size:.86rem;
  color:var(--sommesso); font-style:italic;}
main{max-width:860px; margin:0 auto; padding-block:8px 32px; padding-inline:16px;}
.hero{text-align:center; padding:30px 22px 26px; margin-top:16px;}
.hero img{width:min(330px,70%); margin-bottom:6px}
h1{color:var(--titolo); font-size:1.9rem; line-height:1.2; margin:.3em 0 .2em; text-wrap:balance;}
.hero .lead, .lead{font-size:1.06rem}
.hero .lead{text-align:left; max-width:580px; margin-inline:auto;
  font-style:italic; font-size:1.16rem; line-height:1.55;
  display:grid; gap:12px; padding-top:6px;}
.hero .lead > span{display:block}
.hero .lead .r3{font-style:normal; font-weight:700; color:var(--titolo);
  font-size:1.24rem; margin-top:2px; text-align:center;}
.hero .lead .r3 .gratis{color:var(--rosso)}
.serie{color:var(--rosso); font-style:italic; margin:.1em 0 .6em}
h2{color:var(--rosso); font-size:1.28rem; margin:1.9em 0 .5em; text-wrap:balance;}
blockquote{margin:1.6em auto; max-width:620px; font-style:italic; text-align:center; font-size:1.07rem;}
.temi + blockquote{margin-top:3.2em;}
blockquote footer{font-style:italic; font-weight:700; margin-top:.5em; color:var(--rosso);}
.congedo{margin:1.8em auto 1.2em; max-width:620px; font-style:italic; text-align:center; font-size:1.07rem; color:var(--testo);}
.temi{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; margin-top:14px;}
.tema{display:flex; gap:16px; padding:16px; text-decoration:none; color:var(--testo); align-items:center;}
.tema img{width:96px; flex:none; border:1px solid var(--crema-bordo); border-radius:4px;}
.tema h3{margin:0 0 .25em; color:var(--titolo); font-size:1.12rem;}
.tema p{margin:0; font-size:.95rem; color:var(--sommesso);}
.tema.presto{opacity:.75}
.tema.presto h3{color:var(--sommesso)}
a.tema:hover h3{color:var(--rosso)}
.tema-top{display:flex; gap:26px; align-items:flex-start; margin-top:26px; flex-wrap:wrap;}
.tema-top .copertina{width:200px; flex:none; border:1px solid var(--crema-bordo);
  border-radius:6px; box-shadow:0 2px 8px rgba(20,40,60,.18);}
.tema-top > div{flex:1 1 300px; min-width:0;}
ol.msgs{list-style:none; margin:10px 0 0; padding:0;}
ol.msgs li{padding:9px 4px; border-bottom:1px solid var(--crema-riga);}
ol.msgs li:last-child{border-bottom:0}
ol.msgs .t{font-weight:700}
ol.msgs .v{color:var(--sommesso); font-style:italic; font-size:.95rem;}
ol.msgs li.sez{color:var(--rosso); font-weight:700; border-bottom:2px solid var(--crema-bordo);
  padding-top:20px; font-size:1.05rem;}
.scarica{padding:20px 24px; margin-top:2.2em; text-align:center;}
.scarica h2{margin-top:0}
.scarica .nota{font-size:.92rem; color:var(--sommesso); font-style:italic; margin-bottom:0;}
.pdfbtn{margin:14px 0 10px}
.pdfbtn a{display:inline-block; padding:10px 26px; border:2px solid var(--rosso);
  border-radius:9px; color:var(--rosso); font-weight:700; text-decoration:none;}
.pdfbtn a:hover{background:var(--rosso); color:var(--crema);}
.gratis{font-weight:700; color:var(--rosso)}
.fonte{font-style:italic; color:var(--sommesso); margin-top:1.3em;}
.gemello{font-style:italic; margin-top:1.5em; padding:.85em 1.1em; border-left:3px solid var(--rosso); background:rgba(176,36,24,.045); border-radius:0 8px 8px 0;}
.fonti-g{font-style:italic; color:var(--rosso); margin:1.1em 0 .2em;}
ul.libri{list-style:none; margin:.2em 0 0; padding:0;}
ul.libri li{display:flex; justify-content:space-between; align-items:center; gap:12px;
  flex-wrap:wrap; padding:8px 4px; border-bottom:1px solid var(--crema-riga);}
ul.libri li:last-child{border-bottom:0}
a.mini{border:1.5px solid var(--rosso); border-radius:7px; padding:3px 14px; flex:none;
  color:var(--rosso); font-weight:700; text-decoration:none; font-size:.88rem;}
a.mini:hover{background:var(--rosso); color:var(--crema);}
.fine{text-align:center; padding:26px 16px 34px; color:var(--sommesso); font-size:.95rem;}
.fine .cuore{color:var(--rosso); font-size:1.05rem; margin-bottom:6px}
.indietro{display:inline-block; margin-top:1.6em; font-size:.95rem;}
@media (max-width:480px){
  .tema-top .copertina{width:132px}
  body{font-size:16.5px}
}