/*
Theme Name: Reclamation
Theme URI: https://reclamationmagazine.com
Description: Custom magazine theme for Reclamation — "Reclaim Your Voice." Modern editorial grid, ticker, slide-out menu, and brand identity (cream / forest / gold / coral). Pulls all content from the WordPress database; all existing posts and URLs preserved.
Author: Reclamation
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: reclamation
*/

/* ============================================================
   1. PORTED FROM MOCKUP (reclamation-magazine.html <style>)
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --cream:#F2EADF;
  --forest:#273513;
  --gold:#E29700;
  --coral:#FA7755;
  --ink:#1c1c1c;
  --mid:#888;
  --border:rgba(39,53,19,0.13);
  --serif:'EB Garamond',Georgia,serif;
  --sans:'DM Sans','Helvetica Neue',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.6}

/* ── TICKER ── */
.ticker-wrap{background:var(--forest);overflow:hidden;padding:10px 0;cursor:pointer}
.ticker-track{display:flex;white-space:nowrap;animation:tick 38s linear infinite}
.ticker-track:hover{animation-play-state:paused}
.ticker-item{flex-shrink:0;font-family:var(--sans);font-size:.68rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);padding:0 3rem;display:inline-flex;align-items:center;gap:3rem}
.ticker-item::after{content:'';width:4px;height:4px;background:var(--coral);border-radius:50%;display:inline-block}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── HEADER ── */
header{position:sticky;top:0;z-index:100;background:var(--cream);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:90px}
.header-left{display:flex;align-items:center;gap:1.5rem}
.hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:4px;flex-shrink:0}
.hamburger span{display:block;width:22px;height:1.5px;background:var(--forest);transition:transform .28s,opacity .2s}
.hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.h-logo{cursor:pointer;line-height:0;flex-shrink:0}
.h-logo img{height:72px;width:auto;display:block;filter:none;flex-shrink:0}
.header-right{display:flex;align-items:center;gap:1rem}
.search-wrap{display:flex;align-items:center;gap:8px;border:none !important;outline:none !important;box-shadow:none !important;padding:7px 0;background:transparent !important}
.search-wrap input,
.search-wrap input[type="search"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none !important;outline:none !important;box-shadow:none !important;font-family:var(--sans);font-size:.78rem;font-weight:300;color:var(--ink);background:transparent !important;width:140px}
/* Kill any WP/browser chrome around the search field */
.search-wrap form,
.search-wrap fieldset,
.search-wrap .search-form{border:none !important;outline:none !important;box-shadow:none !important;background:transparent !important;margin:0;padding:0}
.search-wrap input::-webkit-search-decoration,
.search-wrap input::-webkit-search-cancel-button,
.search-wrap input::-webkit-search-results-button,
.search-wrap input::-webkit-search-results-decoration{-webkit-appearance:none}
.search-wrap input::placeholder{color:var(--mid)}
.search-wrap svg{opacity:.45;flex-shrink:0}
.btn-sub{font-family:var(--sans);font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:9px 22px;background:var(--forest);color:var(--cream);border:none;cursor:pointer;transition:background .2s}
.btn-sub:hover{background:var(--coral)}

