/* Shared TXG site shell. Loaded after page-local CSS so navigation remains
   consistent across Home, Documentation and the editor workspace. */
.site-header, .site-footer { box-sizing: border-box; color: #e8eef8; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
.site-header *, .site-footer * { box-sizing: border-box; }
.site-header { position: relative; top: auto; z-index: 50; width: 100%; min-height: 70px; flex: 0 0 auto; padding: 0 24px; background: rgba(16,18,24,.98); border-bottom: 1px solid #303748; backdrop-filter: blur(16px); }
.site-header-inner { max-width: 1160px; min-height: 70px; margin: 0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 22px; }
.site-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:#fff; font-weight:800; letter-spacing:-.025em; font-size:17px; white-space:nowrap; }
.site-mark { flex: 0 0 auto; color:#8cb6ff; }
.site-brand-sub { font-size:13px; color:#9caec9; font-weight:500; letter-spacing:0; }
.site-version { font: 500 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; border:1px solid #39435a; background:#1c2331; padding:3px 8px; border-radius:999px; color:#a4b8d7; }
.site-nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px 17px; }
.site-nav-link, .site-nav-cta { color:#aab8d0; font-size:13px; font-weight:600; text-decoration:none; white-space:nowrap; }
.site-nav-link:hover, .site-nav-link:focus-visible {color:#fff;}
.site-nav-link[aria-current="page"] {color:#7eafff;}
.site-nav-cta {background:#377ee7; color:#fff; border:1px solid #4e92f7; border-radius:8px; padding:9px 13px;}
.site-nav-cta:hover, .site-nav-cta:focus-visible {background:#266bcf; color:#fff;}
.site-nav-cta[aria-current="page"] {background:#243953; border-color:#44628b;}
.site-footer { width:100%; flex:0 0 auto; padding:15px 24px; background:#12151c; border-top:1px solid #303748; font-size:12px; line-height:1.55; color:#98a9c1; }
.site-footer-inner {max-width:1160px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px 24px;}
.site-footer a { color:#afc1dc; text-decoration:none; }
.site-footer a:hover, .site-footer a:focus-visible {color:#fff; text-decoration:underline;}
.site-footer-links {display:flex; flex-wrap:wrap; gap:9px 18px;}
.site-footer-sep {margin:0 6px;color:#65738a;}
:focus-visible {outline:2px solid #90b9ff; outline-offset:3px;}
@media(max-width:700px) {
  .site-header {padding:10px 16px;}
  .site-header-inner {min-height:0; justify-content:center; gap:12px;}
  .site-nav {width:100%; justify-content:center; gap:8px 14px;}
  .site-brand-sub {display:none;}
  .site-version {font-size:9px;}
  .site-nav-link {font-size:12px;}
  .site-nav-cta {font-size:12px; padding:7px 10px;}
  .site-footer {padding:12px 16px;}
  .site-footer-inner, .site-footer-links {justify-content:center; text-align:center;}
}