:root{--carta: #fdfcf7;--inchiostro: #1c1917;--quieto: #6b675f;--bosco: #1b4332;--riga: #e3e0d6;--allarme: #9b2226}*{box-sizing:border-box}body{margin:0;background:var(--carta);color:var(--inchiostro);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.foglio{max-width:60rem;margin:0 auto;padding:0 1rem 4rem}.testata{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--riga);margin-bottom:1.5rem}.accesso{max-width:22rem;padding-top:15vh;display:grid;gap:1rem}.accesso label{display:grid;gap:.25rem}input,button{font:inherit;padding:.5rem .75rem;border-radius:6px}input{border:1px solid var(--riga);background:#fff}button{border:1px solid var(--bosco);background:var(--bosco);color:#fff;cursor:pointer}.testata button{background:none;color:var(--bosco);padding:.25rem .5rem}button:disabled{opacity:.6}.errore{color:var(--allarme)}.quieto{color:var(--quieto)}.fonte{border-top:1px solid var(--riga);padding:1rem 0}.fonte h2{margin:0 0 .25rem;font-size:1.1rem}table{border-collapse:collapse;min-width:24rem}td{padding:.2rem 1rem .2rem 0}.numero{text-align:right;font-variant-numeric:tabular-nums}.pagine{display:flex;gap:.5rem}.pagine button,.schede button{background:none;color:var(--inchiostro);border:1px solid var(--riga);padding:.3rem .7rem}.pagine button[aria-pressed=true],.schede button[aria-pressed=true]{border-color:var(--bosco);color:var(--bosco);font-weight:600}.schede{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.filtri{display:flex;gap:1.5rem;margin-bottom:1rem}select{font:inherit;padding:.3rem;border:1px solid var(--riga);border-radius:6px;background:#fff}.barra{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:.75rem;padding:.6rem 0;background:var(--carta);border-bottom:1px solid var(--riga)}.barra span{flex:1}.punti{list-style:none;padding:0;margin:0}.punto{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--riga)}.punto.scelto{background:#f1efe4}.punto input[type=checkbox]{width:1.2rem;height:1.2rem;margin-top:.2rem}.corpo{flex:1;display:grid;gap:.3rem}.dettagli{display:flex;flex-wrap:wrap;gap:.3rem 1rem;color:var(--quieto);font-size:.93rem}.dettagli a{color:var(--bosco)}.cura{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:.93rem}.nota{flex:1;min-width:14rem;padding:.3rem .5rem}.spia{color:var(--allarme);font-weight:600;font-size:.9rem}
