/* Shared scrollbar colors also override previously cached base styles. */
::-webkit-scrollbar-track{background:var(--bg-deep)}
::-webkit-scrollbar-thumb{background:rgb(var(--theme-rgb)/.18);border-color:var(--bg-deep)}
::-webkit-scrollbar-thumb:hover{background:rgb(var(--theme-rgb)/.32)}
@supports not selector(::-webkit-scrollbar){
  html{scrollbar-color:rgb(var(--theme-rgb)/.32) var(--bg-deep)}
}

/* Own VPN: a single small top gutter, without stacked shell/header margins. */
html body.own-vpn-page{padding-top:0!important}
html body.own-vpn-page .own-vpn-shell{padding-top:max(8px,env(safe-area-inset-top))!important}
html body.own-vpn-page .own-vpn-shell>.site-top-hub{margin-top:0!important;top:env(safe-area-inset-top,0px)!important}

/* FAQ is a public document. It has no account sidebar or loading gate. */
html body.faq-public-page[data-page="faq"]{
  --sidebar:0px;--sidebar-open:0px;
  margin:0!important;padding:0!important;min-height:100svh;
}
html body.faq-public-page .faq-public-shell{
  width:min(1180px,calc(100% - 24px));min-width:0;
  margin:0 auto;padding:max(8px,env(safe-area-inset-top)) 0 72px;
}
html body.faq-public-page[data-page="faq"] .faq-top-hub{
  position:relative!important;inset:auto!important;width:100%!important;
  max-width:100%!important;margin:0!important;
}
html body.faq-public-page[data-page="faq"] main.faq-public-main{
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:28px 0 0!important;
}
html body.faq-public-page .reveal{opacity:1!important;transform:none!important;visibility:visible!important}
html body.faq-public-page .faq-tools{top:12px!important}
.faq-public-footer{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
  gap:14px;margin-top:32px;padding:20px 0 0;border-top:1px solid var(--border);
  color:var(--muted);font-size:.68rem;
}
.faq-public-footer>nav{display:flex;flex-wrap:wrap;gap:10px 18px}
.faq-public-footer a:hover{color:var(--primary)}
.faq-public-footer a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
@media(max-width:600px){
  html body.faq-public-page .faq-public-shell{width:calc(100% - 20px)}
  html body.faq-public-page[data-page="faq"] main.faq-public-main{padding-top:20px!important}
  .faq-public-footer{align-items:flex-start;flex-direction:column;gap:12px}
}