/* Informativa privacy (privacy.html), pagina autonoma raggiungibile senza login — foglio esterno per la CSP (style-src-elem 'self') */
:root{
  --paper:#f2f5f9;--card:#ffffff;--ink:#0e1b2e;--ink-soft:#5c6b82;
  --line:#dde4ee;--band:#0e1b2e;--band-text:#eef2f8;--accent:#047857;
  --warn-bg:#fff8e1;--warn-line:#c9a227;
  --serif:'IBM Plex Sans',system-ui,sans-serif;
  --sans:'IBM Plex Sans',system-ui,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:15px;line-height:1.65;
}
.band{background:var(--band);color:var(--band-text);padding:22px 0}
.wrap{max-width:44rem;margin:0 auto;padding:0 22px}
.band .wrap{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.mark{font-family:var(--serif);font-size:21px;letter-spacing:.02em}
.band a{color:var(--band-text);opacity:.72;font-size:13px;text-decoration:none;margin-left:auto}
.band a:hover{opacity:1;text-decoration:underline}
main{background:var(--card);border:1px solid var(--line);border-radius:10px;
     margin:26px auto 60px;max-width:44rem;padding:38px 42px}
h1{font-family:var(--serif);font-size:29px;line-height:1.2;margin:0 0 6px;text-wrap:balance}
.date{color:var(--ink-soft);font-size:13px;margin:0 0 30px}
h2{font-family:var(--serif);font-size:20px;margin:36px 0 10px;text-wrap:balance;
   padding-top:14px;border-top:1px solid var(--line)}
h3{font-size:15px;margin:24px 0 6px;letter-spacing:.01em}
p,li{margin:0 0 12px}
ul{padding-left:22px}
strong{font-weight:600}
.lead{font-size:16px}
table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:14px}
th,td{text-align:left;vertical-align:top;padding:9px 12px 9px 0;border-bottom:1px solid var(--line)}
th{font-weight:600;color:var(--ink-soft);font-size:12.5px;
   text-transform:uppercase;letter-spacing:.06em}
.scroll{overflow-x:auto}
.box{background:#f0f7f4;border-left:3px solid var(--accent);
     padding:14px 18px;margin:20px 0;border-radius:0 6px 6px 0}
.box p:last-child{margin-bottom:0}
code{background:#eef2f7;padding:1px 5px;border-radius:3px;font-size:.9em}
footer{color:var(--ink-soft);font-size:13px;text-align:center;padding:0 22px 50px}
@media (max-width:640px){ main{padding:26px 20px;border-radius:0;border-left:0;border-right:0} }
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#10161f;--card:#161d29;--ink:#f2f4f7;--ink-soft:#b1bcd0;
    --line:#28374d;--band:#0b1017;--accent:#5cd696;--warn-bg:#2e2712;
  }
  :root:not([data-theme="light"]) .box{background:#173023}
  :root:not([data-theme="light"]) code{background:#202d3f}
}