:root { --testo: #1d2530; --tenue: #5a6472; --sfondo: #f6f7f9; --carta: #ffffff; --accento: #0b5cad; --bordo: #d8dde4; --avviso: #fff4e5; }
@media (prefers-color-scheme: dark) {
  :root { --testo: #e6e9ee; --tenue: #a3acb9; --sfondo: #14181d; --carta: #1d232a; --accento: #5aa2ec; --bordo: #323a44; --avviso: #3a2c14; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--sfondo); color: var(--testo); font: 17px/1.55 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 640px; margin: 0 auto; padding: 32px 16px 48px; }
h1 { font-size: 1.8rem; margin: 0 0 8px; }
h2 { font-size: 1.2rem; margin: 0 0 12px; }
.intro { color: var(--tenue); margin: 0 0 24px; }
section { background: var(--carta); border: 1px solid var(--bordo); border-radius: 10px; padding: 20px; margin: 0 0 16px; }
.pulsante { display: inline-block; background: var(--accento); color: #fff; text-decoration: none; font-weight: 600; padding: 12px 20px; border-radius: 8px; }
.pulsante:focus, .pulsante:hover { filter: brightness(1.1); }
ol { padding-left: 22px; margin: 16px 0 0; }
li { margin: 6px 0; }
.nota { color: var(--tenue); font-size: 0.95rem; }
dl { margin: 12px 0; }
dt { font-weight: 600; margin-top: 8px; }
dd { margin: 2px 0 0; }
code { font-family: ui-monospace, Consolas, monospace; font-size: 0.92rem; word-break: break-all; }
.avviso { background: var(--avviso); }
.tecnico { font-size: 0.92rem; color: var(--tenue); }
.impronta { display: block; margin-top: 4px; }