/* RedEye editorial chrome — shared nav + footer skin for blog posts and inner
   pages. Linked AFTER each page's inline <style> so these win on source order;
   !important guards against higher-specificity legacy rules. Article body styling
   is intentionally left untouched. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{
  --re-ink:#16140f;--re-red:#d22d1f;--re-red2:#a81e12;--re-mut:#7c766c;--re-line:#e6e1d8;
  --re-disp:'Space Grotesk',-apple-system,Segoe UI,sans-serif;--re-mono:'Space Grotesk',ui-monospace,monospace;
}
/* nav */
nav{position:sticky!important;top:0;z-index:60;background:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--re-line)!important;box-shadow:none!important}
nav .nav-inner{max-width:1180px;margin:0 auto;padding:10px clamp(20px,5vw,56px)!important;display:flex;align-items:center;gap:20px;height:auto!important;min-height:72px}
nav .nav-brand{display:flex!important;align-items:center;gap:12px;flex-shrink:0}
nav .nav-logo{height:42px!important;width:auto!important;background:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
nav .nav-wordmark{font-family:var(--re-mono)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--re-mut)!important;border-left:1px solid var(--re-line);padding-left:12px;line-height:1.25}
nav .nav-links a{font-family:var(--re-mono)!important;color:#33302a!important;font-size:11.5px!important;font-weight:500!important;letter-spacing:.05em!important;text-transform:uppercase!important;background:none!important;border-radius:0!important}
nav .nav-links a:hover,nav .nav-links a.active{color:var(--re-red)!important;background:none!important}
nav .nav-cta{font-family:var(--re-mono)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#fff!important;background:var(--re-red)!important;padding:11px 18px!important;border-radius:0!important;border:none!important}
nav .nav-cta:hover{background:var(--re-red2)!important}
nav .nav-toggle{color:var(--re-ink)!important;border-color:var(--re-ink)!important}
/* footer */
footer{background:var(--re-ink)!important;color:#a8a298!important;padding:42px 0!important;border-top:4px solid var(--re-red)!important;font-family:var(--re-mono)!important;font-size:13px!important;letter-spacing:.04em;text-align:center}
footer a{color:#cfcabf!important}
footer a:hover{color:#fff!important}
/* internal-linking block (build_related.py) — sits between article and footer */
.related{background:#f5f2ed;border-top:1px solid var(--re-line);padding:46px 0;font-family:'Inter',-apple-system,Segoe UI,sans-serif}
.rel-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,56px);display:grid;grid-template-columns:1.15fr 1fr;gap:44px}
.rel-h{font-family:var(--re-mono);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--re-red);margin:0 0 16px}
.rel-grid{display:flex;flex-direction:column;gap:9px}
.rel-card{display:block;background:#fff;border:1px solid var(--re-line);padding:13px 15px;text-decoration:none;color:var(--re-ink);font-family:var(--re-disp);font-weight:600;font-size:14.5px;line-height:1.35;transition:border-color .15s,color .15s}
.rel-card:hover{border-color:var(--re-red);color:var(--re-red)}
.rel-k{display:block;font-family:var(--re-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--re-mut);margin-bottom:5px}
.rel-sub{color:#33302a;font-size:14px;line-height:1.6;margin:0 0 16px}
.rel-ctas{display:flex;flex-direction:column;gap:0}
.rel-cta{font-family:var(--re-mono);font-size:13px;font-weight:600;letter-spacing:.03em;color:var(--re-ink);text-decoration:none;border-bottom:1px solid var(--re-line);padding:11px 0;transition:color .15s}
.rel-cta:hover{color:var(--re-red)}
@media(max-width:760px){.rel-wrap{grid-template-columns:1fr;gap:30px}}