/* The one header and footer for every page (home, app pages, pricing, blog, policies, contact). Markup: scripts/site-header-lib.mjs.
   Self-contained so the home page (which has its own stylesheet) and the info pages look identical. */
.site-header{position:relative;z-index:3;box-sizing:border-box;max-width:960px;margin:0 auto;padding:18px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:8px 12px}
.site-header .brand{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-weight:700;font-size:1.6rem;line-height:1;color:var(--cream,#f6efe0);text-decoration:none;letter-spacing:.01em;text-shadow:0 2px 16px rgba(27,22,71,.7)}
.site-header .mainnav{display:flex;align-items:center;gap:4px 18px}
.site-header .mainnav a:not(.toplink){display:inline-flex;align-items:center;min-height:44px;padding:0 2px;border-bottom:2px solid transparent;color:var(--cream,#f6efe0);font:500 .98rem var(--sans,'DM Sans',system-ui,sans-serif);text-decoration:none;text-shadow:0 2px 14px rgba(27,22,71,.8)}
.site-header .mainnav a:not(.toplink):hover{border-bottom-color:var(--gold,#f3cf7a)}
.site-header .toplink{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:rgba(27,22,71,.55);border:1px solid rgba(243,207,122,.55);color:var(--cream,#f6efe0);font:700 .95rem var(--sans,'DM Sans',system-ui,sans-serif);text-decoration:none;white-space:nowrap;backdrop-filter:blur(6px)}
.site-header .toplink:hover{border-color:var(--gold,#f3cf7a);background:rgba(27,22,71,.75)}
.site-header a:focus-visible{outline:3px solid var(--gold,#f3cf7a);outline-offset:3px;border-radius:4px}
@media (max-width:560px){.site-header{padding:14px 16px 0}.site-header .brand{font-size:1.3rem}.site-header .mainnav{gap:2px 12px}.site-header .mainnav a:not(.toplink){font-size:.92rem}.site-header .toplink{padding:0 13px;font-size:.88rem}}
.site-footer{box-sizing:border-box;max-width:640px;margin:0 auto;padding:28px 18px 44px;text-align:center;font:400 .88rem/1.6 var(--sans,'DM Sans',system-ui,sans-serif);color:var(--cream,#f6efe0)}
.site-footer p{margin:6px 0}
.site-footer a{margin:0 8px;white-space:nowrap;color:var(--gold,#f3cf7a)}