/* Orbita · barra in alto, identica su tutte le pagine (stessa altezza, stessi caratteri, stesso ordine) */
.topnav{position:sticky;top:0;z-index:30;height:60px;display:flex;align-items:center;gap:22px;padding:0 24px;box-sizing:border-box;
  background:rgba(5,7,13,.9);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--line2,rgba(125,137,255,.36))}
#app .topnav{position:absolute;left:0;right:0;top:0}
.topnav .brand{position:static;display:flex;align-items:center;gap:12px;flex:none;color:var(--text);text-decoration:none}
.topnav .brand-mark{width:28px;height:28px;position:relative;flex:none}
.topnav .brand-mark::before,.topnav .brand-mark::after{content:"";position:absolute;inset:0;border:1.5px solid var(--ice);border-radius:50%}
.topnav .brand-mark::after{inset:6px;border-color:var(--iss,#ffb454)}
.topnav .brand h1{margin:0;font-family:var(--brand);font-weight:700;font-size:16px;letter-spacing:.2em;text-transform:uppercase;line-height:1;text-shadow:none;color:var(--text)}
.topnav .brand p{display:none}
.gmenu{display:flex;gap:2px;margin-left:8px;min-width:0;flex:1;overflow:hidden}
.gmenu a{font-family:var(--mono);font-stretch:100%;font-weight:600;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:#d3d9f5;text-decoration:none;padding:9px 11px;white-space:nowrap;border:1px solid transparent;line-height:1}
.gmenu a:hover{color:#fff;background:rgba(125,137,255,.14)}
.gmenu a.on{color:#fff;border-color:rgba(125,137,255,.6);background:rgba(74,87,229,.32)}
.topnav .clock{position:static;pointer-events:auto;order:4;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;text-align:left;flex:none;margin:0}
.topnav .clock .t{font-family:var(--mono);font-weight:600;font-size:21px;letter-spacing:.02em;white-space:nowrap;grid-column:1;grid-row:1;line-height:1.1;text-shadow:none;color:#fff}
.topnav .clock .t small{font-size:11px;font-weight:500;color:#aeb7d9;margin-left:6px;vertical-align:3px;letter-spacing:.08em}
.topnav .clock .d{margin:0;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;color:#aeb7d9;white-space:nowrap;grid-column:1;grid-row:2;display:flex;justify-content:flex-start;gap:8px}
.topnav .clock .d2{margin:0;gap:6px;grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end}
/* barra delle sezioni di ogni pagina (profilo, passi, ecc.): si appoggia sotto la barra principale */
.nav{top:60px!important;padding-top:0!important}
:root{--hdr:116px}
section[id]{scroll-margin-top:124px}
@media (min-width:861px) and (max-width:1180px){.gmenu a{padding:9px 8px;font-size:11.5px;letter-spacing:.04em}.topnav{gap:12px;padding:0 16px}.topnav .clock .d{display:none}.topnav .clock{grid-template-rows:auto}.topnav .clock .d2{grid-row:1;flex-direction:row}}
@media (max-width:860px){
  .topnav{height:auto;min-height:52px;flex-wrap:wrap;gap:6px 10px;padding:calc(6px + env(safe-area-inset-top,0px)) 12px 6px}
  .topnav .brand h1{font-size:15px}
  .topnav .clock{margin-left:auto;display:flex;gap:8px}.topnav .clock .t{font-size:17px}.topnav .clock .d{display:none}
  .gmenu{order:3;flex:0 0 100%;margin:0;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .gmenu::-webkit-scrollbar{display:none}
  #app .gmenu{display:none}
  .nav{top:96px!important}
  :root{--hdr:150px}
  section[id]{scroll-margin-top:160px}
}
/* seconda barra (sezioni della pagina): niente marchio doppio, solo il titolo della pagina */
.nav .logo i,.nav .logo b{display:none}
.nav .logo span{font-family:var(--brand);font-weight:700;font-size:15px;letter-spacing:.12em;color:#fff;text-transform:uppercase}
.nav nav a{font-weight:600;color:#cdd3f0;font-size:11.5px;letter-spacing:.07em}
.nav nav a:hover{color:#fff}