/* Scouty, sito pubblico (scoutyapp.it): un solo foglio per index.html e guida.html.
   Stile a riquadri (bento): schede arrotondate con etichetta "NN / sezione" in alto a destra, titoli Archivo spessi e maiuscoli
   con una parte in sfumatura blu-viola, chiaro e scuro (data-theme sul tag html, altrimenti quello del sistema).
   Sfondo illustrato: img/arena.webp (generato da scripts/sito/arena.py). Il blu di Scouty Club (--club) e' quello dell'app. */
:root{--bg:#f2f3f6;--card:#fff;--card2:#f7f8fa;--fg:#0d1220;--mut:#5f6675;--line:#e3e6ec;--club:#2864f0;--vio:#7c3aed;--green:#16a34a;--red:#dc2626;--clubbg:rgba(40,100,240,.08);--chip:#eef2ff;--shadow:0 1px 2px rgba(13,18,32,.04),0 8px 24px rgba(13,18,32,.06);--r:22px;--grad:linear-gradient(90deg,#2864f0,#7c3aed)}
:root[data-theme=dark]{--bg:#070b16;--card:#0f1626;--card2:#131c30;--fg:#eef1f7;--mut:#8f9ab0;--line:#1e2940;--club:#5b8cff;--clubbg:rgba(91,140,255,.12);--chip:#17213a;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);--grad:linear-gradient(90deg,#5b8cff,#a78bfa)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#070b16;--card:#0f1626;--card2:#131c30;--fg:#eef1f7;--mut:#8f9ab0;--line:#1e2940;--club:#5b8cff;--clubbg:rgba(91,140,255,.12);--chip:#17213a;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);--grad:linear-gradient(90deg,#5b8cff,#a78bfa)}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;transition:background .25s,color .25s}
img{max-width:100%;height:auto;display:block}
a{color:var(--club)}
.c{max-width:1200px;margin:0 auto;padding:0 20px}
h1,h2,h3,.h{font-family:Archivo,'Arial Black',system-ui,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95;margin:0}
h1{font-size:clamp(38px,5.2vw,66px)}
h2{font-size:clamp(30px,4vw,48px);margin-bottom:12px}
h3{font-size:20px;letter-spacing:-.01em;margin-bottom:8px;line-height:1.05}
.gr{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.mut{color:var(--mut)}
.chip{display:inline-flex;align-items:center;gap:8px;font:700 10.5px/1 Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--club);background:var(--chip);padding:7px 11px;border-radius:999px;margin-bottom:18px}
.chip:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(22,163,74,.18)}

/* barra in alto */
.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top .c{display:flex;align-items:center;gap:10px;height:64px}
.brand{display:flex;min-width:0;align-items:center;gap:9px;color:var(--fg);text-decoration:none;font:900 21px/1 Archivo,sans-serif;letter-spacing:-.03em}
.brand img{width:32px;height:32px;border-radius:9px;background:#fff}
/* logo nuovo (03/11/2026): la scritta "Scouty." con il gufo nella o; versione chiara nel tema scuro */
.brand .bw{display:block;flex:0 1 auto;min-width:0;width:104px;height:31px;background:url(img/scouty-wordmark.png?v=6) left center/contain no-repeat}
:root[data-theme=dark] .brand .bw{background-image:url(img/scouty-wordmark-dark.png?v=6)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand .bw{background-image:url(img/scouty-wordmark-dark.png?v=6)}}
.brand i{font-style:normal;color:var(--club)}
.top nav{display:flex;gap:2px;margin-left:auto;align-items:center}
.top nav a{color:var(--mut);text-decoration:none;font-weight:500;font-size:14.5px;padding:8px 11px;border-radius:999px}
.top nav a:hover{color:var(--fg);background:var(--card)}
.top nav a.go{background:var(--fg);color:var(--bg);font-weight:600;padding:10px 16px;margin-left:6px}
.tg{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--fg);display:grid;place-items:center;cursor:pointer;margin-left:4px}
.tg svg{width:17px;height:17px}
.lgs{height:36px;padding:0 11px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--fg);display:grid;place-items:center;font-weight:700;font-size:13px;text-decoration:none;margin-left:4px}
.top nav a{white-space:nowrap}
@media (max-width:1220px){.top nav a.x2{display:none}}
@media (min-width:941px){.top nav a{padding:8px 8px;font-size:14px}}
@media (max-width:940px){.top nav a.x{display:none}}
@media (max-width:420px){.brand span:not(.bw){display:none}}
/* sui telefoni la scritta non ci sta accanto al menu: al suo posto l'icona, larga come prima (03/11/2026) */
@media (max-width:420px){.brand .bw,:root[data-theme=dark] .brand .bw,:root:not([data-theme=light]) .brand .bw{width:32px;height:32px;background-image:url(logo.png)}}

