@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');

/* Sistema pubblico Avanlio. Questa è l'unica sorgente per testata, menu,
   azioni principali e materiale di navigazione in tutto il sito. */
:root {
  --site-paper: var(--canvas, var(--paper, #fbfaf7));
  --site-surface: var(--surface, #fff);
  --site-ink: var(--text-primary, var(--ink, #182033));
  --site-muted: var(--text-secondary, var(--muted, var(--text, #5c657b)));
  --site-action: var(--action, var(--violet, #5961d2));
  --site-action-pressed: var(--action-pressed, #424ab1);
  --site-line: var(--border, var(--line, rgba(24,32,51,.12)));
  --site-periwinkle: var(--periwinkle, var(--peri, #e9eaff));
  --site-peach: var(--peach, #ffd0b4);
  --site-serif: "Fraunces", Georgia, serif;
  --site-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.site-shell { width:min(1140px,calc(100% - 44px)); margin-inline:auto; }
/* La larghezza vive sulla regola base, non su `.nav.shell`/`.topnav`: la
   testata canonica nasce da site-system.js con la sola classe `site-nav` e
   senza questo vincolo andava da bordo a bordo sopra i 760 px, mentre
   contenuto e footer restavano nella colonna da 1140 px. */
.site-nav, .site-nav.nav.shell, .site-nav.topnav { position:sticky!important; z-index:80!important; top:12px!important; width:min(1140px,calc(100% - 44px))!important; margin:12px auto 0!important; padding:0!important; }
.site-nav .nav-inner, .site-nav .topnav-inner {
  position:relative!important; display:flex!important; align-items:center!important; justify-content:space-between!important;
  width:100%!important; min-height:58px!important; gap:16px!important; margin:0!important; padding:9px 10px 9px 18px!important;
  overflow:visible!important; border:1px solid color-mix(in srgb,var(--glass-edge-top,rgba(118,126,213,.46)) 34%,rgba(89,97,210,.16))!important;
  border-radius:22px!important;
  background:
    radial-gradient(78% 180% at var(--glass-light-x,50%) var(--glass-light-y,0%),color-mix(in srgb,var(--glass-blur-bloom,transparent) 82%,transparent),transparent 64%),
    linear-gradient(104deg,color-mix(in srgb,var(--glass-edge-left,transparent) 18%,transparent),transparent 29% 69%,color-mix(in srgb,var(--glass-edge-right,transparent) 15%,transparent)),
    linear-gradient(110deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 78%,transparent),transparent 58%),
    color-mix(in srgb,var(--site-paper) 89%,transparent)!important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--glass-specular,rgba(255,255,255,.74)) 54%,transparent),0 9px 26px rgba(30,35,83,.085)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.13) brightness(1.015)!important;
  backdrop-filter:blur(28px) saturate(1.13) brightness(1.015)!important;
}
html body .site-nav.site-nav .nav-inner[data-live-glass][data-glass-intent="navigation"],
html body .site-nav.site-nav .topnav-inner[data-live-glass][data-glass-intent="navigation"] {
  background:
    radial-gradient(78% 180% at var(--glass-light-x,50%) var(--glass-light-y,0%),color-mix(in srgb,var(--glass-blur-bloom,transparent) 82%,transparent),transparent 64%),
    linear-gradient(104deg,color-mix(in srgb,var(--glass-edge-left,transparent) 18%,transparent),transparent 29% 69%,color-mix(in srgb,var(--glass-edge-right,transparent) 15%,transparent)),
    linear-gradient(110deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 78%,transparent),transparent 58%),
    rgba(251,250,247,.86)!important;
}
.site-nav .nav-inner>.glass-material-edge,.site-nav .nav-inner>.avanlio-glass-live,
.site-nav .topnav-inner>.glass-material-edge,.site-nav .topnav-inner>.avanlio-glass-live { display:none!important; }
.site-nav.site-nav .nav-inner[data-live-glass]::before,.site-nav.site-nav .topnav-inner[data-live-glass]::before,
.site-nav.site-nav .nav-inner[data-live-glass]::after,.site-nav.site-nav .topnav-inner[data-live-glass]::after {
  content:""!important; position:absolute!important; inset:0!important; display:block!important; pointer-events:none!important;
  border-radius:inherit!important;
}
.site-nav.site-nav .nav-inner[data-live-glass]::before,.site-nav.site-nav .topnav-inner[data-live-glass]::before {
  z-index:0!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--glass-edge-left,transparent) 34%,transparent),transparent 16% 84%,color-mix(in srgb,var(--glass-edge-right,transparent) 30%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--glass-edge-top,transparent) 30%,transparent),transparent 28% 76%,color-mix(in srgb,var(--glass-edge-bottom,transparent) 22%,transparent))!important;
  mix-blend-mode:screen!important; opacity:.72!important;
}
.site-nav.site-nav .nav-inner[data-live-glass]::after,.site-nav.site-nav .topnav-inner[data-live-glass]::after {
  z-index:1!important; padding:1px!important;
  background:linear-gradient(104deg,var(--glass-edge-left,rgba(182,190,255,.36)),transparent 20% 67%,var(--glass-edge-right,rgba(255,214,190,.3))),linear-gradient(180deg,var(--glass-specular,rgba(255,255,255,.5)),transparent 22% 74%,var(--glass-edge-bottom,rgba(188,194,255,.28)))!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important; -webkit-mask-composite:xor!important; mask-composite:exclude!important;
  opacity:.88!important;
}
.site-nav.site-nav .nav-inner[data-live-glass]>*:not(.glass-material-edge,.avanlio-glass-live),
.site-nav.site-nav .topnav-inner[data-live-glass]>*:not(.glass-material-edge,.avanlio-glass-live) { position:relative!important; z-index:2!important; }
.site-nav.site-nav .brand { display:inline-flex!important; align-items:center!important; flex:0 0 auto!important; gap:9px!important; min-width:0!important; margin:0!important; color:var(--site-ink)!important; font:600 1.3rem/1 var(--site-serif)!important; letter-spacing:-.05em!important; text-decoration:none!important; white-space:nowrap!important; }
.site-nav.site-nav .brand svg { width:26px!important; height:26px!important; flex:0 0 26px!important; }
.site-nav .nav-links { display:flex!important; align-items:center!important; gap:22px!important; margin-left:auto!important; }
.site-nav .nav-links a { padding:8px 1px!important; color:var(--site-muted)!important; font:700 .78rem/1.2 var(--site-sans)!important; text-decoration:none!important; }
.site-nav .nav-links a:hover,.site-nav .nav-links a:focus-visible { color:var(--site-action)!important; }
.site-nav.site-nav .nav-access { display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; min-height:40px!important; padding:0 14px!important; border:1px solid color-mix(in srgb,var(--site-action) 82%,white)!important; border-radius:12px!important; background:linear-gradient(118deg,color-mix(in srgb,var(--site-action) 82%,#8e96f2),var(--site-action))!important; box-shadow:inset 0 1px rgba(255,255,255,.3),0 7px 17px rgba(56,64,159,.18)!important; color:#fff!important; font:700 .8rem/1 var(--site-sans)!important; text-decoration:none!important; white-space:nowrap!important; }
.site-nav .nav-discovery { display:none; }
.site-nav .nav-discovery summary { list-style:none; }
.site-nav .nav-discovery summary::-webkit-details-marker { display:none; }
.site-nav .nav-access-long { display:inline!important; }
.site-nav .nav-access-short { display:none!important; }

@media(max-width:760px) {
  .site-shell { width:min(100% - 32px,1140px); }
  .site-nav,.site-nav.nav.shell,.site-nav.topnav { top:8px!important; width:min(100% - 32px,1140px)!important; margin-top:8px!important; }
  .site-nav.site-nav .nav-inner,.site-nav.site-nav .topnav-inner { height:56px!important; min-height:56px!important; max-height:56px!important; gap:8px!important; padding:8px 8px 8px 14px!important; border-radius:18px!important; }
  .site-nav.site-nav .brand { gap:7px!important; font-size:1.16rem!important; }
  .site-nav.site-nav .brand svg { width:23px!important; height:23px!important; flex-basis:23px!important; }
  .site-nav .nav-links { display:none!important; }
  .site-nav .nav-inner .nav-discovery,.site-nav .topnav-inner .nav-discovery { position:relative!important; z-index:10!important; display:block!important; margin-left:auto!important; }
  .site-nav .nav-inner .nav-discovery>summary,.site-nav .topnav-inner .nav-discovery>summary,
  .site-nav .nav-inner .nav-discovery[open]>summary,.site-nav .topnav-inner .nav-discovery[open]>summary {
    display:grid!important; place-items:center!important; width:38px!important; min-width:38px!important; min-height:38px!important;
    padding:0!important; overflow:hidden!important;
    border:1px solid color-mix(in srgb,var(--glass-edge-top,rgba(118,126,213,.46)) 44%,rgba(89,97,210,.24))!important;
    border-radius:11px!important;
    background:radial-gradient(105% 145% at 0 0,color-mix(in srgb,var(--glass-edge-left,transparent) 24%,transparent),transparent 68%),radial-gradient(95% 135% at 100% 100%,color-mix(in srgb,var(--glass-edge-right,transparent) 18%,transparent),transparent 72%),linear-gradient(118deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 40%,transparent),transparent 62%),color-mix(in srgb,var(--site-paper) 84%,transparent)!important;
    box-shadow:inset 0 1px color-mix(in srgb,var(--glass-specular,rgba(255,255,255,.74)) 58%,transparent),0 3px 10px rgba(49,55,124,.055)!important;
    color:var(--site-action)!important; cursor:pointer!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.1)!important; backdrop-filter:blur(22px) saturate(1.1)!important;
  }
  .site-nav .nav-inner .nav-discovery>summary::before,.site-nav .nav-inner .nav-discovery>summary::after,
  .site-nav .topnav-inner .nav-discovery>summary::before,.site-nav .topnav-inner .nav-discovery>summary::after { content:none!important; display:none!important; }
  .site-nav .nav-inner .nav-discovery>summary>.glass-material-edge,.site-nav .nav-inner .nav-discovery>summary>.avanlio-glass-live,
  .site-nav .topnav-inner .nav-discovery>summary>.glass-material-edge,.site-nav .topnav-inner .nav-discovery>summary>.avanlio-glass-live { display:block!important; }
  .site-nav .nav-inner .nav-discovery>summary>.glass-material-edge,.site-nav .topnav-inner .nav-discovery>summary>.glass-material-edge { z-index:1!important; opacity:.88!important; }
  .site-nav .nav-inner .nav-discovery>summary>.avanlio-glass-live,.site-nav .topnav-inner .nav-discovery>summary>.avanlio-glass-live { z-index:2!important; opacity:.72!important; }
  .site-nav .nav-inner .nav-discovery>summary svg,.site-nav .topnav-inner .nav-discovery>summary svg { position:relative!important; z-index:2!important; width:19px!important; height:19px!important; }
  .site-nav .nav-inner .nav-discovery>nav,.site-nav .topnav-inner .nav-discovery>nav {
    position:absolute!important; z-index:12!important; top:calc(100% + 10px)!important; right:0!important; display:grid!important;
    width:190px!important; min-width:190px!important; height:auto!important; padding:12px!important; gap:4px!important; overflow:hidden!important;
    border:1px solid color-mix(in srgb,var(--glass-edge-top,rgba(118,126,213,.46)) 46%,rgba(89,97,210,.18))!important;
    border-radius:18px!important;
    background:radial-gradient(82% 92% at 0 0,color-mix(in srgb,var(--glass-edge-left,transparent) 23%,transparent),transparent 72%),radial-gradient(76% 88% at 100% 100%,color-mix(in srgb,var(--glass-edge-right,transparent) 18%,transparent),transparent 74%),linear-gradient(112deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 52%,transparent),transparent 64%),color-mix(in srgb,var(--site-paper) 96.5%,transparent)!important;
    box-shadow:inset 0 1px color-mix(in srgb,var(--glass-specular,rgba(255,255,255,.78)) 70%,transparent),0 16px 32px rgba(31,35,89,.12)!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.12)!important; backdrop-filter:blur(28px) saturate(1.12)!important;
  }
  .site-nav.site-nav .nav-inner .nav-discovery>nav[data-live-glass],
  .site-nav.site-nav .topnav-inner .nav-discovery>nav[data-live-glass] {
    border-color:color-mix(in srgb,var(--glass-edge-top,rgba(118,126,213,.46)) 46%,rgba(89,97,210,.18))!important;
    background:radial-gradient(82% 92% at 0 0,color-mix(in srgb,var(--glass-edge-left,transparent) 23%,transparent),transparent 72%),radial-gradient(76% 88% at 100% 100%,color-mix(in srgb,var(--glass-edge-right,transparent) 18%,transparent),transparent 74%),linear-gradient(112deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 52%,transparent),transparent 64%),color-mix(in srgb,var(--site-paper) 96.5%,transparent)!important;
    box-shadow:inset 0 1px color-mix(in srgb,var(--glass-specular,rgba(255,255,255,.78)) 70%,transparent),0 16px 32px rgba(31,35,89,.12)!important;
  }
  .site-nav .nav-inner .nav-discovery>nav::before,.site-nav .nav-inner .nav-discovery>nav::after,
  .site-nav .topnav-inner .nav-discovery>nav::before,.site-nav .topnav-inner .nav-discovery>nav::after { content:none!important; display:none!important; }
  .site-nav .nav-inner .nav-discovery>nav>.glass-material-edge,.site-nav .nav-inner .nav-discovery>nav>.avanlio-glass-live,
  .site-nav .topnav-inner .nav-discovery>nav>.glass-material-edge,.site-nav .topnav-inner .nav-discovery>nav>.avanlio-glass-live { display:block!important; }
  .site-nav .nav-inner .nav-discovery>nav>.glass-material-edge,.site-nav .topnav-inner .nav-discovery>nav>.glass-material-edge { z-index:1!important; opacity:.94!important; }
  .site-nav .nav-inner .nav-discovery>nav>.avanlio-glass-live,.site-nav .topnav-inner .nav-discovery>nav>.avanlio-glass-live { z-index:2!important; opacity:.82!important; }
  .site-nav .nav-inner .nav-discovery>nav>a,.site-nav .topnav-inner .nav-discovery>nav>a { position:relative!important; z-index:3!important; display:flex!important; align-items:center!important; min-height:42px!important; padding:11px 13px!important; border-radius:10px!important; color:var(--site-ink)!important; font:650 .8rem/1.2 var(--site-sans)!important; text-decoration:none!important; }
  .site-nav .nav-inner .nav-discovery>nav>a:hover,.site-nav .nav-inner .nav-discovery>nav>a:focus-visible,
  .site-nav .topnav-inner .nav-discovery>nav>a:hover,.site-nav .topnav-inner .nav-discovery>nav>a:focus-visible { background:color-mix(in srgb,var(--site-action) 9%,transparent)!important; color:var(--site-action)!important; }
  .site-nav.site-nav .nav-access { min-height:40px!important; padding-inline:12px!important; font-size:.78rem!important; }
}

@media(max-width:390px) {
  /* Nessun margine dedicato alla barra sotto i 390 px: il gutter da 28 px
     valeva solo per la testata e la lasciava 2 px più larga per lato della
     colonna. Sotto i 760 px comanda un solo valore per barra e contenuto. */
  .site-nav.site-nav .nav-inner,.site-nav.site-nav .topnav-inner { gap:6px!important; padding:6px 6px 6px 12px!important; }
  .site-nav .nav-inner .nav-discovery>summary,.site-nav .topnav-inner .nav-discovery>summary { width:36px!important; min-width:36px!important; min-height:36px!important; }
  .site-nav.site-nav .nav-access { padding-inline:10px!important; font-size:.74rem!important; }
  .site-nav .nav-access-long { display:none!important; }
  .site-nav .nav-access-short { display:inline!important; }
}

@media(prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) { --paper:#101117!important; --ink:#f5f5fa!important; --muted:#b9bfd1!important; --line:rgba(194,199,255,.18)!important; --glass:rgba(24,26,37,.91)!important; }
  body.editorial-page,body.legal-page,body.site-page { color-scheme:dark; }
  body.editorial-page,body.legal-page { background:radial-gradient(48% 28% at 4% 0,#24264a,transparent 72%),radial-gradient(40% 24% at 100% 18%,#30242c,transparent 72%),#101117!important; color:#f5f5fa!important; }
  body.editorial-page :where(.card,.path,.step,.quote),body.legal-page :where(.quick,.identity div,.data-card,.rights span,.notice) { border-color:rgba(194,199,255,.16)!important; background:rgba(29,31,43,.88)!important; box-shadow:none!important; }
  body.editorial-page :where(.card,.path,.step,.quote) :where(h2,strong,b),body.legal-page :where(.quick,.identity div,.data-card,.rights span,.notice) :where(h2,strong,b) { color:#f5f5fa!important; }
  body.editorial-page :where(p,span),body.legal-page :where(.section p,.quick p,.data-card p,.rights span) { color:#b9bfd1; }
  .site-nav .nav-inner,.site-nav .topnav-inner { border-color:color-mix(in srgb,var(--glass-edge-top,rgba(145,153,240,.42)) 38%,rgba(205,210,255,.16))!important; background:linear-gradient(110deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 54%,transparent),transparent 58%),rgba(19,20,27,.91)!important; box-shadow:inset 0 1px color-mix(in srgb,var(--glass-specular,rgba(235,238,255,.26)) 42%,transparent),0 10px 28px rgba(0,0,0,.28)!important; }
  .site-nav .nav-discovery summary { background:rgba(29,31,43,.76); color:#b8beff; }
  .site-nav .nav-discovery nav { background:linear-gradient(112deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 36%,transparent),transparent 62%),rgba(31,33,47,.975); box-shadow:inset 0 1px color-mix(in srgb,var(--glass-specular,rgba(235,238,255,.24)) 48%,transparent),0 16px 30px rgba(0,0,0,.3); }
  .site-nav .nav-discovery nav a { color:#f5f5fa; text-shadow:0 1px rgba(0,0,0,.2); }
  html:root:not([data-theme="light"]) body .site-nav.site-nav .nav-inner[data-live-glass][data-glass-intent="navigation"],
  html:root:not([data-theme="light"]) body .site-nav.site-nav .topnav-inner[data-live-glass][data-glass-intent="navigation"] {
    background:radial-gradient(78% 180% at var(--glass-light-x,50%) var(--glass-light-y,0%),color-mix(in srgb,var(--glass-blur-bloom,transparent) 70%,transparent),transparent 64%),linear-gradient(104deg,color-mix(in srgb,var(--glass-edge-left,transparent) 17%,transparent),transparent 29% 69%,color-mix(in srgb,var(--glass-edge-right,transparent) 14%,transparent)),linear-gradient(110deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 68%,transparent),transparent 58%),rgba(19,20,27,.88)!important;
  }
}

:root[data-theme="dark"] .site-nav .nav-inner,:root[data-theme="dark"] .site-nav .topnav-inner { border-color:color-mix(in srgb,var(--glass-edge-top,rgba(145,153,240,.42)) 38%,rgba(205,210,255,.16))!important; background:linear-gradient(110deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 54%,transparent),transparent 58%),rgba(19,20,27,.91)!important; box-shadow:inset 0 1px color-mix(in srgb,var(--glass-specular,rgba(235,238,255,.26)) 42%,transparent),0 10px 28px rgba(0,0,0,.28)!important; }
:root[data-theme="dark"] .site-nav .nav-discovery summary { background:rgba(29,31,43,.76); color:#b8beff; }
:root[data-theme="dark"] .site-nav .nav-discovery nav { background:linear-gradient(112deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 36%,transparent),transparent 62%),rgba(31,33,47,.975); }
:root[data-theme="dark"] body .site-nav.site-nav .nav-inner[data-live-glass][data-glass-intent="navigation"],
:root[data-theme="dark"] body .site-nav.site-nav .topnav-inner[data-live-glass][data-glass-intent="navigation"] { background:radial-gradient(78% 180% at var(--glass-light-x,50%) var(--glass-light-y,0%),color-mix(in srgb,var(--glass-blur-bloom,transparent) 70%,transparent),transparent 64%),linear-gradient(104deg,color-mix(in srgb,var(--glass-edge-left,transparent) 17%,transparent),transparent 29% 69%,color-mix(in srgb,var(--glass-edge-right,transparent) 14%,transparent)),linear-gradient(110deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 68%,transparent),transparent 58%),rgba(19,20,27,.88)!important; }
:root[data-theme="light"] .site-nav .nav-inner,:root[data-theme="light"] .site-nav .topnav-inner { color-scheme:light; }

/* Il piede occupa tutta la pagina e la colonna la dà `.site-shell` al suo
   interno, come per la testata. Larghezza e margini sono dichiarati qui
   perché le pagine editoriali conservano vecchie regole `footer{width:…}`
   che altrimenti restringono il componente condiviso e lo scentrano. */
.site-footer { width:auto!important; max-width:none!important; margin:0!important; padding:34px 0 max(42px,env(safe-area-inset-bottom))!important; border-top:1px solid var(--site-line)!important; background:color-mix(in srgb,var(--site-paper) 94%,transparent)!important; color:var(--site-muted)!important; font:500 .78rem/1.45 var(--site-sans)!important; }
.site-footer .site-footer-inner { display:grid!important; grid-template-columns:auto 1fr auto!important; align-items:center!important; gap:18px 28px!important; padding:0!important; }
.site-footer-brand { display:inline-flex!important; align-items:center!important; gap:7px!important; color:var(--site-ink)!important; font:600 1.02rem/1 var(--site-serif)!important; letter-spacing:-.045em!important; text-decoration:none!important; white-space:nowrap!important; }
.site-footer-brand svg { width:22px!important; height:22px!important; flex:0 0 22px!important; }
.site-footer-links { display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:center!important; gap:8px 16px!important; }
.site-footer-links a { color:inherit!important; text-decoration:underline!important; text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)!important; text-underline-offset:3px!important; }
.site-footer-links a:hover,.site-footer-links a:focus-visible { color:var(--site-action)!important; }
.site-footer-copy { justify-self:end!important; white-space:nowrap!important; }

@media(max-width:760px) {
  .site-footer { padding-top:28px!important; }
  .site-footer .site-footer-inner { grid-template-columns:1fr!important; align-items:start!important; gap:13px!important; }
  .site-footer-links { justify-content:flex-start!important; gap:7px 14px!important; }
  .site-footer-copy { justify-self:start!important; }
}

@media(max-width:760px) and (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) .site-nav.site-nav .nav-inner .nav-discovery>summary,
  :root:not([data-theme="light"]) .site-nav.site-nav .topnav-inner .nav-discovery>summary {
    border-color:color-mix(in srgb,var(--glass-edge-top,rgba(145,153,240,.42)) 46%,rgba(205,210,255,.18))!important;
    background:radial-gradient(105% 145% at 0 0,color-mix(in srgb,var(--glass-edge-left,transparent) 22%,transparent),transparent 68%),radial-gradient(95% 135% at 100% 100%,color-mix(in srgb,var(--glass-edge-right,transparent) 17%,transparent),transparent 72%),linear-gradient(118deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 36%,transparent),transparent 64%),rgba(29,31,43,.84)!important;
    box-shadow:inset 0 1px color-mix(in srgb,var(--glass-specular,rgba(235,238,255,.26)) 52%,transparent),0 4px 12px rgba(0,0,0,.2)!important;
    color:#b8beff!important;
  }
  :root:not([data-theme="light"]) .site-nav.site-nav .nav-inner .nav-discovery>nav,
  :root:not([data-theme="light"]) .site-nav.site-nav .topnav-inner .nav-discovery>nav {
    border-color:color-mix(in srgb,var(--glass-edge-top,rgba(145,153,240,.42)) 48%,rgba(205,210,255,.18))!important;
    background:radial-gradient(82% 92% at 0 0,color-mix(in srgb,var(--glass-edge-left,transparent) 22%,transparent),transparent 72%),radial-gradient(76% 88% at 100% 100%,color-mix(in srgb,var(--glass-edge-right,transparent) 17%,transparent),transparent 74%),linear-gradient(112deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 46%,transparent),transparent 64%),rgba(31,33,47,.97)!important;
    box-shadow:inset 0 1px color-mix(in srgb,var(--glass-specular,rgba(235,238,255,.24)) 48%,transparent),0 16px 30px rgba(0,0,0,.3)!important;
  }
}

@media(max-width:760px) {
  :root[data-theme="dark"] .site-nav.site-nav .nav-inner .nav-discovery>summary,
  :root[data-theme="dark"] .site-nav.site-nav .topnav-inner .nav-discovery>summary {
    border-color:color-mix(in srgb,var(--glass-edge-top,rgba(145,153,240,.42)) 46%,rgba(205,210,255,.18))!important;
    background:radial-gradient(105% 145% at 0 0,color-mix(in srgb,var(--glass-edge-left,transparent) 22%,transparent),transparent 68%),radial-gradient(95% 135% at 100% 100%,color-mix(in srgb,var(--glass-edge-right,transparent) 17%,transparent),transparent 72%),linear-gradient(118deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 36%,transparent),transparent 64%),rgba(29,31,43,.84)!important;
    box-shadow:inset 0 1px color-mix(in srgb,var(--glass-specular,rgba(235,238,255,.26)) 52%,transparent),0 4px 12px rgba(0,0,0,.2)!important;
    color:#b8beff!important;
  }
  :root[data-theme="dark"] .site-nav.site-nav .nav-inner .nav-discovery>nav,
  :root[data-theme="dark"] .site-nav.site-nav .topnav-inner .nav-discovery>nav {
    border-color:color-mix(in srgb,var(--glass-edge-top,rgba(145,153,240,.42)) 48%,rgba(205,210,255,.18))!important;
    background:radial-gradient(82% 92% at 0 0,color-mix(in srgb,var(--glass-edge-left,transparent) 22%,transparent),transparent 72%),radial-gradient(76% 88% at 100% 100%,color-mix(in srgb,var(--glass-edge-right,transparent) 17%,transparent),transparent 74%),linear-gradient(112deg,color-mix(in srgb,var(--glass-blur-tint,transparent) 46%,transparent),transparent 64%),rgba(31,33,47,.97)!important;
    box-shadow:inset 0 1px color-mix(in srgb,var(--glass-specular,rgba(235,238,255,.24)) 48%,transparent),0 16px 30px rgba(0,0,0,.3)!important;
  }
}

