/* Cornice del sito: intestazione, menu, piè di pagina. I contenuti usano afswing.css. */
:root{--bg:#f3f5f8;--ink:#14202e;--muted:#5b6878;--line:#dde3ea;--accent:#1f4fd1;--surface:#fff;color-scheme:light}
@media (prefers-color-scheme: dark){:root{--bg:#0f151d;--ink:#e4eaf1;--muted:#97a4b4;--line:#26313e;--accent:#7aa2ff;--surface:#17202b;color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.55;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:880px;margin:0 auto}
.site-head{padding:24px 0 0;display:flex;flex-direction:column;gap:14px}
.brand{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.brand a{color:inherit;text-decoration:none}
.brand .name{font-family:"IBM Plex Sans Condensed","Arial Narrow",system-ui,sans-serif;font-weight:700;font-size:clamp(24px,5vw,32px);letter-spacing:-.01em;line-height:1.1}
.brand .tag{color:var(--muted);font-size:14px}
nav.menu{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}
nav.menu a{font-weight:600;font-size:14px;color:var(--muted);text-decoration:none;padding:8px 12px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
nav.menu a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--accent)}
nav.menu a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
main{padding:24px 0 8px}
.page-title{font-family:"IBM Plex Sans Condensed","Arial Narrow",system-ui,sans-serif;font-size:clamp(22px,4vw,28px);margin:0 0 6px;line-height:1.2}
.page-sub{color:var(--muted);margin:0 0 24px;max-width:68ch}
.prose{max-width:70ch}
.prose h2{font-family:"IBM Plex Sans Condensed","Arial Narrow",system-ui,sans-serif;font-size:20px;margin:28px 0 8px}
.prose p,.prose li{margin:0 0 10px}
.prose a{color:var(--accent)}
.site-foot{border-top:1px solid var(--line);margin-top:32px;padding:16px 0 40px;color:var(--muted);font-size:12px;display:flex;flex-direction:column;gap:8px}
.site-foot p{margin:0;max-width:72ch}
.site-foot a{color:inherit}