.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;margin:0 8px 8px 0;border:1px solid transparent;transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn.dk{background:var(--fg);color:var(--bg)}
.btn.ln{border-color:var(--line);background:var(--card);color:var(--fg)}
.btn.wh{background:#fff;color:#0d1220}
.btn.club{background:var(--club);color:#fff}

/* griglia a riquadri */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--shadow);overflow:hidden;min-width:0}
.card .lb{position:absolute;top:18px;right:20px;font:600 10px/1 ui-monospace,Menlo,monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--mut);opacity:.7}
.s3{grid-column:span 3}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.s12{grid-column:span 12}
.r2{grid-row:span 2}
@media (max-width:1000px){.s3{grid-column:span 6}.s4,.s5{grid-column:span 6}.s7,.s8{grid-column:span 12}.r2{grid-row:auto}}
@media (max-width:640px){.bento{grid-template-columns:minmax(0,1fr)}.bento>*{grid-column:auto!important}.card{padding:22px}}
.stat{display:flex;flex-direction:column;justify-content:flex-end;min-height:170px}
.stat b{font:900 clamp(44px,5vw,64px)/1 Archivo,sans-serif;letter-spacing:-.04em}
.stat span{font:700 10.5px/1.3 Inter,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:var(--mut);margin-top:8px}
.blue{background:linear-gradient(135deg,#2864f0,#4f46e5 60%,#7c3aed);border-color:transparent;color:#fff}
.blue .lb{color:#dbe4ff}
.blue p{color:#e3e9ff}
.dark{background:#0b1222;border-color:#1b2540;color:#eef1f7}
.dark .lb{color:#8f9ab0}
.dark p{color:#aab4c8}
section{padding:70px 0 10px}
.sh{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.sh p{max-width:520px;margin:0;color:var(--mut)}
.sh .k{font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:1.4px;text-transform:uppercase;color:var(--club);display:block;margin-bottom:12px}

/* hero */
.hero{padding:26px 0 0}
.hero .main{display:flex;flex-direction:column;justify-content:space-between;min-height:430px;background:linear-gradient(135deg,var(--card) 55%,var(--clubbg))}
.hero .main p{font-size:18px;color:var(--mut);max-width:560px;margin:20px 0 26px}
.arena{padding:0;min-height:300px;background:#11151f url(img/arena.webp) center/cover;color:#fff;display:flex;align-items:flex-end}
.arena .ov{width:100%;padding:24px 26px;background:linear-gradient(transparent,rgba(5,8,16,.85))}
.arena .lb{color:#dfe5f2;opacity:.9}
.arena h3{font-size:24px}
.arena p{margin:0;color:#d4dae6;font-size:15px}
.phone{display:flex;align-items:flex-end;justify-content:center;padding:28px 20px 0;background:linear-gradient(160deg,var(--clubbg),var(--card2))}
.ph{background:#0a0d14;border-radius:34px;padding:8px;box-shadow:0 20px 40px rgba(13,18,32,.25),inset 0 0 0 1.5px #2a3142}
.ph img{border-radius:27px;width:100%}
.phone .ph{width:min(290px,86%);border-radius:34px 34px 0 0;padding-bottom:0}
.phone .ph img{border-radius:27px 27px 0 0}
.pc{background:#0a0d14;border-radius:12px;padding:8px;box-shadow:0 20px 40px rgba(13,18,32,.22)}
.pc img{border-radius:6px}
.shot{border-radius:14px;border:1px solid var(--line);background:#fff;overflow:hidden}
[data-z]{cursor:zoom-in}

/* liste */
.feat{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px;margin-top:22px}
.feat div{border-left:2px solid var(--club);padding-left:14px}
.feat b{display:block;font:800 13px/1.2 Archivo,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}
.feat span{font-size:14.5px;color:var(--mut)}
.dark .feat span{color:#aab4c8}
@media (max-width:640px){.feat{grid-template-columns:1fr}}
.list{display:grid;gap:10px;margin-top:16px}
.list>div{display:flex;gap:12px;align-items:flex-start;background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.list .ic{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--club);color:#fff}
.list .ic svg{width:16px;height:16px}
.list b{display:block;font:800 12.5px/1.2 Archivo,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.list span{font-size:14px;color:var(--mut)}
.mini{display:flex;flex-direction:column;gap:14px}
.mini .im{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff}
.mini p{margin:0;color:var(--mut);font-size:14.5px}

/* piani: come la pagina /piani dell'app, Scouty Club in blu */
.upt{display:grid;grid-template-columns:1fr auto auto;font-size:15px;margin:16px 0 0}
.upt>*{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-bottom:1px solid var(--line);text-align:center}
.upt>:nth-child(3n+1){justify-content:flex-start;text-align:left}
.upt .ph0{border-bottom:2px solid var(--line);font-weight:700;padding:12px}
.upt .pcl{background:var(--clubbg);color:var(--club);font-weight:700;border-bottom-color:transparent;min-width:140px}
.upt .pclt{background:var(--club);color:#fff;border-radius:12px 12px 0 0;font:900 15px/1 Archivo,sans-serif;text-transform:uppercase;padding:14px 12px}
.upt .pb{border-radius:0 0 12px 12px}
.upt i{font-style:normal;font-weight:900;font-size:18px;line-height:1}
.upt i.y{color:var(--green)}.upt i.n{color:var(--red);opacity:.75}
@media (max-width:640px){.upt{font-size:14px}.upt>*{padding:9px 7px}.upt .pcl{min-width:92px}}
.price b{display:block;font:900 54px/1 Archivo,sans-serif;letter-spacing:-.04em}
.price small{display:block;font:700 10.5px/1.3 Inter,sans-serif;letter-spacing:1.3px;text-transform:uppercase;opacity:.85;margin:6px 0 22px}

/* export */
.tag{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:13px;font:900 12px/1 Archivo,sans-serif;color:#fff;margin-bottom:14px}
.papers{position:relative;padding:4px 4px 50px}
.papers .shot{box-shadow:0 14px 30px rgba(13,18,32,.15)}
.papers .shot.b{position:absolute;width:58%;right:0;bottom:0;transform:rotate(1.5deg)}

/* striscia finale e footer */
.strip{display:flex;flex-wrap:wrap;gap:12px 34px;justify-content:center;align-items:center;font:800 13px/1 Archivo,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.strip span{display:flex;align-items:center;gap:8px}
.strip span:before{content:'';width:8px;height:8px;border-radius:2px;background:var(--grad)}
footer{padding:40px 0 50px;color:var(--mut);font-size:14px}
footer .c{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;border-top:1px solid var(--line);padding-top:26px}
footer a{color:var(--mut);text-decoration:none}footer a:hover{color:var(--fg)}

/* lente */
dialog.lb2{border:0;padding:0;background:transparent;max-width:96vw;max-height:94vh}
dialog.lb2::backdrop{background:rgba(5,8,16,.88)}
dialog.lb2 img{max-width:96vw;max-height:94vh;border-radius:12px;cursor:zoom-out}

/* guida */
.doc{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;padding:34px 20px 60px}
.doc aside{position:sticky;top:84px;align-self:start;font-size:14.5px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:10px}
.doc aside a{display:block;color:var(--mut);text-decoration:none;padding:6px 10px;border-radius:10px}
.doc aside a:hover{color:var(--fg);background:var(--card2)}
.doc article{min-width:0;max-width:800px}
.doc h1{font-size:clamp(36px,5.4vw,60px);margin:0 0 14px}
.doc h2{font-size:28px;margin:50px 0 12px;scroll-margin-top:84px}
.doc li{margin-bottom:6px}
.doc .lead{font-size:18px;color:var(--mut)}
.doc .fig{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}
.doc .fig .ph{width:220px}
.doc .fig .zm{flex:1;min-width:260px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:10px}
.doc .fig .zm b{display:block;font:600 10px/1 ui-monospace,Menlo,monospace;letter-spacing:1.2px;text-transform:uppercase;color:var(--mut);padding:6px 6px 10px}
.doc .fig .zm img{border-radius:10px}
.tip{background:var(--clubbg);border-left:3px solid var(--club);padding:14px 18px;border-radius:0 14px 14px 0;margin:20px 0}
table.t{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:15px;margin:14px 0}
table.t th,table.t td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.t tr:last-child td{border-bottom:0}
table.t th{background:var(--card2);font-weight:700}
table.t.vs td,table.t.vs th{overflow-wrap:anywhere;hyphens:auto}
table.t td.s{font:800 18px/1.2 ui-monospace,Menlo,monospace;text-align:center;width:48px}
.p{color:var(--green)}.m{color:var(--red)}
@media (max-width:860px){.doc{grid-template-columns:minmax(0,1fr)}.doc aside{position:static;display:flex;flex-wrap:wrap;gap:2px}}

/* dispositivi supportati (hero) e Google Play in arrivo */
.devs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.devs .dvl{font:700 10.5px/1 Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut);margin-right:2px}
.devs .dv{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:600;color:var(--fg)}
.devs .dv svg{width:17px;height:17px;color:var(--club)}
/* store in arrivo (#134): grigi, non cliccabili */
.devs .gp{border-style:dashed;color:var(--mut)}.devs .gp svg{color:var(--mut)}.devs .gp i{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#fff;background:var(--mut);border-radius:999px;padding:2px 7px}
/* due telefoni in prospettiva (La stagione) */
.persp .pp{display:flex;justify-content:center;align-items:flex-start;gap:4%;margin-top:26px;perspective:1400px;max-height:560px;overflow:hidden}
.persp .pf{width:42%;border-radius:26px;overflow:hidden;border:6px solid #0d1220;background:#0d1220;box-shadow:0 30px 50px -20px rgba(13,18,32,.45);cursor:zoom-in;transition:transform .3s}
.persp .pf img{display:block;width:100%;height:auto}
.persp .pf.l{transform:rotateY(16deg) rotateX(4deg) translateY(10px)}.persp .pf.r{transform:rotateY(-16deg) rotateX(4deg) translateY(40px)}
.persp .pf:hover{transform:none}
@media (max-width:640px){.persp .pp{max-height:300px;margin-top:16px}.persp .pf{border-width:4px;border-radius:18px}}
/* le schede piccole: il titolo non passa sotto l etichetta in alto a destra */
.mini h3{padding-right:120px}
@media (max-width:640px){.mini h3{padding-right:0;margin-top:18px}}

/* video dimostrativo (guida) */
.vid{margin:24px 0 8px}.vid video{display:block;width:min(100%,360px);height:auto;border-radius:22px;background:#0b0e2e;box-shadow:var(--shadow)}.vid figcaption{color:var(--mut);font-size:14px;margin-top:10px;max-width:520px}
/* Pulsanti: premuto (31/10/2026) */
.btn:active{transform:translateY(0) scale(.97);filter:brightness(.92)}
.btn.ln:hover{border-color:var(--fg)}
.top nav a:active{background:var(--card2)}

/* piani (01/11/2026): FREE e CLUB con gli stessi colori dell'app (PARTNER e TRIAL non stanno nei prezzi) */
.pk{display:inline-block;padding:2px 10px;border-radius:999px;font:800 13px/1.4 Archivo,sans-serif;letter-spacing:.06em}
.pk.pkf{background:#E8EDF2;color:#475569;box-shadow:inset 0 0 0 1px #CBD5E1}
.upt .pclt{background:#1746A2}
/* piè di pagina: il logo con il motto (04/11/2026, scripts/loghi.mjs da scouty-logo.png) */
.flg{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-basis:100%}
.flgi{display:block;width:220px;height:71px;max-width:100%;background:url(img/scouty-logo-full.png?v=4) left center/contain no-repeat}
:root[data-theme=dark] .flgi{background-image:url(img/scouty-logo-full-dark.png?v=4)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .flgi{background-image:url(img/scouty-logo-full-dark.png?v=4)}}
/* bollino "In arrivo" (funzioni annunciate, non ancora nell'app): giallo, senza il pallino verde */
.chip.chs{color:#7a4b00;background:#fff1c2;margin-bottom:12px}.chip.chs:before{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.22)}
.dark .chip.chs{color:#3b2a00;background:#ffd54a}
/* testata: il logo con il motto "Scout. Analyse. Improve." (author, 04/11/2026: "almeno lo voglio sul sito e admin"); sotto i 420 px resta l'icona */
@media (min-width:421px){.brand .bw{width:180px;height:58px;background-image:url(img/scouty-logo-full.png?v=4)}
:root[data-theme=dark] .brand .bw{background-image:url(img/scouty-logo-full-dark.png?v=4)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand .bw{background-image:url(img/scouty-logo-full-dark.png?v=4)}}}
/* Scouty Teams e Calendario (anteprime): telefoni piccoli sotto il testo, didascalia */
.tmf{margin-top:18px}.tm2{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:420px;margin:0 auto}
.tmc{margin:10px 0 0;text-align:center;font-size:13px;color:var(--mut)}.dark .tmc{color:#aab4c8}

/* Pro: nero e oro (04/11/2026) */
.card.pro{background:#111827;color:#f9fafb;border-color:#C9A227}
.card.pro b{color:#C9A227}
.card.pro .lb{color:#C9A227}
.btn.gd{background:#C9A227;color:#111827}
/* tabella dei piani con Pro, nero e oro (04/11/2026) */
.upt.p4{grid-template-columns:1fr auto auto auto}
.upt.p4>:nth-child(3n+1){justify-content:center;text-align:center}
.upt.p4>:nth-child(4n+1){justify-content:flex-start;text-align:left}
.upt.p4 .pcl{min-width:110px}
.upt .uprc{background:#111827;color:#C9A227;font-weight:700;border-bottom-color:rgba(201,162,39,.25);min-width:110px}
.upt .uprct{border-radius:12px 12px 0 0;font:900 15px/1 Archivo,sans-serif;text-transform:uppercase;padding:14px 12px}
.upt .uprc i.y{color:#C9A227}
@media (max-width:600px){.upt.p4 .pcl,.upt .uprc{min-width:64px}}

/* pagina Novita' (04/11/2026, revisione editoriale): aree di Scouty, versione piu' recente in evidenza */
.nvp{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:14px 0 6px}
.nvp>div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.nvp dt{margin:0 0 6px}.nvp dd{margin:0;font-size:14px;line-height:1.45;color:var(--mut)}
.nva{display:inline-block;font:800 11px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px;color:#fff;margin-right:8px;vertical-align:2px}
.nva-s{background:#2864f0}.nva-a{background:#7c3aed}.nva-c{background:#0f766e}.nva-k{background:#0d1220}.nva-l{background:#dc2626}.nva-i{background:#111827;color:#C9A227}
.nvl{list-style:none;padding:0}.nvl li{margin:0 0 14px;line-height:1.55}
h2.nvx{font-size:32px}
h2.nvx+p+.nvl{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px 4px}
.nva-k,.nva-i{box-shadow:0 0 0 1px rgba(201,162,39,.55)}
/* il logo si accende una volta per visita, come quello dell'Admin (statistiche.js) */
@keyframes bwglow{0%{filter:none}30%{filter:drop-shadow(0 0 10px #7dd3fc)}100%{filter:none}}
.brand .bw.glow{animation:bwglow 2.2s ease-out .3s}

/* barra in alto a sei aree (#134): tendine su PC, menu a tre righe sotto i 940 px; pie' di pagina con icone. Le pagine le scrive scripts/sito/testata.py */
.top .c{position:relative}
.top nav .navdd{position:relative}
.top nav .navdd button{font:500 14px/1.2 Inter,sans-serif;color:var(--mut);background:none;border:0;padding:8px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.top nav .navdd button svg{width:14px;height:14px}
.top nav .navdd:hover button,.top nav .navdd:focus-within button{color:var(--fg);background:var(--card)}
.navddm{display:none;position:absolute;top:100%;left:0;min-width:200px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 34px rgba(13,18,32,.14);flex-direction:column;z-index:40}
.top nav .navdd:hover .navddm,.top nav .navdd:focus-within .navddm{display:flex}
.top nav .navddm a{padding:10px 12px;border-radius:10px;font-size:14.5px;color:var(--fg)}
.top nav .navddm a:hover{background:var(--card2)}
@media (max-width:940px){.top nav .navdd{display:none}}
.navex{display:inline-flex;align-items:center;gap:3px}.navex svg{width:13px;height:13px;opacity:.7}
.navmn{display:none;order:9;margin-left:4px}
@media (max-width:940px){.navmn{display:block}}
@media (max-width:420px){.top nav a.navin{display:none}}
.navmn summary{list-style:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--fg);display:grid;place-items:center;cursor:pointer}
.navmn summary::-webkit-details-marker{display:none}
.navmn summary svg{width:18px;height:18px}
.navmnp{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:calc(100vh - 96px);overflow:auto;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 44px rgba(13,18,32,.2);display:flex;flex-direction:column;z-index:40}
.navmnp a{padding:12px;border-radius:12px;color:var(--fg);text-decoration:none;font-weight:600;font-size:16px}
.navmnp a.navs{font-weight:500;padding:10px 12px 10px 24px}
.navmnp a:active{background:var(--card2)}
.navmnp b{font:700 10.5px/1 Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut);padding:14px 12px 4px}
footer .ftdv{flex-basis:100%;margin:0 0 6px}
.ftsep{width:1px;height:22px;background:var(--line);margin:0 6px}
.ftln,.ftlg{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.ftln{padding:14px 0 18px;border-bottom:1px solid var(--line)}
.ftln a,.ftlg a{display:inline-flex;align-items:center;gap:8px}
footer .ftln a{color:var(--fg);font-weight:500;font-size:15px;padding:6px 0}
.ftln svg,.ftlg svg{width:18px;height:18px;flex:none;color:var(--club)}
footer .ftln a.ftbt{padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-weight:600}
footer .ftln a.ftbt1{background:#f5c542;border-color:#f5c542;color:#0d1220}
.ftbs{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px 12px}
.ftln a.ftbt1 svg{color:#0d1220}
.ftrt{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center}
@media (max-width:760px){.ftsep{display:none}.ftbs{margin-left:0;flex-basis:100%}.ftrt{margin-left:0;flex-basis:100%}}

/* ancore (#390): id su ogni titolo, "#" per copiare il link (site/ancore.js) */
section[id],h2[id],h3[id]{scroll-margin-top:84px}
.ha{display:inline-block;margin-left:.4em;padding:0 .12em;font:inherit;font-size:.6em;font-weight:700;letter-spacing:0;text-transform:none;line-height:1;color:currentColor;-webkit-text-fill-color:currentColor;text-decoration:none;vertical-align:.12em;opacity:.38;border-radius:6px;transition:opacity .15s}
.ha:hover,.ha:focus-visible{opacity:1;color:var(--club,currentColor);-webkit-text-fill-color:var(--club,currentColor)}
.ha:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.blue .ha:hover,.dark .ha:hover,.ov .ha:hover{color:#fff;-webkit-text-fill-color:#fff}
@media (hover:hover) and (pointer:fine){.ha{opacity:0}:is(h2,h3):hover>.ha,.ha:focus-visible{opacity:.75}.ha:hover{opacity:1}}
.ha-toast{position:fixed;left:50%;bottom:24px;z-index:60;max-width:calc(100vw - 32px);transform:translate(-50%,16px);padding:11px 18px;border-radius:999px;background:var(--fg,#0b1020);color:var(--bg,#fff);font:600 14px/1.2 system-ui,sans-serif;box-shadow:0 8px 28px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.ha-toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.ha,.ha-toast{transition:none}}
@media (pointer:coarse){.ha{padding:.5em .6em;margin:-.5em -.3em -.5em 0}}