/* Shared public-site navigation. Scoped to avoid the homepage's legacy styles. */
.ta-header { position:fixed; inset:0 0 auto; z-index:30; background:#101216f5; border-bottom:1px solid #ffffff18; backdrop-filter:blur(16px); color:#f6f4ee; font:500 14px/1.5 system-ui,sans-serif; }
.ta-header * { box-sizing:border-box; }
.ta-header a { text-decoration:none; }
.ta-header-inner { max-width:1328px; min-height:76px; padding:0 32px; margin:auto; display:flex; align-items:center; gap:36px; }
.ta-brand { display:flex; align-items:center; gap:10px; color:#f6f4ee; white-space:nowrap; font-size:20px; font-weight:800; letter-spacing:-.6px; }
.ta-brand img { width:32px; height:32px; }
.ta-nav { display:flex; align-items:center; gap:8px; flex:1; }
.ta-nav > a, .ta-nav summary { display:flex; align-items:center; gap:9px; padding:12px 14px; min-height:44px; color:#c3c8d2; cursor:pointer; white-space:nowrap; list-style:none; border-radius:7px; }
.ta-nav summary::-webkit-details-marker { display:none; }
.ta-nav summary::after { content:''; width:6px; height:6px; border-right:1.5px solid; border-bottom:1.5px solid; transform:rotate(45deg) translateY(-2px); }
.ta-nav details[open] summary::after { transform:rotate(225deg) translate(-2px,-1px); }
.ta-nav > a:hover, .ta-nav summary:hover, .ta-nav details[open] summary { background:#ffffff09; color:#fff; }
.ta-nav details { position:relative; border:0; padding:0; margin:0; }
.ta-dropdown { position:absolute; top:calc(100% + 12px); left:0; width:300px; padding:8px; background:#1a1e25; border:1px solid #363c48; border-radius:12px; box-shadow:0 18px 48px #0008; }
.ta-dropdown a { display:block; padding:12px; border-radius:7px; color:#f6f4ee; font-size:14px; }
.ta-dropdown a:hover, .ta-dropdown a[aria-current=page] { background:#ffffff09; color:#f5c842; }
.ta-dropdown small { display:block; color:#aab0bd; font-size:12px; margin-top:3px; white-space:normal; }
.ta-nav .ta-install { margin-left:auto; background:#f5c842; color:#101216; font-weight:750; padding:11px 18px; }
.ta-nav .ta-install:hover { background:#ffda63; color:#101216; }
.ta-mobile-note { display:none; }
.ta-toggle { display:none; }
.ta-header :is(a,button,summary):focus-visible { outline:3px solid #f5c842; outline-offset:3px; }
.guide-page { padding-top:76px; }
.guide-page .skip:focus { position:fixed; z-index:40; }
html { scroll-padding-top:96px; }
@media (max-width:900px) {
  .ta-header-inner { min-height:68px; padding:0 20px; justify-content:space-between; flex-wrap:wrap; gap:0; }
  .ta-brand { font-size:19px; min-height:68px; }
  .ta-toggle { align-items:center; gap:10px; min-height:44px; padding:0 12px; border:1px solid #ffffff30; border-radius:8px; background:transparent; color:#f6f4ee; font:600 14px system-ui,sans-serif; cursor:pointer; }
  .ta-enhanced .ta-toggle { display:flex; }
  .ta-toggle-icon { width:16px; height:12px; border-block:2px solid; position:relative; }
  .ta-toggle-icon::after { content:''; position:absolute; top:3px; left:0; width:16px; border-top:2px solid; }
  .ta-toggle[aria-expanded=true] .ta-toggle-icon { border:0; }
  .ta-toggle[aria-expanded=true] .ta-toggle-icon::before,.ta-toggle[aria-expanded=true] .ta-toggle-icon::after { content:''; position:absolute; top:5px; left:0; width:16px; border-top:2px solid; transform:rotate(45deg); }
  .ta-toggle[aria-expanded=true] .ta-toggle-icon::after { transform:rotate(-45deg); }
  .ta-nav { flex:0 0 100%; display:flex; align-items:stretch; flex-direction:column; gap:2px; padding:12px 0 20px; max-height:calc(100dvh - 68px); overflow-y:auto; overscroll-behavior:contain; border-top:1px solid #ffffff18; }
  .ta-enhanced .ta-nav:not(.is-open) { display:none; }
  .ta-nav > a,.ta-nav summary { min-height:48px; padding:12px; justify-content:space-between; font-size:16px; }
  .ta-nav details[open] summary { background:transparent; color:#f5c842; }
  .ta-dropdown { position:static; width:auto; padding:0 0 8px 12px; margin-left:12px; border:0; border-left:1px solid #363c48; border-radius:0; background:transparent; box-shadow:none; }
  .ta-dropdown a { min-height:48px; padding:10px 12px; }
  .ta-nav .ta-install { margin:12px 0 0; justify-content:center; }
  .ta-mobile-note { display:block; text-align:center; font-size:12px; color:#aab0bd; margin:8px 0 0; }
  .guide-page { padding-top:68px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }