:root{color-scheme:dark;--carta:#f2e8d5;--ottone:#b9884a;--fondo:#14120f;--fumo:#9d8f78;--linea:#4a4034}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--carta);font:16px/1.6 Georgia,serif}
a{color:var(--ottone);text-decoration:none}
a:hover{text-decoration:underline}
header{padding:34px 40px 10px;border-bottom:1px solid var(--linea)}
header h1{margin:0 0 4px;font-weight:normal;font-size:26px;letter-spacing:.2px}
header p{margin:0;color:var(--fumo);font-size:13.5px;max-width:70ch}
main{max-width:1080px;margin:0 auto;padding:28px 40px 60px}
.area{color:var(--ottone);font-size:11.5px;letter-spacing:2px;text-transform:uppercase;margin:34px 0 10px}
.scheda{border:1px solid var(--linea);border-radius:10px;padding:18px 20px;margin:0 0 14px;background:#191612}
.scheda:hover{border-color:#6b5b42}
.scheda .riga{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.scheda h2{margin:0;font-size:19px;font-weight:normal}
.scheda .sotto{color:var(--fumo);font-size:13px;margin:3px 0 0}
.badge{font-size:11px;padding:3px 9px;border-radius:10px;letter-spacing:.5px;white-space:nowrap}
.ok{background:#2e4630;color:#bfe0c0}
.wip{background:#46382a;color:#e2c39a}
.todo{background:#3a2a2a;color:#e0b0b0}
.riservato{background:#2a2a38;color:#b8b8d8}
.dati{display:flex;gap:18px;flex-wrap:wrap;color:var(--fumo);font-size:12.5px;margin:10px 0 0}
.dati b{color:var(--carta);font-weight:normal}
.azioni{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}
.azioni a{font-size:12.5px;border:1px solid var(--linea);border-radius:5px;padding:5px 10px}
.azioni a:hover{border-color:var(--ottone);text-decoration:none}
.tappe{margin:14px 0 0;padding:12px 0 0;border-top:1px dashed var(--linea)}
.tappa{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#cfc3ad;padding:3px 0;cursor:pointer}
.tappa input{margin:3px 0 0;accent-color:var(--ottone)}
.tappa.fatto span{color:#7d7160;text-decoration:line-through}
.barra{height:3px;background:#241f19;border-radius:2px;overflow:hidden;margin:12px 0 0}
.barra i{display:block;height:100%;background:var(--ottone);width:0}
footer{color:#6b6154;font-size:12px;padding:20px 40px 40px;border-top:1px solid var(--linea)}
code{font-family:Menlo,monospace;font-size:12px;color:var(--carta);background:#241f19;padding:1px 5px;border-radius:3px}
/* pagina subprogetto */
.lettore{background:#0f0d0b;border:1px solid var(--linea);border-radius:10px;padding:18px;margin:0 0 8px}
.lettore audio{width:100%}
.lettore .titolo{font-size:14px;color:var(--ottone);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}
.testo{background:#191612;border:1px solid var(--linea);border-radius:10px;padding:20px 24px;margin:18px 0;font-size:15.5px;line-height:1.75}
.testo p{margin:0 0 12px}
.testo .glossa{color:var(--fumo);font-style:italic;font-size:13.5px;border-left:2px solid var(--ottone);padding-left:12px}
@media(max-width:700px){header,main,footer{padding-left:20px;padding-right:20px}}

/* tool interno */
.nota{color:#6b6154;font-size:12px;margin:8px 0 0;max-width:80ch}
.azioni .locale{font-size:12.5px;border:1px dashed var(--linea);border-radius:5px;padding:5px 10px;color:#6b6154}

/* card a immagine piena */
.scheda{position:relative;min-height:380px;padding:0;background:#191612 center/cover no-repeat;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.scheda:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,6,.05) 15%,rgba(8,7,6,.72) 62%,rgba(8,7,6,.96) 100%);z-index:0}
.scheda>*{position:relative;z-index:1}
.scheda .riga,.scheda .dati,.scheda .azioni,.scheda .tappe,.scheda .barra{margin-left:20px;margin-right:20px}
.scheda .riga{padding-top:20px}
.scheda h2,.scheda .sotto{text-shadow:0 2px 10px rgba(0,0,0,.9)}
.scheda .sotto{color:#e1d6c2}
.scheda .gestation{font-family:Helvetica,Arial,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#d8c79f;border-top:1px solid rgba(185,136,74,.5);padding:9px 20px 12px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.scheda .gestation b{color:#f0d38a}
.scheda .gestation small{color:#a99b85;text-transform:none;letter-spacing:0}
.scheda .tappe{margin-top:8px}

.scheda .sotto{color:#f3e9d7!important;background:rgba(8,7,6,.5);display:inline-block;padding:3px 7px;border-radius:3px}
.scheda .dati,.scheda .azioni,.scheda .tappe,.scheda .barra{background:rgba(8,7,6,.55);padding:6px 8px;border-radius:4px}
.scheda .azioni{margin-top:8px}
.scheda .riga h2,.scheda .riga .sotto,.scheda .dati,.scheda .azioni,.scheda .tappe,.scheda .gestation{color:#fffaf0!important;text-shadow:0 1px 6px rgba(0,0,0,.9)}
.scheda .sotto{color:#f3e9d7!important}

/* hero + corpo: immagine piena in alto, dettagli sotto */
.scheda{background:#191612!important;padding:0!important;min-height:0!important;display:block!important;overflow:hidden}
.scheda:before{display:none!important}
.scheda-hero{position:relative;min-height:230px;background:center/cover no-repeat;display:flex;align-items:flex-end;padding:20px}
.scheda-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,6,.03) 5%,rgba(8,7,6,.78) 100%);z-index:0}
.scheda-hero>*{position:relative;z-index:1}
.scheda-hero .riga{margin:0;padding:0;width:100%}
.scheda-hero h2{color:#fffaf0!important;font-size:23px;text-shadow:0 2px 12px #000}
.scheda-hero .sotto{color:#f0e6d4!important;background:none!important;padding:0!important;text-shadow:0 1px 8px #000}
.scheda-corpo{padding:14px 20px 18px;background:#191612}
.scheda-corpo .dati,.scheda-corpo .azioni,.scheda-corpo .tappe,.scheda-corpo .barra{background:none!important;padding-left:0;padding-right:0}