/* One fixed, square header on every page. Height tracks wrapping and zoom. */
:root{--site-header-height:100px}
html{scroll-padding-top:calc(var(--site-header-height) + 16px)}
body{padding-top:var(--site-header-height)!important}
header.shared-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;width:100%!important;max-width:none!important;min-height:82px!important;height:auto!important;margin:0!important;padding:12px clamp(12px,3vw,42px)!important;border-radius:0!important;box-sizing:border-box;background:var(--brand);color:white;box-shadow:0 3px 12px #0002}
.shared-header .identity{display:flex!important;align-items:center;gap:10px;flex:1 1 230px!important;min-width:0;color:white;text-decoration:none}
.shared-header .mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:white;color:var(--brand);font:700 28px Georgia,serif}
.shared-header .brand{display:flex;flex-direction:column;gap:4px;min-width:0;white-space:normal}
.shared-header .brand strong{font:normal clamp(18px,2vw,24px)/1.15 Georgia,serif;letter-spacing:-.03em}
.shared-header .brand small{font:700 10px/1.3 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.shared-header .theme-wrap,.shared-header .menu-wrap{position:relative;flex:none;margin:0!important}
.shared-header .menu-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid currentColor;border-radius:999px;background:transparent;color:white;font:700 14px Arial,sans-serif;cursor:pointer}
.shared-header .menu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.shared-header .menu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:1001;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - var(--site-header-height) - 20px);overflow-y:auto;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 12px 30px #0003;font:15px/1.4 Arial,sans-serif}
.shared-header .menu-panel[hidden],.shared-header .theme-panel[hidden]{display:none!important}
.shared-header .menu-panel a,.shared-header .share-site{display:block;padding:10px 13px;color:var(--ink);text-decoration:none}
.shared-header .menu-panel a:hover{background:var(--tint)}
.shared-header .theme-panel{max-height:calc(100dvh - var(--site-header-height) - 20px);overflow-y:auto;right:0;left:auto}
@media(max-width:560px){header.shared-header{min-height:100px!important;gap:8px!important;padding:10px 12px!important}.shared-header .identity{flex-basis:100%!important}.shared-header .theme-wrap{margin-left:auto!important}.shared-header .brand strong{font-size:20px}.shared-header .mark{width:36px;height:36px}.shared-header .brand small{font-size:9px}}


/* Discreet Facebook link directly below the sage header */
.facebook-follow-strip{background:var(--paper,#fffaf0);padding:8px 20px 4px;text-align:right;}
.facebook-follow-strip a{display:inline-flex;align-items:center;gap:6px;color:#1877f2!important;text-decoration:none!important;font:600 12px/1.5 Arial,sans-serif;}
.facebook-follow-strip a:hover{text-decoration:underline!important;}
.facebook-follow-strip a:focus-visible{outline:2px solid #1877f2;outline-offset:3px;}
.facebook-follow-strip svg{width:15px;height:15px;flex:none;}
@media(max-width:560px){.facebook-follow-strip{text-align:center;padding:8px 12px 4px;}}

/* Explicitly prevent site-wide SVG rules from enlarging Facebook icon. */
.facebook-follow-strip a > svg{display:inline-block!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;flex:0 0 16px!important;}
.facebook-follow-strip a{max-width:100%;}

/* Facebook follow strip: centred, brand-blue and consistently sized */
.facebook-follow-strip{display:flex!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important;background:#fffaf0!important;text-align:center!important;padding:10px 12px!important;width:100%!important;}
.facebook-follow-strip a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#1877F2!important;font:600 13px/1.4 Arial,sans-serif!important;text-decoration:none!important;}
.facebook-follow-strip a:hover{text-decoration:underline!important;}
.facebook-follow-strip .facebook-brand-icon{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;flex:0 0 20px!important;object-fit:contain!important;}
