/* Wintu · un foglio da leggere, non una vetrina. Stessi colori dell'app. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --carta:#F4F6F4; --inchiostro:#15201A; --testo:#3C4841; --tenue:#6E7A73;
  --accento:#2F7D53; --filetto:#DCE3DE; --punto:#9FB3A7;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --carta:#07110D; --inchiostro:#EEF2EF; --testo:#C3CDC7; --tenue:#8A968F;
    --accento:#9FE8C3; --filetto:#1C2A23; --punto:#3F9D6A;
    color-scheme:dark;
  }
}
html{-webkit-text-size-adjust:100%}
body{background:var(--carta);color:var(--inchiostro);
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',system-ui,sans-serif;
  line-height:1.65;padding:64px 16px 112px;-webkit-font-smoothing:antialiased}
.foglio{max-width:720px;margin:0 auto}
header{margin-bottom:48px}
.marchio{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.marchio img{width:40px;height:40px;border-radius:9px}
.marchio b{font-size:17px;font-weight:700;letter-spacing:-.01em}
h1{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display',system-ui,sans-serif;
  font-size:clamp(32px,7vw,46px);font-weight:750;letter-spacing:-.035em;line-height:1.06;
  margin:20px 0 16px;overflow-wrap:break-word}
h2{font-size:21px;font-weight:700;letter-spacing:-.015em;line-height:1.25;margin:44px 0 10px}
p,li{color:var(--testo);font-size:16px;max-width:68ch;overflow-wrap:break-word}
p+p{margin-top:12px}
ul,ol{margin:12px 0 0 0}
ul{list-style:none}
ul li{position:relative;padding-left:20px;margin-bottom:9px}
ul li::before{content:'';position:absolute;left:3px;top:11px;width:5px;height:5px;border-radius:50%;background:var(--punto)}
ol{padding-left:22px}
ol li{margin-bottom:7px;padding-left:4px}
b,strong{color:var(--inchiostro);font-weight:650}
a{color:var(--accento);text-underline-offset:2px}
.data{display:block;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:11.5px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--tenue);margin:4px 0 18px}
.nota{margin-top:36px;padding-top:20px;border-top:1px solid var(--filetto)}
footer{margin-top:72px;padding-top:24px;border-top:1px solid var(--filetto);
  font-size:13.5px;color:var(--tenue);display:flex;gap:10px 18px;flex-wrap:wrap}
footer a{color:var(--tenue);text-decoration:none}
footer a:hover{color:var(--inchiostro)}