/* Shared MrE36 site header + footer — used identically on every page.
   Self-contained (explicit colours, unique .mre-* classes) so it renders the
   same regardless of a page's own tokens/styles. */
html{scrollbar-gutter:auto}
.mre-mast{background:#F2BE00;border-bottom:1px solid #16150F;position:sticky;top:0;z-index:50}
.mre-mastin{display:flex;align-items:center;gap:16px;max-width:780px;margin:0 auto;padding:8px 20px;line-height:1.15;box-sizing:border-box;min-height:56px}
.mre-brand{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;letter-spacing:.3px;color:#16150F;text-decoration:none;white-space:nowrap}
.mre-brand:hover{text-decoration:none}
.mre-brand .mr{background:none;color:inherit;padding:0}
.wm{text-transform:none}
.nav-sm{display:none}
@media(max-width:560px){.nav-lg{display:none}.nav-sm{display:inline}}
.mre-help{border:0;background:#16150F;color:#F2BE00;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;line-height:1.15;cursor:pointer;padding:6px 12px;flex-shrink:0}
.mre-help:hover{opacity:.9}
.mre-modal-back{position:fixed;inset:0;background:rgba(22,21,15,.55);display:none;align-items:center;justify-content:center;padding:24px;z-index:100}
.mre-modal-back.show{display:flex}
.mre-modal{background:#FBF8EF;border:1px solid #16150F;box-shadow:4px 4px 0 rgba(22,21,15,.18);width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column}
.mre-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#F2BE00;border-bottom:1px solid #16150F;padding:9px 14px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.5px}
.mre-modal-x{background:none;border:0;cursor:pointer;font-size:15px;line-height:1;color:#16150F;padding:4px}
.mre-modal-body{overflow-y:auto;padding:16px 18px 20px;font-size:14.5px;line-height:1.6}
.mre-modal-body p{margin:0 0 10px}.mre-modal-body ul{margin:0 0 10px 18px;padding:0}.mre-modal-body li{margin:0 0 6px}.mre-modal-body a{color:#1E4E79}
.mre-about-fine{font-family:'IBM Plex Mono',monospace;font-size:11.5px;line-height:1.5;color:#8a8570;margin-top:12px;padding-top:10px;border-top:1px solid #e6e0cd}
.mre-nav{margin-left:auto;display:flex;gap:16px;align-items:center;font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:18px}
.mre-nav a{color:#16150F;text-decoration:none}
.mre-nav .ask{background:#16150F;color:#F2BE00;padding:6px 12px}
.mre-nav .ask:hover{text-decoration:none;opacity:.9}
.mre-foot{border-top:1px solid #16150F;background:#EFE9D6;margin-top:40px;padding:22px 0;font-size:14px;color:#6b6555;font-family:'Source Sans 3',system-ui,sans-serif}
.mre-foot .in{max-width:780px;margin:0 auto;padding:0 20px}
.mre-foot a{color:#1E4E79;text-decoration:none}
.mre-foot a:hover{text-decoration:underline}
.mre-foot .fine{font-size:12px;margin-top:8px;color:#8a8570}
@media(max-width:560px){.mre-mastin{gap:10px;padding:8px 14px}.mre-nav{gap:10px;font-size:15px}.mre-nav .ask{padding:5px 9px}.mre-help{padding:5px 9px;font-size:16px}}
@media(max-width:380px){.mre-mastin{gap:8px;padding:8px 12px}.mre-nav{gap:8px;font-size:14px}}