/* Penny shared site header — one identical nav on every page.
   Load this LAST (after page.css / inline styles) so it wins. Per-page content
   width is set via --hdr-w so the header lines up with each page's body column. */
.site-hd{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #E3E8E6;font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;}
.site-hd .hd-row{max-width:var(--hdr-w,1100px);margin:0 auto;padding:12px var(--hdr-pad,20px);display:flex;align-items:center;gap:8px 16px;}
.site-hd .hd-coin{width:30px;height:30px;border-radius:50%;background:#0E1114;color:#0FD89E;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;text-decoration:none;flex:0 0 auto;}
.site-hd .hd-brand{font-weight:800;font-size:19px;letter-spacing:-.02em;color:#0E1114;text-decoration:none;margin-right:4px;}
.site-hd .hd-nav{display:none;align-items:center;gap:18px;margin-left:auto;}
.site-hd .hd-nav a{font-size:14px;font-weight:600;color:#5C6660;text-decoration:none;white-space:nowrap;}
.site-hd .hd-nav a:hover,.site-hd .hd-nav a.active{color:#0E1114;}
.site-hd .hd-cta{flex:0 0 auto;margin-left:auto;background:#0E1114;color:#fff;font-weight:700;font-size:13.5px;border-radius:10px;padding:9px 15px;text-decoration:none;white-space:nowrap;}
.site-hd .hd-mob{display:flex;gap:17px;overflow-x:auto;padding:9px var(--hdr-pad,20px) 8px;border-top:1px solid #E3E8E6;-webkit-overflow-scrolling:touch;}
.site-hd .hd-mob::-webkit-scrollbar{display:none;}
.site-hd .hd-mob a{font-size:13px;font-weight:600;color:#5C6660;text-decoration:none;white-space:nowrap;}
.site-hd .hd-mob a.active{color:#0E1114;}
@media(min-width:820px){
  .site-hd .hd-nav{display:flex;}
  .site-hd .hd-cta{margin-left:20px;}
  .site-hd .hd-mob{display:none;}
}