/* site-header.css — the app's header (index.html <header>) on the legal pages:
   privacy, terms, refund, about, in every language. Markup:
   .github/scripts/lib/site-header.js. A separate stylesheet rather than a
   <style> block, like inline-action.css, so the block adds no CSP hash. Scoped
   to header.fg-site-hdr so neither this file nor the page's own rules leak
   across. Values copied from index.html's HEADER and RESPONSIVE blocks — change
   both together. */
header.fg-site-hdr{
  position:sticky;top:0;z-index:50;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  background:rgba(255,255,255,0.88);
  border-bottom:1px solid #e2e6ec;
  padding:14px 28px;
  display:flex;align-items:center;gap:16px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  line-height:1.6;box-sizing:border-box;
}
header.fg-site-hdr .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}
header.fg-site-hdr .brand-mark{
  width:38px;height:38px;border-radius:10px;flex-shrink:0;
  background:url('/logo.png') center/cover,linear-gradient(135deg,#b45309,#8f420a);
  box-shadow:0 4px 14px rgba(180,83,9,0.25);
}
header.fg-site-hdr .brand-text{line-height:1.15}
header.fg-site-hdr .brand-name{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:17px;color:#0f1b2d;letter-spacing:-0.01em}
header.fg-site-hdr .brand-sub{font-size:11px;color:#626d7a;letter-spacing:0.1em;text-transform:uppercase;margin-top:2px;font-weight:500}
header.fg-site-hdr .header-right{margin-left:auto;display:flex;align-items:center;gap:24px}
header.fg-site-hdr .header-link{font-size:14px;color:#48566b;text-decoration:none;font-weight:500;transition:color .15s}
header.fg-site-hdr .header-link:hover{color:#b45309}
header.fg-site-hdr .header-price{
  font-size:12px;color:#16325c;font-weight:400;text-decoration:none;
  padding:6px 12px;border:1px solid rgba(180,83,9,0.25);border-radius:999px;
  background:rgba(22,50,92,0.06);white-space:nowrap;
  transition:background .15s,border-color .15s;
}
header.fg-site-hdr .header-price:hover{background:rgba(180,83,9,0.10);border-color:rgba(180,83,9,0.45);color:#16325c}
@media(max-width:640px){
  header.fg-site-hdr{padding:12px 18px;flex-wrap:wrap;row-gap:10px;column-gap:12px}
  header.fg-site-hdr .brand-sub{display:none}
  header.fg-site-hdr .brand{order:1}
  header.fg-site-hdr .fg-lang{order:2;margin-left:auto}
  header.fg-site-hdr .header-right{order:3;flex-basis:100%;margin-left:0;justify-content:space-between;gap:10px}
  header.fg-site-hdr .header-link{white-space:nowrap}
  /* The same wrap the i18n block gives every translated page (BOTH-5); about.html
     is English-only and carries no i18n block, and its row ran 3px past 375px. */
  header.fg-site-hdr .header-right{flex-wrap:wrap;row-gap:8px;min-width:0}
  header.fg-site-hdr .header-price{white-space:normal;max-width:100%}
}
@media print{header.fg-site-hdr{display:none !important}}