/* Shared site nav — single source of truth.
   The HTML lives in routers/pages.py::_NAV_HTML and is injected into
   every public-facing page via _render_with_chrome. Don't duplicate
   the markup elsewhere; if you find yourself writing a `<nav class="nav">`
   block in a frontend file, replace it with `<!-- NAV -->` and let the
   helper inject this one.

   Brand tokens (--bg, --ink, --ink-2, --accent, --line, --serif) MUST
   already be defined on the page. Every public HTML file declares them
   either inline or via team-page.css / drips.css / its own <style>. */
.nav{position:sticky;top:0;z-index:50;background:var(--bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 -1px 0 var(--bg)}
.nav::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:24px;background:var(--bg)}
.nav .wrap.nav-row{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:var(--page-max,1440px);margin:0 auto;padding:0 var(--page-gutter,56px)}
.nav .logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);line-height:1}
.nav .logo-word,.site-foot .logo-word{font-family:var(--serif);font-size:23px;font-style:italic;font-weight:400;color:var(--ink);display:inline-flex;align-items:baseline;white-space:nowrap}
.nav .logo-word b,.site-foot .logo-word b{font-style:normal;font-weight:500;color:var(--ink)}
.nav .logo-word .sep,.site-foot .logo-word .sep{display:inline-block;width:.18em;height:.18em;border-radius:50%;background:var(--accent);margin:0 .16em;transform:translateY(-.4em)}
.nav .u-orbit,.site-foot .u-orbit{position:relative;display:inline-block;flex-shrink:0;color:var(--ink);font-family:var(--serif)}
.nav .u-orbit-track,.site-foot .u-orbit-track{position:absolute;inset:0;border:1px solid currentColor;border-radius:50%;opacity:.3;pointer-events:none}
.nav .u-orbit-spin,.site-foot .u-orbit-spin{position:absolute;inset:0;animation:orbit-spin 18s linear infinite}
.nav .u-orbit-node,.site-foot .u-orbit-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 1px 0 rgba(0,0,0,.05);animation:orbit-counter 18s linear infinite}
.nav .u-orbit-node.md,.site-foot .u-orbit-node.md{background:var(--ink);top:12%;left:50%}
.nav .u-orbit-node.rn,.site-foot .u-orbit-node.rn{background:var(--accent);top:69%;left:82.9%}
.nav .u-orbit-node.ai,.site-foot .u-orbit-node.ai{background:var(--accent-2);top:69%;left:17.1%}
.nav .u-orbit-badge,.site-foot .u-orbit-badge{font-family:var(--sans);font-weight:600;color:var(--bg);letter-spacing:0;line-height:1;display:none}
.nav .u-orbit-center,.site-foot .u-orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:500;font-style:italic;letter-spacing:0;line-height:.85;color:var(--ink)}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes orbit-counter{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
@media (prefers-reduced-motion:reduce){.nav .u-orbit-spin,.nav .u-orbit-node,.site-foot .u-orbit-spin,.site-foot .u-orbit-node{animation:none!important}}
.nav .logo .u-orbit{width:56px;height:56px}
.nav .logo .u-orbit-node{width:16px;height:16px}
.nav .logo .u-orbit-badge{display:block;font-size:5.5px}
.nav .logo .u-orbit-center{font-size:28px}
.nav .nav-links{display:none;gap:28px;font-size:14px;color:var(--ink-2);align-items:center}
.nav .nav-links a{color:inherit;text-decoration:none}
.nav .nav-links a:hover{color:var(--ink)}
.nav .nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav .nav-cta,
.nav .nav-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:999px;font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap}
.nav .nav-cta{padding:12px 18px;background:var(--ink);color:var(--bg)}
.nav .nav-cta:hover{background:var(--accent)}
.nav .nav-login{padding:11px 16px;color:var(--ink);border:1px solid var(--line);background:color-mix(in oklab,var(--surface) 72%,transparent)}
.nav .nav-login:hover{border-color:var(--accent);color:var(--accent)}
@media (min-width:980px){.nav .nav-links{display:flex}}
@media (min-width:720px) and (max-width:979px){
  .nav .wrap.nav-row{height:auto;min-height:72px;flex-wrap:wrap;gap:12px;padding:12px var(--page-gutter-mobile,24px)}
  .nav .nav-links{order:3;width:100%;display:flex;justify-content:center;gap:22px;overflow-x:auto;font-size:13px;line-height:1.2;padding:2px 0 0;scrollbar-width:none}
  .nav .nav-links::-webkit-scrollbar{display:none}
  .nav .nav-links a{white-space:nowrap}
}
@media (max-width:719px){
  .nav .wrap.nav-row{height:auto;min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:12px var(--page-gutter-mobile,24px)}
  .nav .logo{grid-column:2;justify-self:center}
  .nav .logo .u-orbit{width:48px;height:48px}
  .nav .logo .u-orbit-node{width:14px;height:14px}
  .nav .logo .u-orbit-badge{font-size:4.75px}
  .nav .logo .u-orbit-center{font-size:24px}
  .nav .logo-word{font-size:21px}
  .nav .nav-links{grid-column:1 / -1;width:100%;display:flex;justify-content:space-between;gap:10px;overflow-x:auto;font-size:13px;line-height:1.2;padding:2px 0 0;scrollbar-width:none}
  .nav .nav-links::-webkit-scrollbar{display:none}
  .nav .nav-links a{white-space:nowrap}
  .nav .nav-actions{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  .nav .nav-cta,
  .nav .nav-login{width:100%;padding:10px 12px}
}