:root{--bg:#fbfaf7;--surface:#fff;--text:#111827;--border:#e8e8e3}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
.container{max-width:1180px;margin:0 auto;padding:0 18px}
.fm-header{position:sticky;top:0;background:rgba(251,250,247,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.fm-head{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.logo{text-decoration:none;color:var(--text);font-weight:800}
.fm-head nav a{margin-left:8px;text-decoration:none;color:var(--text);padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:#fff}
.reading{max-width:740px;margin:28px auto;display:flex;flex-direction:column;gap:14px}
.fm-title{font-size:60px;line-height:1.06;margin:8px 0}
.meta,.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pill,.share a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:#fff;font-size:14px;text-decoration:none;color:var(--text)}
.pill img,.author-box img{border-radius:999px}
.pill-box{border:1px solid var(--border);border-radius:18px;background:#fff;padding:16px}
.author-box{text-align:center}
.author-box img{width:72px;height:72px;display:block;margin:0 auto 12px}
@media(max-width:768px){.fm-title{font-size:40px}.fm-head nav{display:none}}

/* Safety net: hide Kadence's own default header/footer + any space it
   reserves for them, in case some leftover markup still renders on a
   particular page. Does NOT match .fm-header / our <footer class="container">
   so the custom header/footer are never affected. */
#masthead.site-header,#colophon.site-footer,.site-header,.site-footer,
header.site-header,footer.site-footer,.kadence-header,.kadence-footer{display:none!important}
body{padding-top:0!important;margin-top:0!important}
.site-content,.content-area,#content{padding-top:0!important;margin-top:0!important}