/* Shared site identity; viewer controls retain their floating presentation. */
.site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}
.site-nav a,.site-theme,.site-language{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;text-decoration:none;color:var(--fg);font:inherit;white-space:nowrap}
.site-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--accent)}
.site-theme,.site-language{border:1px solid var(--border,var(--line-soft));border-radius:999px;background:var(--panel);cursor:pointer;font-size:14px}
.site-brand{gap:0}
.site-brand .brand-lockup{display:block;height:26px;width:auto;flex:none;color:var(--fg)}
.site-brand .brand-mark{color:var(--accent)}
.site-nav a:hover,.site-theme:hover,.site-language:hover{color:var(--accent)}
.site-nav a,.site-theme,.site-language{transition:color 160ms ease,border-color 160ms ease,background-color 160ms ease}
.site-nav :focus-visible,.site-theme:focus-visible,.site-language:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.viewer-nav{gap:6px}.viewer-nav a{border:1px solid var(--border);border-radius:999px;background:var(--panel);backdrop-filter:blur(8px);padding-inline:12px;font-size:13px}
.viewer-nav .site-brand .brand-lockup{height:22px}
.top .pill{height:44px}.top .views{top:50px}.top .views button{min-height:44px}
body:has(.viewer-nav) .panel{top:var(--viewer-panel-top,70px)}
@media(max-width:600px){.site-nav{gap:4px}.site-nav a{padding-inline:8px}.viewer-nav{justify-content:flex-end}.viewer-nav .site-brand{display:none}.top:has(.viewer-nav){gap:6px}.top:has(.viewer-nav) .info{max-width:100%;font-size:12px}}
@media(prefers-reduced-motion:reduce){.site-nav a,.site-theme,.site-language{transition:none}}
.site-nav,.site-theme,.site-language{--accent:#246b45}
:root[data-theme="dark"] .site-nav,:root[data-theme="dark"] .site-theme,:root[data-theme="dark"] .site-language{--accent:#8bd5a5}

.site-nav a.site-account,a.site-account.site-theme{font-weight:500}
a.site-account.site-theme{text-decoration:none;color:var(--fg)}
a.site-account[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--accent)}