/* ── SLIDE MENU ── */
.menu-overlay{position:fixed;inset:0;background:rgba(20,20,20,.5);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s}
.menu-overlay.open{opacity:1;pointer-events:all}
.slide-menu{position:fixed;top:0;left:0;bottom:0;width:520px;background:var(--forest);z-index:999;transform:translateX(-100%);transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}
.menu-overlay{position:fixed;inset:0;background:rgba(20,20,20,.6);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s}
.menu-overlay.open{opacity:1;pointer-events:all}
@media(max-width:768px){
  .slide-menu{width:100vw!important}
}
.slide-menu.open{transform:translateX(0)}
.slide-menu-inner{padding:5rem 0 2rem;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(242,234,223,.2) transparent}
.slide-menu-inner::-webkit-scrollbar{width:4px}
.slide-menu-inner::-webkit-scrollbar-thumb{background:rgba(242,234,223,.2);border-radius:2px}
/* top-level items */
.nav-item{border-bottom:1px solid rgba(242,234,223,.1)}
.nav-top{display:flex;align-items:center;justify-content:space-between;padding:.85rem 2rem;cursor:pointer;transition:background .15s}
.nav-top:hover{background:rgba(242,234,223,.06)}
.nav-top-label{font-family:var(--sans) !important;font-size:.72rem !important;font-weight:500 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#ffffff !important}
.nav-arrow{font-size:.6rem;color:rgba(242,234,223,.45);transition:transform .2s;display:inline-block}
.nav-item.open .nav-arrow{transform:rotate(90deg)}
/* subcategory drawer */
.nav-sub{display:none;background:rgba(0,0,0,.18);padding:.4rem 0}
.nav-item.open .nav-sub{display:block}
.nav-sub a{display:block;font-family:var(--sans) !important;font-size:.65rem !important;font-weight:400 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#ffffff !important;padding:.55rem 2rem .55rem 2.75rem;cursor:pointer;text-decoration:none;transition:color .15s}
.nav-sub a:hover{color:var(--coral)}
/* no-sub items */
.nav-nosub{display:block;font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);padding:.85rem 2rem;border-bottom:1px solid rgba(242,234,223,.1);cursor:pointer;text-decoration:none;transition:background .15s}
.nav-nosub:hover{background:rgba(242,234,223,.06);color:var(--coral)}
.slide-bottom{display:none!important;height:0!important;padding:0!important;margin:0!important;border:none!important;overflow:hidden!important}
.slide-bottom a{font-family:var(--sans);font-size:.62rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:rgba(242,234,223,.5);cursor:pointer;text-decoration:none;transition:color .15s}
.slide-bottom a:hover{color:var(--cream)}

/* ── INTRO ── */
.intro{display:grid;grid-template-columns:1fr 1fr;min-height:90vh;border-bottom:1px solid var(--border)}
.intro-left{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:4rem}
.intro-left-bg{position:absolute;inset:0;background-size:cover;background-position:center 80%}
.intro-left-overlay{display:none}


.intro-right{padding:5rem 4rem;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--border);background:var(--cream)}
.intro-kicker{font-family:var(--sans);font-size:.63rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--coral);margin-bottom:1.75rem;display:flex;align-items:center;gap:.8rem}
.intro-kicker::before{content:'';width:28px;height:1px;background:var(--coral);display:inline-block;flex-shrink:0}
.intro-right h2{font-family:var(--serif);font-size:clamp(1.9rem,3vw,2.9rem);font-weight:400;line-height:1.2;letter-spacing:-.01em;color:var(--forest);margin-bottom:1.4rem}
.intro-right h2 em{font-style:italic;color:var(--coral)}
.intro-right p{font-family:var(--sans);font-size:.88rem;font-weight:300;color:#4a4a3a;line-height:1.9;margin-bottom:1rem}
.intro-learn-more{font-family:var(--sans);font-size:.78rem;font-weight:500;color:var(--coral);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;margin-left:.4rem;display:inline-block}
.intro-learn-more:hover{color:var(--forest)}

/* ── AUTHOR BIO (single article) — centered, stacked ── */
.author-bio-wrap{max-width:480px;margin:3rem auto 2rem;padding:0 2rem;text-align:center}
.author-bio-divider{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}
.author-bio-divider span{flex:1;height:1px;background:var(--border)}
.author-bio-divider::before{content:'Written By';font-family:var(--sans);font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--coral);white-space:nowrap}
.author-bio{display:flex !important;flex-direction:column !important;align-items:center !important;gap:.65rem;max-width:none;margin:0;padding:0;text-align:center !important}
.author-bio-avatar{flex-shrink:0;display:block;border-radius:50%;overflow:hidden}
.author-bio-avatar img{display:block;border-radius:50%}
.author-bio-name{font-family:var(--serif);font-size:1.15rem;color:var(--forest);text-decoration:none;display:inline-block}
.author-bio-name:hover{color:var(--coral)}
.author-bio-text{font-family:var(--sans);font-size:.85rem;font-weight:300;color:#666;line-height:1.6;margin:0}
@media(max-width:600px){
  .author-bio-wrap{padding:0 1.25rem;margin-top:2.5rem}
}








/* ── FILTER TABS ── */
.filters{display:flex;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;padding:0 2.5rem}
.filters::-webkit-scrollbar{display:none}
.f-btn{font-family:var(--sans);font-size:.67rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--mid);background:none;border:none;border-bottom:2px solid transparent;padding:1rem 1.1rem;cursor:pointer;white-space:nowrap;margin-bottom:-1px;transition:color .15s,border-color .15s}
.f-btn:hover{color:var(--forest)}
.f-btn.active{color:var(--forest);border-bottom-color:var(--coral)}

/* ── ARTICLE GRID (Acacia-style: image + label + title + deck + author) ── */
.art-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  padding:3rem 2.5rem;
  row-gap:3.5rem;
}
.art-card{cursor:pointer;display:flex;flex-direction:column;gap:0;padding:0 1.25rem}
.art-card:nth-child(4n+1){padding-left:0}
.art-card:nth-child(4n){padding-right:0}
.art-card:hover .art-card-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}

.art-card-img{
  width:100%;aspect-ratio:3/2;overflow:hidden;margin-bottom:.9rem;
  position:relative;
}
.art-card-img-inner{
  width:100%;height:100%;background-size:cover;background-position:center;
  transition:transform .5s ease;
}
.art-card:hover .art-card-img-inner{transform:scale(1.04)}

.art-card-label{
  font-family:var(--sans);font-size:.6rem;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:var(--coral);
  margin-bottom:.45rem;display:block;
}
.art-card-title{
  font-family:var(--serif);font-size:1.15rem;font-weight:400;
  line-height:1.25;color:var(--forest);margin-bottom:.45rem;
}
.art-card-deck{
  font-family:var(--sans);font-size:.78rem;font-weight:300;
  color:#666;line-height:1.6;margin-bottom:.55rem;
}
.art-card-author{
  font-family:var(--sans);font-size:.6rem;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-top:auto;
}

/* ── PATTERN DIVIDER ── */
.pattern-band{
  width:100%;height:180px;
  background-size:cover;background-position:center;
  position:relative;display:flex;align-items:center;justify-content:center;
}
.pattern-band-text{
  font-family:var(--serif);font-size:clamp(1.4rem,2.5vw,2rem);
  font-style:italic;font-weight:400;color:#fff;text-align:center;
  position:relative;z-index:2;padding:0 2rem;
  text-shadow:0 1px 12px rgba(0,0,0,.3);
}

/* ── SUBSCRIBE SECTION ── */
.sub-section{padding:6rem 2.5rem;text-align:center;position:relative;overflow:hidden}
.sub-section-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.12;pointer-events:none}
.sub-section-inner{position:relative;z-index:2}
.sub-sym{width:90px;height:auto;margin:0 auto 1.75rem;display:block;background-color:transparent!important}
.sub-section h2{font-family:var(--serif);font-size:2.4rem;font-weight:400;line-height:1.2;color:var(--forest);margin-bottom:.7rem}
.sub-section p{font-family:var(--sans);font-size:.88rem;font-weight:300;color:#555;line-height:1.75;margin-bottom:2.25rem;max-width:400px;margin-left:auto;margin-right:auto}
/* Real Jetpack subscription form — footer/homepage "Subscribe for Updates" section */
.sub-form-wrap .jetpack_subscription_widget,
.sub-form-wrap .widget-subscription-form{max-width:380px;margin:0 auto}
.sub-form-wrap form{display:flex;border:1px solid var(--forest);max-width:380px;margin:0 auto}
.sub-form-wrap #subscribe-email{flex:1;margin:0}
.sub-form-wrap #subscribe-email label{display:none}
.sub-form-wrap input.rec-jetpack-input,
.sub-form-wrap input[type="email"]{width:100%;padding:.9rem 1.1rem;font-family:var(--sans);font-size:.82rem;font-weight:300;border:none !important;outline:none;background:transparent !important;color:var(--ink) !important;box-shadow:none !important}
.sub-form-wrap input.rec-jetpack-input::placeholder{color:var(--mid)}
.sub-form-wrap #subscribe-submit{margin:0}
.sub-form-wrap button.rec-jetpack-btn,
.sub-form-wrap button[type="submit"]{padding:.9rem 1.4rem !important;background:var(--forest) !important;color:var(--cream) !important;border:none !important;font-family:var(--sans) !important;font-size:.68rem !important;font-weight:500 !important;letter-spacing:.12em !important;text-transform:uppercase !important;cursor:pointer;transition:background .2s;white-space:nowrap;border-radius:0 !important}
.sub-form-wrap button.rec-jetpack-btn:hover,
.sub-form-wrap button[type="submit"]:hover{background:var(--gold) !important}
.sub-form-wrap .jetpack_subscription_widget > h2,
.sub-form-wrap .jetpack_subscription_widget > h3,
.sub-form-wrap .widget-title,
.sub-form-wrap .widgettitle,
.pop-form-wrap .jetpack_subscription_widget > h2,
.pop-form-wrap .jetpack_subscription_widget > h3,
.pop-form-wrap .widget-title,
.pop-form-wrap .widgettitle{display:none !important}
.rec-subscribe-fallback{font-family:var(--sans);font-size:.78rem;color:var(--mid);max-width:380px;margin:0 auto}

/* Real Jetpack subscription form — popup */
.pop-form-wrap form{display:flex;flex-direction:column;gap:.7rem}
.pop-form-wrap #subscribe-email label{display:none}
.pop-form-wrap input.rec-jetpack-input,
.pop-form-wrap input[type="email"]{width:100%;padding:.9rem 1.2rem;font-family:var(--sans);font-size:.84rem;font-weight:300;border:1px solid var(--border) !important;outline:none;background:transparent !important;color:var(--ink) !important;transition:border-color .15s;box-shadow:none !important}
.pop-form-wrap input.rec-jetpack-input:focus{border-color:var(--forest) !important}
.pop-form-wrap input.rec-jetpack-input::placeholder{color:var(--mid)}
.pop-form-wrap button.rec-jetpack-btn,
.pop-form-wrap button[type="submit"]{width:100% !important;padding:.95rem !important;background:var(--forest) !important;color:var(--cream) !important;border:none !important;font-family:var(--sans) !important;font-size:.72rem !important;font-weight:500 !important;letter-spacing:.14em !important;text-transform:uppercase !important;cursor:pointer;transition:background .2s;border-radius:0 !important}
.pop-form-wrap button.rec-jetpack-btn:hover,
.pop-form-wrap button[type="submit"]:hover{background:var(--gold) !important}
.sub-ok{display:none;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--mid);margin-top:.9rem}

