/* Shared MrGTI 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. GTI palette: white / black / red. */
html{scrollbar-gutter:auto}
.mre-mast{background:#CC0000;border-bottom:1px solid #141414;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:#141414;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:#141414;color:#fff;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{background:#000}
.mre-modal-back{position:fixed;inset:0;background:rgba(20,20,20,.6);display:none;align-items:center;justify-content:center;padding:24px;z-index:100}
.mre-modal-back.show{display:flex}
.mre-modal{background:#fff;border:1px solid #141414;box-shadow:4px 4px 0 rgba(20,20,20,.2);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:#CC0000;border-bottom:0;color:#fff;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:#fff;padding:4px}
.mre-modal-body{overflow-y:auto;padding:16px 18px 20px;font-size:14.5px;line-height:1.6;color:#1a1a1a}
.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:#B00018}
.mre-about-fine{font-family:'IBM Plex Mono',monospace;font-size:11.5px;line-height:1.5;color:#8a8a8a;margin-top:12px;padding-top:10px;border-top:1px solid #e2e2e2}
.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:#141414;text-decoration:none}
.mre-nav .ask{background:#141414;color:#fff;padding:6px 12px}
.mre-nav .ask:hover{text-decoration:none;background:#000}
.mre-foot{border-top:3px solid #CC0000;background:#141414;margin-top:40px;padding:22px 0;font-size:14px;color:#b5b5b5;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:#fff;text-decoration:none}
.mre-foot a:hover{text-decoration:underline;color:#fff}
.mre-foot .fine{font-size:12px;margin-top:8px;color:#8a8a8a}
@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}}