/* Shared support-style navigation; page content keeps its own styles. */
.page-shell:has(> .public-site-header) { overflow:visible; }
.site-header.public-site-header {
  position:sticky; top:0; z-index:100; display:flex; flex-direction:row;
  align-items:center; justify-content:space-between; gap:16px;
  min-height:68px; padding:10px 0; isolation:isolate;
}
.public-site-header::before {
  content:""; position:absolute; z-index:-1; inset:0 calc(50% - 50vw);
  background:rgba(3,12,26,.96); border-bottom:1px solid rgba(96,165,250,.2);
  backdrop-filter:blur(12px); pointer-events:none;
}
.public-site-header .logo { flex:0 0 auto; order:0; }
.public-site-header .logo img { display:block; height:40px; width:auto; max-width:100%; }
.public-site-header .header-nav {
  order:2; display:flex; flex-direction:row; align-items:center; justify-content:flex-end;
  flex-wrap:wrap; gap:6px; min-width:0; width:auto; max-width:100%; margin:0;
}
.public-site-header .header-nav a {
  display:block; width:auto; padding:9px 10px; border:1px solid transparent;
  border-radius:7px; background:transparent; box-shadow:none; color:#7d9bc0;
  font:400 11px/1.5 'JetBrains Mono',monospace; letter-spacing:0;
  text-decoration:none; white-space:normal;
}
.public-site-header .header-nav a:hover,
.public-site-header .header-nav a[aria-current="page"] {
  border-color:rgba(96,165,250,.2); color:#e2eaf8; background:rgba(59,130,246,.1);
}
.public-site-header .header-nav a[href="/#membership-options"] {
  border-color:rgba(212,175,83,.48); background:linear-gradient(135deg,#2b2517,#38301c);
  color:#f0d591; font-weight:600; box-shadow:0 0 10px rgba(212,175,83,.09);
}
.public-site-header .header-nav a:is([href="/tips"],[href="https://1x2.ai/tips"]) {
  border-color:rgba(52,211,153,.4); background:linear-gradient(135deg,#0a2923,#103a2d);
  color:#a6edcc; font-weight:600; box-shadow:0 0 10px rgba(52,211,153,.08);
}
.public-site-header .header-nav a[href="/#membership-options"]:is(:hover,:focus-visible) {
  border-color:#d4af53; color:#fff0c5; box-shadow:0 0 16px rgba(212,175,83,.22);
}
.public-site-header .header-nav a:is([href="/tips"],[href="https://1x2.ai/tips"]):is(:hover,:focus-visible) {
  border-color:#34d399; color:#d5ffe9; box-shadow:0 0 16px rgba(52,211,153,.2);
}
.public-site-header .public-nav-toggle {
  display:none; order:1; flex:0 0 44px; width:44px; height:44px; padding:0;
  align-items:center; justify-content:center; border:1px solid rgba(96,165,250,.2);
  border-radius:7px; background:rgba(59,130,246,.1); color:#a8ceff;
  font:24px/1 system-ui,sans-serif; cursor:pointer;
}
.public-site-header :focus-visible { outline:2px solid #22d3ee; outline-offset:3px; }
html { scroll-padding-top:100px; }
@media(max-width:1099px) {
  .site-header.public-site-header { flex-wrap:wrap; gap:0 12px; }
  .public-site-header .header-nav { flex-basis:100%; justify-content:flex-start; }
  .public-site-header.nav-ready .public-nav-toggle:not([hidden]) { display:flex; margin-left:auto; }
  .public-site-header.nav-ready .header-nav { display:none; }
  .public-site-header.nav-ready.is-nav-open .header-nav {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px;
    padding:12px 0 4px; max-height:calc(100dvh - 88px); overflow-y:auto; overscroll-behavior:contain;
  }
  .public-site-header .header-nav a { min-width:0; overflow-wrap:anywhere; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }