/* theme tokens (dark = default; light overrides live at the end of pages.css, :root[data-theme=light]) */
:root{--tw:255,255,255;--tk:0,0,0;--ts:0,0,0;--sa:1;--k-07080b:7,8,11;--kt-f4f5f6:244,245,246;--k-0b0c10:11,12,16}
/* Shared site header (siteHeader in partials.mjs) on pages that do NOT load the F/D site.css (help center).
   Everything is scoped to .tp-header / .tp-drawer so the host page's own styles are untouched. Load after pages.css. */
.tp-header,.tp-drawer{--vio:124,92,255;--glow:61,242,154;--gutter:16px;--ease:cubic-bezier(.2,.7,.2,1);font-family:var(--font,"Urbanist",system-ui,sans-serif);line-height:1.4}
.tp-header{position:relative;z-index:60;height:64px;background:rgba(var(--k-07080b),.97);border-bottom:1px solid var(--hair,rgba(var(--tw),.1))}
.tp-header .container{width:100%;max-width:1360px;height:100%;margin:0 auto;padding:0 16px}
.tp-header .header-row{display:flex;align-items:center;justify-content:space-between;height:100%}
.tp-header a,.tp-drawer a{color:inherit;text-decoration:none}
.tp-header .logo,.tp-drawer .logo{display:inline-flex;align-items:center;gap:10px;color:var(--text,rgb(var(--kt-f4f5f6)));font:600 16px/1 var(--mono,monospace);text-transform:lowercase}
.tp-header .btn,.tp-drawer .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;margin:0;padding:0 16px;border-radius:8px;border:1px solid transparent;font:600 15px/1 var(--font,system-ui);white-space:nowrap;cursor:pointer}
.tp-header .btn-sm{height:36px;padding:0 12px;font-size:14px}
.tp-drawer .btn-lg{height:48px;font-size:16px}
.tp-drawer .btn-ghost{color:var(--text,rgb(var(--kt-f4f5f6)));border-color:var(--line-2,rgba(var(--tw),.14));background:rgba(var(--tw),.02)}
.tp-header ul,.tp-drawer ul{margin:0}
.tp-header .tp-dd-panel p,.tp-drawer p{margin:0}
.tp-header .tp-dd-panel{background:rgb(var(--k-0b0c10))}