/* Logo e barra in alto, uguali in tutte le pagine fuori dall'app (vedi brand.php); copiano l'aspetto di style.css dell'app.
   Colori: scuro di base (come l'app); le pagine SEO passano al chiaro se il dispositivo è in tema chiaro. */
.topbar{--b-accent:#f5c22e;--b-ink:#ecebe7;--b-surface:#1c1e21;--b-line:#2e3135;
  position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:8px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));
  background:var(--b-surface);border-bottom:1px solid var(--b-line);min-width:0;box-sizing:border-box}
.topbar,.logo.brand{--accent:var(--b-accent,#f5c22e)} /* il logo dell'app usa var(--accent) dentro gli SVG */
@media (min-width:761px){.topbar{padding-block:10px}}
.topbar-r{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}
.topbar-r::-webkit-scrollbar{display:none}
.topbar .logo,.logo.brand{display:flex;align-items:center;flex:none;text-decoration:none;color:var(--b-accent,#f5c22e);
  font-family:"Bowlby One","Arial Black",Impact,sans-serif;font-size:24px;letter-spacing:.5px;line-height:1}
.logo .wm{white-space:nowrap}
.logo .opin{display:inline-block;height:1.02em;width:auto;vertical-align:-.2em}
.logo .opin-start{color:var(--b-ink,#ecebe7);margin:0 .14em 0 0}
.logo .opin-start > circle{fill:transparent}
.logo .opin-start .osk{color:var(--b-accent,#f5c22e)}
.logo .sk8{color:var(--b-accent,#f5c22e)}
.logo .spot{color:var(--b-ink,#ecebe7)}
.logo .ant{display:inline-block;height:1.079em;width:.851em;vertical-align:-.075em;margin:0 -.01em;overflow:visible}
.logo .sk8-l{display:none}
@media (min-width:761px){.logo .sk8-s{display:none}.logo .sk8-l{display:inline}}
@media (max-width:350px){.topbar .logo{font-size:19px}}
/* pagine che seguono il tema del dispositivo (SEO): in chiaro come l'app in tema chiaro */
@media (prefers-color-scheme:light){
  .themed .topbar{--b-accent:#f2b705;--b-ink:#1b1c1e;--b-surface:#f7f6f3;--b-line:#d3d0ca}
  .themed .logo .opin-start > circle{fill:#ffffff}
  .themed .logo .opin-start .osk{color:#1b1c1e}
}