/* Pagina lore */
/* ---- pagina lore ---- */
.events{list-style:none;padding:0;margin:2rem 0 0;border-left:2px solid var(--rust)}
.events li{position:relative;padding:0 0 1.8rem 1.8rem}
.events li::before{content:"";position:absolute;left:-7px;top:.45rem;width:12px;height:12px;background:var(--bg);border:2px solid var(--amber);transform:rotate(45deg)}
.events h3{font-size:1.3rem}
.events .when{display:block;font-style:italic;color:var(--muted);font-size:.98rem;margin:.15rem 0 .4rem}
.events p{margin:0}
.voices{display:flex;flex-wrap:wrap;gap:.5rem .6rem;list-style:none;padding:0;margin:1rem 0 0}
.voices li{font-style:italic;border:1px solid var(--line);padding:.25rem .7rem;font-size:1rem;background:var(--bg2)}
.census{display:grid;grid-template-columns:auto 1fr;gap:1rem 2.5rem;align-items:center;margin:2rem 0;padding:1.6rem 0;border-block:2px solid var(--head)}
@media (max-width:640px){.census{grid-template-columns:1fr}}
.census .num{font:700 clamp(3rem,9vw,5.5rem)/.9 var(--display);color:var(--amber)}
.census .num small{display:block;font-size:.28em;color:var(--head);letter-spacing:.06em;margin-top:.4rem;font-weight:500}
.census p{margin:0}
.flat{padding-left:1.1rem;margin:.6rem 0 0}
.flat li{margin:.2rem 0}
.nocure{font:700 clamp(1.5rem,3.5vw,2.2rem)/1.05 var(--display);text-transform:uppercase;color:var(--head);border-left:4px solid var(--amber);padding-left:1rem;margin:2rem 0 0}
.nations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem 3rem;margin-top:2rem}
@media (max-width:720px){.nations{grid-template-columns:1fr}}
.nations h3{border-bottom:1px solid var(--line);padding-bottom:.4rem;margin-bottom:.7rem}
.nations p{font-size:1.02rem;margin-bottom:.4rem}
.nations ul{font-size:1rem;color:var(--muted)}
.region{margin-top:2.5rem}
.region>h3{font-size:1.5rem;color:var(--amber);margin-bottom:.4rem}
.entry{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:.4rem 2rem;padding:1.1rem 0;border-top:1px solid var(--line);scroll-margin-top:96px}
@media (max-width:720px){.entry{grid-template-columns:1fr}}
.entry h4{font:500 1.2rem/1.15 var(--display);color:var(--head);text-transform:uppercase;letter-spacing:.03em;margin:0}
.entry .where{font-style:italic;color:var(--muted);font-size:.95rem;margin:.2rem 0 0}
.entry .kind{font:400 .95rem var(--display);color:var(--muted);letter-spacing:.03em;margin:.25rem 0 0}
.entry p{margin:0 0 .5rem;font-size:1.02rem}
.entry:target{background:color-mix(in srgb,var(--amber) 10%,transparent);outline:1px solid var(--amber);outline-offset:6px}
.rep{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;padding:0;margin:0}
.rep li{font:400 .85rem var(--display);letter-spacing:.03em;color:var(--head);border:1px solid var(--line);padding:.1rem .5rem;background:var(--bg2)}
.status{display:inline-block;font:500 .82rem var(--display);letter-spacing:.04em;padding:.1rem .5rem;margin-top:.45rem;border:1px solid}
.status.ok{color:var(--sea);border-color:var(--sea)}
.status.unk{color:var(--muted);border-color:var(--muted)}
.status.lost{color:var(--rust);border-color:var(--rust)}
.reliab{font-style:italic;color:var(--muted);font-size:.92rem}
.forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 3rem;margin-top:2rem}
@media (max-width:720px){.forms{grid-template-columns:1fr}}
.forms h3{margin-bottom:.4rem}
.forms p{font-size:1.02rem}
.essay h3{margin:2.2rem 0 .6rem}
.essay p{font-size:1.05rem}
.closing{font:italic 400 clamp(1.25rem,2.6vw,1.6rem)/1.45 var(--serif);color:var(--head);border-left:3px solid var(--amber);padding-left:1.3rem;margin-top:2.5rem;max-width:44ch}

/* ---- edizione S1 dal PDF: numeri di capitolo, illustrazioni, citazioni ---- */
.lore-hero .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:3rem;align-items:center}
@media (max-width:900px){.lore-hero .wrap{grid-template-columns:1fr}.lore-hero .hero-art{max-width:360px}}
.lore-hero h1{max-width:13ch}
.cap{font:400 .95rem var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:0 0 .4rem}
.lfig{margin:2rem 0;max-width:560px}
.lfig img{display:block;width:100%;height:auto;border:1px solid var(--line);box-shadow:8px 8px 0 color-mix(in srgb,var(--rust) 35%,transparent)}
.lfig.wide{max-width:none}
.lfig.wide img{aspect-ratio:16/9;object-fit:cover;object-position:center 40%}
.lfig figcaption{font-style:italic;color:var(--muted);font-size:.95rem;margin-top:.8rem}
.lfig.hero-art{margin:0}
.lfig.hero-art img{transform:rotate(1.5deg)}
.efig{margin:.9rem 0 .4rem;max-width:300px}
.efig img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.state{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:0;margin:0 0 1.5rem;border-top:1px solid var(--line)}
.state dt,.state dd{margin:0;padding:.8rem 0;border-bottom:1px solid var(--line)}
.state dt{font:500 1rem var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);padding-right:1rem}
@media (max-width:600px){.state{grid-template-columns:1fr}.state dt{border-bottom:0;padding-bottom:0}}
.nations .lbl{font:400 .85rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin:.8rem 0 .2rem}
.radio{margin:1.2rem 0 0;padding:1rem 1.1rem;background:var(--bg2);border-left:3px solid var(--sea)}
.radio .lbl{font:400 .82rem ui-monospace,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--sea);margin:0 0 .4rem}
.radio p:last-child{font-style:italic;margin:0;color:var(--head)}
.said{font:italic 400 clamp(1.2rem,2.4vw,1.5rem)/1.4 var(--serif);color:var(--head);border-left:3px solid var(--amber);padding-left:1.1rem;margin:1.6rem 0;max-width:44ch}
.essay h3[id]{scroll-margin-top:96px}
.events p+p{margin-top:.6rem}