/* ── FOOTER ── */
footer{background:var(--forest);color:var(--cream);padding:0;overflow:hidden;position:relative}
.foot-pattern{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18}
.foot-inner{position:relative;z-index:2;padding:3.5rem 2.5rem 2rem}
.foot-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:2rem;border-bottom:1px solid rgba(242,234,223,.14);gap:2rem;flex-wrap:wrap}
.foot-logo img{height:64px;cursor:pointer;display:block}
.foot-cols{display:flex;gap:3.5rem;flex-wrap:wrap}
.foot-col{display:flex;flex-direction:column;gap:.5rem}
.foot-hd{font-family:var(--sans);font-size:.6rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}
.foot-col a{font-family:var(--sans) !important;font-size:.72rem !important;font-weight:300 !important;color:#ffffff !important;text-decoration:none !important;cursor:pointer;transition:color .15s}
.foot-col a:hover{color:var(--coral) !important}
.foot-bottom{padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.foot-bottom p{font-family:var(--sans) !important;font-size:.68rem !important;font-weight:300 !important;color:#ffffff !important;letter-spacing:.04em}

/* ── POPUP ── */
.popup-bg{position:fixed;inset:0;background:rgba(20,20,20,.62);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.popup-bg.open{opacity:1;pointer-events:all}
.popup{width:100%;max-width:440px;margin:1rem;position:relative;text-align:center;transform:translateY(22px);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow:hidden}
.popup-bg.open .popup{transform:translateY(0)}
.popup-pattern{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.15}
.popup-inner{position:relative;z-index:2;background:var(--cream);padding:3.5rem 2.75rem}
.pop-close{position:absolute;top:1.1rem;right:1.3rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--mid);line-height:1;font-weight:300;transition:color .15s;z-index:10}
.pop-close:hover{color:var(--forest)}
.pop-sym{width:80px;height:80px;margin:0 auto 1.5rem;display:block;background-color:transparent!important}
.popup h3{font-family:var(--serif);font-size:2rem;font-weight:400;color:var(--forest);margin-bottom:.65rem}
.popup>p{font-family:var(--sans);font-size:.84rem;font-weight:300;color:#666;line-height:1.7;margin-bottom:1.9rem}
.pop-ok{display:none;font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--mid)}
.pop-note{font-family:var(--sans);font-size:.65rem;color:var(--mid);margin-top:.7rem}

/* ── ARTICLE PAGE ── */
#page-article{display:none}
.back-bar{display:flex;align-items:center;gap:.6rem;font-family:var(--sans);font-size:.67rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);background:none;border:none;border-bottom:1px solid var(--border);padding:1.1rem 2.5rem;cursor:pointer;width:100%;transition:color .15s}
.back-bar:hover{color:var(--forest)}
.art-hero{width:100%;height:70vh;min-height:480px;max-height:700px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.art-hero-overlay{position:absolute;inset:0;background:rgba(39,53,19,.45)}
.art-hdr{max-width:640px;margin:0 auto;padding:5rem 2rem 3rem;border-bottom:1px solid var(--border);text-align:center}
.art-hdr .meta{font-family:var(--sans);font-size:.63rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--mid);margin-bottom:1.5rem;display:flex;gap:.65rem;align-items:center;justify-content:center}
.art-hdr .meta .tp{color:var(--coral);font-weight:500}
.art-hdr .meta .tp a{color:var(--coral);text-decoration:none}
.art-hdr .meta .tp a:hover{color:var(--forest);text-decoration:underline}
.art-hdr .byl .nm{text-decoration:none}
.art-hdr .byl .nm:hover{color:var(--coral)}
.art-hdr h1{font-family:var(--serif);font-size:clamp(2.4rem,5vw,4rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--forest);margin-bottom:1.5rem}
.art-hdr .deck{font-family:var(--serif) !important;font-style:italic;font-size:1.2rem;color:#555;line-height:1.75;margin-bottom:2rem}
.art-hdr .byl{font-family:var(--sans);font-size:.63rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);display:flex;gap:.6rem;align-items:center;justify-content:center}
.art-hdr .byl .nm{color:var(--forest);font-weight:500}
.art-body{max-width:580px;margin:0 auto;padding:4rem 2rem 6rem}
.page-template-default .art-body,.page .art-body{max-width:960px !important;padding:2rem 3rem 5rem !important}
.page-template-default .art-hdr,.page .art-hdr{max-width:960px !important;padding:2.5rem 3rem 1.5rem !important}
.page-template-default .art-hdr h1,.page .art-hdr h1{font-size:clamp(1.4rem,2.5vw,2rem) !important;text-transform:none !important;letter-spacing:0 !important}
@media(max-width:700px){
  .page-template-default .art-body,.page .art-body{padding:2rem 1.5rem 4rem !important}
  .page-template-default .art-hdr,.page .art-hdr{padding:2rem 1.5rem 1rem !important}
}
.art-body p{font-family:var(--serif) !important;font-size:1.2rem;font-weight:400;line-height:2;color:#1a1a1a;margin-bottom:2rem}
.art-body p em{font-style:italic}

/* ── RESPONSIVE ── */
@media(max-width:900px){.art-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
  .btn-sub{display:none !important}
  .search-wrap{display:none !important}
}
@media(max-width:600px){
  header{padding:0 1rem;height:60px;justify-content:space-between}
  .header-left{gap:.6rem;min-width:0;flex-shrink:1}
  .h-logo{min-width:0;overflow:visible;flex-shrink:1}
  .h-logo img{height:28px;width:auto;max-width:none;object-fit:contain;display:block}
  .hamburger{flex-shrink:0}
  .hamburger span{width:18px}
  .header-right{flex-shrink:0;gap:.5rem;display:none !important}
  .intro{grid-template-columns:1fr}
  .intro-left{min-height:240px}
  .intro-right{padding:2.5rem 1.5rem;border-left:none;border-top:1px solid var(--border)}
  .art-grid{grid-template-columns:repeat(2,1fr);padding:2rem 1.25rem;row-gap:2.5rem}
  .art-card{padding:0 .5rem}
  .art-card:nth-child(2n+1){padding-left:0}
  .art-card:nth-child(2n){padding-right:0}
  .filters{padding:0 1rem}
  .sub-section{padding:4rem 1.5rem}
  footer{padding-top:0}
  .foot-top{flex-direction:column}
  .art-hdr{padding:3.5rem 1.25rem 2.5rem}
  .art-body{padding:3rem 1.25rem 4rem}
  .pattern-band{height:130px}
}

.pager{display:flex;align-items:center;gap:.5rem;padding:2rem 2.5rem;border-top:1px solid var(--border);flex-wrap:wrap}
.pager-btn{font-family:var(--sans);font-size:.72rem;font-weight:400;letter-spacing:.08em;background:none;border:1px solid var(--border);padding:.5rem .9rem;cursor:pointer;color:var(--mid);transition:all .15s}
.pager-btn:hover,.pager-btn.active{background:var(--forest);color:var(--cream);border-color:var(--forest)}
.pager-next{font-family:var(--sans);font-size:.72rem;font-weight:400;letter-spacing:.08em;color:var(--forest);cursor:pointer;margin-left:auto;text-decoration:underline;text-underline-offset:3px;background:none;border:none}
.pager-next:hover{color:var(--coral)}
.pager-ellipsis{font-family:var(--sans);font-size:.72rem;color:var(--mid);padding:.5rem .25rem}
.pager-live{text-decoration:none;opacity:.7}
.pager-live:hover{opacity:1}

/* ============================================================
   2. THEME ADDITIONS — category/archive pages & WP integration
   ============================================================ */

/* Category / archive header.
   NOTE: .cat-head is a <header> element, so it would otherwise inherit the
   global sticky-navbar `header{}` rule (position:sticky, height:90px, flex,
   cream bg, border) and float over the real navbar. Reset those here. */
.cat-head{position:static;display:block;height:auto;background:none;border:none;z-index:auto;top:auto;justify-content:normal;align-items:normal;padding:3.5rem 2.5rem 0;max-width:1000px}
.cat-head .cat-kicker{font-family:var(--sans);font-size:.63rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--coral);margin-bottom:1rem;display:flex;align-items:center;gap:.8rem}
.cat-head .cat-kicker::before{content:'';width:28px;height:1px;background:var(--coral);display:inline-block;flex-shrink:0}
.cat-head h1{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.15;letter-spacing:-.01em;color:var(--forest);margin-bottom:.9rem}
.cat-head .cat-desc{font-family:var(--sans);font-size:.92rem;font-weight:300;color:#4a4a3a;line-height:1.8;max-width:620px;margin-bottom:.5rem}
.cat-head .cat-count{font-family:var(--sans);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mid)}

/* Subcategory filter row reuses .filters/.f-btn; ensure links style cleanly */
.filters a.f-btn{text-decoration:none;display:inline-block}
.filters{margin-top:1.75rem}

/* Empty state */
.cat-empty{padding:4rem 2.5rem;font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--mid)}

/* WordPress core pagination (paginate_links) styled to match .pager */
.rec-pagination{display:flex;align-items:center;gap:.5rem;padding:2.5rem 2.5rem 4rem;flex-wrap:wrap}
.rec-pagination .page-numbers{font-family:var(--sans);font-size:.72rem;font-weight:400;letter-spacing:.08em;background:none;border:1px solid var(--border);padding:.5rem .9rem;cursor:pointer;color:var(--mid);transition:all .15s;text-decoration:none;line-height:1}
.rec-pagination a.page-numbers:hover,.rec-pagination .page-numbers.current{background:var(--forest);color:var(--cream);border-color:var(--forest)}
.rec-pagination .page-numbers.dots{border:none;color:var(--mid)}

/* WordPress alignment / caption helpers for article body */
.art-body img{max-width:100%;height:auto;display:inline-block}
.art-body .wp-caption-text,.art-body figcaption{font-family:var(--sans);font-size:.72rem;color:var(--mid);text-align:center;margin-top:.5rem}
.art-body h2,.art-body h3{font-family:var(--serif);color:var(--forest);line-height:1.25;margin:2.2rem 0 1rem}
.art-body blockquote{border-left:3px solid var(--coral);margin:2rem 0;padding:.4rem 0 .4rem 1.5rem;font-family:var(--serif);font-style:italic;color:#444}

/* Skip link / accessibility */
.screen-reader-text{position:absolute;left:-9999px}

@media(max-width:600px){
  .cat-head{padding:2.5rem 1.25rem 0}
  .rec-pagination{padding:2rem 1.25rem 3rem}
}

/* ── COMMENTS / DISCUSSION ────────────────────────────────────────────
   Explicit, defensive styling for every default WordPress comment-template
   element. Without these, a stray gravatar/box from WordPress.com's own
   default block styles can render as an unstyled, undersized block
   (sometimes appearing as a solid dark box with no visible text) — this
   guarantees the theme's own look always wins regardless of what default
   markup wp_list_comments() / comment_form() output. */
.comments-area{max-width:640px;margin:0 auto;padding:2rem 0 1rem}
.comments-title{font-family:var(--serif) !important;font-size:1.4rem !important;font-weight:400 !important;color:var(--forest) !important;background:transparent !important;margin-bottom:1.5rem !important}
ol.comment-list{list-style:none;margin:0;padding:0}
li.comment,li.pingback,li.trackback{list-style:none !important;margin:0 0 1.5rem !important;padding:0 !important;border-bottom:1px solid var(--border) !important;background:transparent !important;background-color:transparent !important}
.comment-body{background:transparent !important;background-color:transparent !important;padding:0 0 1.5rem;color:#333 !important}
.comment-author{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem;background:transparent !important}
.comment-author .avatar{width:36px;height:36px;border-radius:50%;display:block;background:var(--cream)}
.comment-author .fn,.comment-author cite,.comment-author b{font-family:var(--serif) !important;font-style:normal !important;font-size:.95rem !important;color:var(--forest) !important;background:transparent !important;font-weight:400 !important}
.comment-author .says{font-family:var(--sans) !important;font-size:.7rem !important;color:var(--mid) !important;background:transparent !important;text-transform:uppercase;letter-spacing:.08em;margin-left:.25rem}
.comment-meta{background:transparent !important}
.comment-metadata{font-family:var(--sans) !important;font-size:.68rem !important;color:var(--mid) !important;background:transparent !important;margin-bottom:.5rem}
.comment-metadata a{color:var(--mid) !important}
.comment-content{font-family:var(--sans) !important;font-size:.88rem !important;line-height:1.7 !important;color:#444 !important;background:transparent !important}
.comment-content p{font-family:var(--sans) !important;font-size:.88rem !important;color:#444 !important;margin-bottom:.75rem}
.comment-reply-link{font-family:var(--sans);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--coral);text-decoration:none;background:transparent}
.comment-reply-link:hover{color:var(--forest)}
#respond,.comment-respond{background:transparent !important;margin-top:2rem}
.comment-reply-title{font-family:var(--serif) !important;font-size:1.2rem !important;color:var(--forest) !important;background:transparent !important;font-weight:400 !important}
.comment-form label{font-family:var(--sans);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--forest);display:block;margin-bottom:.4rem}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;font-family:var(--sans);font-size:.85rem;padding:.7rem .9rem;border:1px solid var(--border);background:var(--cream) !important;color:var(--forest) !important;margin-bottom:1rem;border-radius:0}
.comment-form .form-submit input{background:var(--forest) !important;color:var(--cream) !important;font-family:var(--sans);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:.8rem 1.6rem;border:none;cursor:pointer}
.comment-form .form-submit input:hover{background:var(--coral) !important}
.bypostauthor,.children{background:transparent !important}

/* ── AUTHOR ARCHIVE HEADER ── */
.author-head{position:static!important;display:block!important;height:auto!important;background:var(--cream)!important;border:none!important;z-index:auto!important;top:auto!important;justify-content:normal!important;align-items:normal!important;flex-direction:column!important;max-width:700px;margin:0 auto;padding:6rem 2.5rem 4rem;text-align:center;border-bottom:1px solid var(--border)!important}
.author-head-avatar{margin:0 auto 2.25rem}
.author-head-avatar img{border-radius:50%;display:inline-block;width:120px;height:120px;object-fit:cover;box-shadow:0 2px 16px rgba(39,53,19,0.10)}
.author-head-kicker{font-family:var(--sans);font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--coral);margin-bottom:.75rem}
.author-head h1{font-family:var(--serif);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:400;line-height:1.2;color:var(--forest);margin-bottom:1.5rem;word-wrap:break-word}
.author-head-bio{font-family:var(--sans);font-size:.95rem;font-weight:300;color:#444;line-height:2;margin:0 auto 2rem;max-width:540px}
.author-head .cat-count{font-family:var(--sans);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mid)}
@media(max-width:600px){
  .author-head{padding:4rem 1.25rem 3rem}
  .author-head-avatar img{width:90px;height:90px}
}
/* Gutenberg/page content — allow full-width layout blocks */
.page .art-body .wp-block-columns{display:flex;gap:3rem;align-items:flex-start}
.page .art-body .wp-block-column{min-width:0;flex:1}
.page .art-body .wp-block-column:has(figure),
.page .art-body .wp-block-column:last-child{flex:0 0 38%}
.page .art-body .wp-block-column:first-child{flex:1}
.page .art-body .wp-block-image img{max-width:100%;width:100%;height:auto!important;display:block;border-radius:2px}
.page .art-body figure{margin:0}
.page .art-body figcaption{font-family:var(--sans);font-size:.72rem;color:var(--mid);margin-top:.4rem}
@media(max-width:680px){
  .page .art-body .wp-block-columns{flex-direction:column}
  .page .art-body .wp-block-column:has(figure),
  .page .art-body .wp-block-column:last-child{flex:none;width:100%}
}

/* "View all articles" on homepage — right-aligned, no top border */
.home-view-all{justify-content:flex-end;border-top:none;padding:1.5rem 2.5rem 2rem}

/* ── FOUNDER'S NOTE SECTION ── */
.founders-note{
  position:relative;
  background-size:cover;
  background-position:center top;
  padding:6rem 3rem;
  overflow:hidden;
  margin-top:0;
}
.founders-note-overlay{
  position:absolute;
  inset:0;
  background:rgba(39,53,19,0.72);
  z-index:1;
}
.founders-note-inner{
  position:relative;
  z-index:2;
  max-width:560px;
  text-align:center;
  margin:0 auto;
}
.founders-note-kicker{
  font-family:var(--sans);
  font-size:.63rem;
  font-weight:500;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.75rem;
}
.founders-note-kicker::before{
  content:'';
  width:28px;
  height:1px;
  background:var(--gold);
  display:inline-block;
  flex-shrink:0;
}
.founders-note h2{
  font-family:var(--serif);
  font-size:clamp(1.8rem,3vw,2.8rem);
  font-weight:400;
  line-height:1.2;
  color:#f2eadf;
  margin-bottom:1.5rem;
}
.founders-note-link{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-family:var(--serif);
  font-style:italic;
  font-size:1.1rem;
  color:#f2eadf;
  text-decoration:none;
  border-bottom:1px solid rgba(242,234,223,0.5);
  padding-bottom:2px;
  transition:color .2s,border-color .2s;
}
.founders-note-link:hover{color:var(--gold);border-color:var(--gold)}

/* Beige wave variant — light background, dark text */
.founders-note--beige{
  background-color:var(--cream);
  background-size:cover;
  background-position:center;
}
.founders-note--beige .founders-note-kicker{
  color:var(--gold);
}
.founders-note--beige .founders-note-kicker::before{
  background:var(--gold);
}
.founders-note--beige h2{
  color:var(--forest);
}
.founders-note--beige .founders-note-link{
  color:var(--forest);
  border-bottom-color:rgba(39,53,19,0.4);
}
.founders-note--beige .founders-note-link:hover{color:var(--gold);border-color:var(--gold)}

/* Spacer between article grid / founder note / gold banner */
.founders-note-spacer{
  height:6rem;
  background:var(--cream);
}

@media(max-width:600px){
  .founders-note{padding:4rem 1.5rem}
  .founders-note-spacer{height:3.5rem}
}

/* ── NUCLEAR OVERRIDES — footer + nav visibility ── */
/* These rules live at the end of the stylesheet so nothing can override them */
footer .foot-col a,
footer .foot-cols .foot-col a,
.foot-inner .foot-col a{color:#f2eadf !important;opacity:1 !important;visibility:visible !important}
footer .foot-col a:hover,
footer .foot-cols .foot-col a:hover{color:#FA7755 !important}
footer .foot-bottom p,
footer .foot-bottom span{color:#f2eadf !important;opacity:1 !important;visibility:visible !important}

/* Burger nav — all text fully visible regardless of hover state */
.slide-menu .nav-top-label,
.slide-menu .nav-top .nav-top-label{color:#ffffff !important;opacity:1 !important;visibility:visible !important}
.slide-menu .nav-sub a,
.slide-menu .nav-sub-item a{color:#ffffff !important;opacity:1 !important;visibility:visible !important}
.slide-menu .nav-nosub,
.slide-menu a.nav-nosub{color:#ffffff !important;opacity:1 !important;visibility:visible !important}
.slide-menu .nav-sub a:hover{color:#FA7755 !important}
.slide-menu .nav-nosub:hover{color:#FA7755 !important}

/* Force all footer text white — catches any WP/theme overrides */
footer,
footer p,
footer span,
footer div,
.foot-bottom,
.foot-bottom p,
.foot-bottom span,
.foot-inner,
.foot-inner p,
.foot-inner span{color:#f2eadf !important}
footer .foot-hd{color:var(--gold) !important}

/* ── NUCLEAR: Force all subscribe buttons forest green, beat Jetpack inline styles ── */
.sub-form-wrap button,
.pop-form-wrap button,
.sub-form-wrap input[type="submit"],
.pop-form-wrap input[type="submit"],
#subscribe-submit input,
#subscribe-submit button,
.jetpack_subscription_widget input[type="submit"],
.jetpack_subscription_widget button[type="submit"],
button.rec-jetpack-btn,
input.rec-jetpack-btn{
  background:#273513 !important;
  background-color:#273513 !important;
  color:#F2EADF !important;
  border-color:#273513 !important;
  border-radius:0 !important;
}
.sub-form-wrap button:hover,
.pop-form-wrap button:hover,
#subscribe-submit input:hover,
#subscribe-submit button:hover,
.jetpack_subscription_widget input[type="submit"]:hover,
.jetpack_subscription_widget button[type="submit"]:hover,
button.rec-jetpack-btn:hover{
  background:#E29700 !important;
  background-color:#E29700 !important;
  border-color:#E29700 !important;
}

/* ── Kill search field halo/border everywhere ── */
form.search-wrap,
.search-wrap,
.search-wrap *{border:none !important;outline:none !important;box-shadow:none !important}
form.search-wrap:focus-within,
.search-wrap input:focus{outline:none !important;box-shadow:none !important;border:none !important}

/* ── NUCLEAR: Kill green box on comments ── */
li.comment *,
.comment-body *,
.comment-author,
.comment-author *,
.comment-list li,
.comment-list li *,
.comment-list .comment-author,
.wp-comment-author,
.comment .vcard,
.comment .vcard *{
  background:transparent !important;
  background-color:transparent !important;
}

/* ── NUCLEAR: Footer bottom text always white ── */
.foot-bottom,
.foot-bottom p,
.foot-bottom span,
.foot-bottom a,
footer .foot-bottom,
footer .foot-bottom *{color:#ffffff !important;opacity:1 !important}

/* ── Mobile header: hide subscribe + search, protect logo ── */
@media(max-width:768px){
  .header-right .btn-sub,
  .header-right .search-wrap,
  header .btn-sub,
  header .search-wrap{display:none !important;visibility:hidden !important}
  .h-logo img{max-width:none !important;height:30px !important;width:auto !important;overflow:visible !important}
  header{overflow:visible !important}
  .header-left{overflow:visible !important;min-width:0;flex:1}
}

/* Remove border from last menu item */
.slide-menu-inner > *:last-child,
.slide-menu-inner .nav-nosub:last-child,
.slide-menu-inner .nav-item:last-child,
.slide-menu-inner > a:last-child{border-bottom:none !important}

/* ── Comment meta text: make dates/says visible ── */
.comment-metadata,
.comment-metadata a,
.comment-metadata time,
.says,
.comment-author .says{color:#666666!important;opacity:1!important}