/* Dove `backdrop-filter` non esiste — WebView Android datate, Firefox prima
   della 103, browser con l'accelerazione disattivata — la barra resterebbe
   all'89% senza alcuna sfocatura e il testo della pagina le passerebbe
   attraverso, leggibile. Senza la lente serve l'opacità: il vetro è un
   ornamento, la leggibilità no.
   I valori sono scritti per esteso e non come `var(--site-paper)`, perché su
   una pagina che carica solo questo foglio quel token ripiega sul crema e in
   tema scuro avrebbe dipinto una barra chiara su una pagina scura. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .site-nav.site-nav .nav-inner[data-live-glass],
  .site-nav.site-nav .topnav-inner[data-live-glass],
  .site-nav .nav-inner .nav-discovery>nav,
  .site-nav .topnav-inner .nav-discovery>nav { background:#fbfaf7!important; }
  .site-nav .nav-inner .nav-discovery>summary,
  .site-nav .topnav-inner .nav-discovery>summary { background:#ffffff!important; }

  @media(prefers-color-scheme:dark) {
    :root:not([data-theme="light"]) .site-nav.site-nav .nav-inner[data-live-glass],
    :root:not([data-theme="light"]) .site-nav.site-nav .topnav-inner[data-live-glass],
    :root:not([data-theme="light"]) .site-nav .nav-inner .nav-discovery>nav,
    :root:not([data-theme="light"]) .site-nav .topnav-inner .nav-discovery>nav { background:#13141b!important; }
    :root:not([data-theme="light"]) .site-nav .nav-inner .nav-discovery>summary,
    :root:not([data-theme="light"]) .site-nav .topnav-inner .nav-discovery>summary { background:#1d1f2b!important; }
  }
  :root[data-theme="dark"] .site-nav.site-nav .nav-inner[data-live-glass],
  :root[data-theme="dark"] .site-nav.site-nav .topnav-inner[data-live-glass],
  :root[data-theme="dark"] .site-nav .nav-inner .nav-discovery>nav,
  :root[data-theme="dark"] .site-nav .topnav-inner .nav-discovery>nav { background:#13141b!important; }
  :root[data-theme="dark"] .site-nav .nav-inner .nav-discovery>summary,
  :root[data-theme="dark"] .site-nav .topnav-inner .nav-discovery>summary { background:#1d1f2b!important; }
}

@media(prefers-reduced-motion:reduce) { .site-nav * { transition:none!important; animation:none!important; } }