/* Shared site header + footer (all pages). Scoped to .sh / .sf so page styles don't collide. */
:root{--sh-bg:#FFFFFF;--sh-ink:#0A0A0B;--sh-soft:#6C6C72;--sh-faint:#717177;--sh-line:rgba(10,10,11,.10);--sh-inv-bg:#0A0A0B;--sh-inv-ink:#FFFFFF;}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--sh-bg:#000000;--sh-ink:#FFFFFF;--sh-soft:#9A9AA0;--sh-faint:#85858B;--sh-line:rgba(255,255,255,.12);--sh-inv-bg:#FFFFFF;--sh-inv-ink:#0A0A0B;}}
:root[data-theme="dark"]{--sh-bg:#000000;--sh-ink:#FFFFFF;--sh-soft:#9A9AA0;--sh-faint:#85858B;--sh-line:rgba(255,255,255,.12);--sh-inv-bg:#FFFFFF;--sh-inv-ink:#0A0A0B;}
html,body{margin:0;}
.sh,.sf{font-family:"Manrope",-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;box-sizing:border-box;}
.sh *,.sf *{box-sizing:border-box;}
.sh a,.sf a{border:0!important;text-decoration:none!important;}
.sh{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--sh-bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--sh-line);}
.sh-in,.sf-in{max-width:1140px;margin:0 auto;padding:0 24px;}
.sh-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:66px;}
.sh-brand{display:flex;align-items:center;gap:9px;font-family:"Fraunces",Georgia,serif;font-size:19px;font-weight:600;color:var(--sh-ink)!important;white-space:nowrap;}
.sh-brand img{width:26px;height:26px;display:block;}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .sh-brand img{content:url("img/logo-mark-white.png");}}
:root[data-theme="dark"] .sh-brand img{content:url("img/logo-mark-white.png");}
.sh-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600;}
.sh-links a{color:var(--sh-soft)!important;white-space:nowrap;}
.sh-links a:hover,.sh-links a[aria-current]{color:var(--sh-ink)!important;}
.sh-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:999px;background:var(--sh-inv-bg);color:var(--sh-inv-ink)!important;font-weight:700;font-size:13.5px;white-space:nowrap;transition:opacity .2s;}
.sh-btn:hover{opacity:.88;}
.sh-btn svg{width:14px;height:14px;fill:currentColor;}
@media(max-width:900px){
 .sh-in{height:auto;flex-wrap:wrap;padding-top:12px;padding-bottom:0;gap:0;}
 .sh-brand{flex:1;}
 .sh-links{order:3;width:100%;min-width:0;gap:10px;overflow-x:auto;padding:10px 0 12px;font-size:12px;justify-content:space-between;scrollbar-width:none;}
 .sh-links::-webkit-scrollbar{display:none;}
}
.sf{border-top:1px solid var(--sh-line);padding:40px 0 44px;color:var(--sh-faint);font-size:13px;background:var(--sh-bg);}
.sf-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;}
.sf-links{display:flex;flex-wrap:wrap;gap:8px 20px;font-weight:600;}
.sf-links a{color:var(--sh-soft)!important;}
.sf-links a:hover{color:var(--sh-ink)!important;}
.sf-legal{margin:22px 0 0;line-height:1.6;color:var(--sh-faint);font-size:12.5px;}
.sf .sh-brand{font-size:17px;}
.sf .sh-brand img{width:22px;height:22px;}
