/* Stile minimo, comune a tutte le pagine. */
:root { --testo: #2b2b2b; --tenue: #777; --accento: #b0382f; --fondo: #fbf8f3; --riga: #e6dfd3; }
* { box-sizing: border-box; }
body { margin: 0 auto; max-width: 720px; padding: 32px 20px 48px; background: var(--fondo); color: var(--testo); font: 18px/1.6 Georgia, "Times New Roman", serif; }
h1 { font-size: 1.9em; line-height: 1.2; margin: 0 0 .4em; color: var(--accento); letter-spacing: .02em; }
a { color: var(--accento); }
a:hover { color: #7d241d; }
.torna { font-size: .9em; margin: 0 0 24px; }
.torna a { text-decoration: none; }
.home header { text-align: center; margin: 24px 0 32px; }
.home h1 { font-size: 2.3em; text-transform: uppercase; }
.sotto { color: var(--tenue); font-style: italic; margin: 0; }
.menu { list-style: none; padding: 0; margin: 0 auto; max-width: 360px; }
.menu li { margin: 0 0 12px; }
.menu a { display: block; padding: 12px 16px; border: 1px solid var(--riga); border-radius: 6px; background: #fff; text-align: center; text-decoration: none; font-size: 1.05em; }
.menu a:hover { border-color: var(--accento); }
/* Testi: un verso per riga, le strofe separate dai paragrafi vuoti */
.testo p { margin: 0; }
.testo p:empty { height: .8em; }
/* Elenchi delle basi e delle canzoni */
.brani { list-style: none; padding: 0; }
.brani li { margin: 0 0 18px; padding: 12px 16px; background: #fff; border: 1px solid var(--riga); border-radius: 6px; }
.brani audio { display: block; width: 100%; margin: 8px 0 4px; }
.brani li > a { font-size: .85em; }