/*
Theme Name: VoiceOverXtra
Template: kadence
Author: VoiceOverXtra
Description: Child theme for VoiceOverXtra — homepage layout and brand styling.
Version: 1.2
*/

@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@500;700;800&family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --vox-maroon:      #6E1E2A;
  --vox-maroon-deep: #521521;
  --vox-gold:        #B98A2E;
  --vox-gold-lite:   #EFC463;
  --vox-ink:         #241B1D;
  --vox-paper:       #FBFAF7;
  --vox-panel:       #F2EDE6;
  --vox-line:        #DDD5CA;
  --vox-muted:       #5B5052;
}

/* ============================================================
   GLOBAL
   ============================================================ */

body{ font-family:'Public Sans',sans-serif; color:var(--vox-ink); background:var(--vox-paper); line-height:1.55; }
h1,h2,h3,h4,h5,h6,.entry-title{ font-family:'Bitter',Georgia,serif; font-weight:700; line-height:1.18; }

.vox-home .vox-wrap{ max-width:1120px; margin:0 auto; padding:0 24px; }
.vox-home a{ text-decoration:none; }

.vox-eyebrow{
  font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase; color:var(--vox-maroon);
  display:inline-block; margin-bottom:8px;
}

.vox-sec{ display:flex; align-items:center; gap:14px; margin:34px 0 6px; }
.vox-sec h2{
  font-family:'Bitter',serif; font-weight:800; font-size:20px;
  color:var(--vox-maroon); text-transform:uppercase; letter-spacing:.03em; margin:0;
}
.vox-sec::after{ content:""; flex:1; height:1px; background:var(--vox-line); order:5; }
.vox-sec .vox-all{ font-size:13px; font-weight:600; color:var(--vox-maroon); order:6; }
.vox-sec-sub{ font-size:14px; color:#6B5F61; margin:0 0 20px; max-width:64ch; }

.vox-byline{ font-size:13px; color:#7A6E70; }
.vox-byline b{ color:var(--vox-ink); }

/* ============================================================
   HERO
   ============================================================ */

.vox-hero{ background:var(--vox-ink); color:#F4EDE3; padding:52px 0 56px; text-align:center; }
.vox-hero .vox-eyebrow{ color:var(--vox-gold-lite); }
.vox-hero h1{
  font-weight:800; font-size:clamp(28px,3.9vw,42px); line-height:1.12;
  margin:0 0 14px; color:#F4EDE3;
}
.vox-hero-sub{ font-size:17px; color:#CDBFB2; max-width:52ch; margin:0 auto 34px; }
.vox-hero-note{
  display:block; margin-top:26px; font-family:'IBM Plex Mono',monospace;
  font-size:11px; letter-spacing:.08em; color:#9C8D80;
}

.vox-picks{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; text-align:left; }
.vox-pick{
  background:#302326; border:1px solid #46353A; border-radius:8px;
  padding:24px 22px 20px; display:flex; flex-direction:column; gap:9px;
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
}
.vox-pick:hover{ transform:translateY(-3px); border-color:var(--vox-gold); background:#372A2D; }
.vox-pick-icon{
  width:38px; height:38px; border-radius:50%; background:rgba(239,196,99,.14);
  display:flex; align-items:center; justify-content:center; margin-bottom:2px;
}
.vox-pick-icon svg{
  width:20px; height:20px; stroke:var(--vox-gold-lite); fill:none;
  stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}
.vox-pick h3{ font-size:19px; line-height:1.25; color:#F4EDE3; margin:0; }
.vox-pick p{ font-size:14px; color:#B8A79B; line-height:1.5; flex:1; margin:0; }
.vox-get{
  font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--vox-gold-lite); font-weight:500; margin-top:6px;
}
.vox-pick:hover .vox-get{ color:#F5D588; }

/* ============================================================
   START HERE
   ============================================================ */

.vox-cornerstone{
  background:var(--vox-panel);
  border-top:1px solid var(--vox-line); border-bottom:1px solid var(--vox-line);
  padding:16px 0 42px; margin-top:34px;
}
.vox-pillars{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.vox-pillar{
  background:#fff; border:1px solid var(--vox-line); border-left:3px solid var(--vox-maroon);
  border-radius:5px; padding:16px 18px; display:flex; flex-direction:column; gap:6px;
  transition:border-left-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.vox-pillar:hover{
  border-left-color:var(--vox-gold);
  box-shadow:0 6px 18px rgba(36,27,29,.08); transform:translateY(-2px);
}
.vox-num{
  font-family:'IBM Plex Mono',monospace; font-size:11px;
  letter-spacing:.14em; color:var(--vox-gold); font-weight:500;
}
.vox-pillar h3{ font-size:16px; line-height:1.3; color:var(--vox-ink); margin:0; }
.vox-pillar p{ font-size:13.5px; color:#6B5F61; line-height:1.45; margin:0; }
.vox-pillar-meta{
  font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.08em;
  color:#9C8D80; text-transform:uppercase;
}

/* ============================================================
   MOST READ
   ============================================================ */

.vox-mostread{ padding:6px 0 10px; }
.vox-mr-grid{ display:grid; grid-template-columns:1fr 1fr; gap:0 40px; }
.vox-mr{
  display:flex; gap:14px; align-items:baseline;
  padding:13px 4px; border-bottom:1px solid var(--vox-line);
  transition:background .15s ease;
}
.vox-mr:hover{ background:#F6F1EA; }
.vox-mr-rank{
  font-family:'Bitter',serif; font-weight:800; font-size:20px;
  color:var(--vox-line); min-width:30px; line-height:1;
}
.vox-mr:hover .vox-mr-rank{ color:var(--vox-gold); }
.vox-mr-body h4{ font-size:15.5px; line-height:1.32; margin:0 0 3px; color:var(--vox-ink); }
.vox-mr:hover .vox-mr-body h4{ color:var(--vox-maroon); }
.vox-mr-stat{
  font-family:'IBM Plex Mono',monospace; font-size:10.5px;
  letter-spacing:.08em; color:#9C8D80; text-transform:uppercase;
}

/* ============================================================
   FEATURED SLIDER
   ============================================================ */

.vox-featured{ padding:10px 0 0; }
.vox-arrows{ display:flex; gap:8px; order:4; }
.vox-arrow{
  width:34px; height:34px; border-radius:50%; border:1px solid var(--vox-line);
  background:#fff; color:var(--vox-maroon); cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size:15px; line-height:1; transition:background .15s ease, border-color .15s ease;
}
.vox-arrow:hover{ background:var(--vox-maroon); color:#fff; border-color:var(--vox-maroon); }

.vox-slider{
  display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory;
  scroll-behavior:smooth; padding:16px 2px;
  scrollbar-width:none; -ms-overflow-style:none;
}
.vox-slider::-webkit-scrollbar{ display:none; }
.vox-slide{
  flex:0 0 calc(33.333% - 14px); scroll-snap-align:start;
  background:#fff; border:1px solid var(--vox-line); border-top:3px solid var(--vox-maroon);
  border-radius:6px; padding:18px 18px 20px;
  display:flex; flex-direction:column; gap:7px;
  transition:box-shadow .15s ease, transform .15s ease;
}
.vox-slide:hover{ box-shadow:0 10px 26px rgba(36,27,29,.10); transform:translateY(-2px); }
.vox-slide h4{ font-size:16.5px; line-height:1.3; margin:0; }
.vox-slide h4 a{ color:var(--vox-ink); }
.vox-slide h4 a:hover{ color:var(--vox-maroon); }
.vox-slide p{ font-size:13.5px; color:#6B5F61; line-height:1.45; margin:0; flex:1; }

.vox-sponsored{ border-color:var(--vox-gold); border-top-color:var(--vox-gold); background:#FFFDF7; }
.vox-ad-label{
  display:inline-block; font-family:'IBM Plex Mono',monospace; font-size:9.5px;
  letter-spacing:.14em; text-transform:uppercase; color:#8A7A6C;
  border:1px solid var(--vox-line); border-radius:3px; padding:2px 6px; align-self:flex-start;
}

/* ============================================================
   NEWS GRIDS
   ============================================================ */

.vox-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:4px; }
.vox-card{
  background:#fff; border:1px solid var(--vox-line); border-radius:6px;
  padding:18px; transition:box-shadow .15s ease, transform .15s ease;
}
.vox-card:hover{ box-shadow:0 8px 22px rgba(36,27,29,.09); transform:translateY(-2px); }
.vox-card h4{ font-size:17px; line-height:1.3; margin:8px 0; }
.vox-card h4 a{ color:var(--vox-ink); }
.vox-card h4 a:hover{ color:var(--vox-maroon); }
.vox-card p{ font-size:14px; color:var(--vox-muted); margin:0 0 10px; }

.vox-sponsor-tag{
  font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.1em;
  text-transform:uppercase; color:#9C8D80; font-weight:500; order:3;
}
.vox-sponsor-tag b{ color:var(--vox-maroon); font-weight:600; }

.vox-sponsor-band{
  background:#fff; border:1px solid var(--vox-line); border-radius:6px;
  padding:18px 22px; margin:30px 0 6px; text-align:center;
}
.vox-sponsor-band img{ max-width:728px; height:auto; }

/* ============================================================
   NEWSLETTER
   ============================================================ */

.vox-newsletter{
  background:var(--vox-panel); border-top:3px solid var(--vox-maroon);
  padding:40px 0; margin-top:44px;
}
.vox-newsletter .vox-wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:28px; flex-wrap:wrap;
}
.vox-newsletter h2{ font-size:24px; margin:0 0 4px; }
.vox-newsletter p{ color:var(--vox-muted); font-size:15px; margin:0; }
.vox-nl-form{ flex:1; max-width:440px; }
.vox-nl-form input[type="email"], .vox-nl-form input[type="text"]{
  padding:13px 15px; border:1px solid var(--vox-line); border-radius:6px;
  font-size:15px; font-family:inherit; background:#fff;
}
.vox-nl-form button, .vox-nl-form input[type="submit"]{
  background:var(--vox-maroon); color:#fff; border:none; font-weight:700;
  font-size:15px; padding:13px 22px; border-radius:6px; cursor:pointer; font-family:inherit;
}
.vox-nl-form button:hover{ background:var(--vox-maroon-deep); }

/* ============================================================
   SITE-WIDE (header, single posts, footer)
   ============================================================ */

.header-navigation .header-menu-container > ul > li > a{
  font-weight:600; font-size:13.5px; border-bottom:3px solid transparent;
  transition:border-color .15s ease;
}
.header-navigation .header-menu-container > ul > li > a:hover,
.header-navigation .header-menu-container > ul > li.current-menu-item > a{
  border-bottom-color:var(--vox-gold-lite); background:rgba(255,255,255,.07);
}

.single .entry-content{ font-size:18px; line-height:1.7; max-width:70ch; }
.single .entry-content h2{ font-size:26px; margin-top:1.8em; }
.single .entry-content h3{ font-size:21px; margin-top:1.5em; }
.single .entry-content a{ color:var(--vox-maroon); text-decoration:underline; text-underline-offset:2px; }
.single .entry-content blockquote{
  border-left:4px solid var(--vox-gold); background:var(--vox-panel);
  padding:16px 22px; margin:28px 0; font-style:normal;
}

.loop-entry.content-bg{
  border:1px solid var(--vox-line); border-radius:6px; box-shadow:none;
  transition:box-shadow .15s ease;
}
.loop-entry.content-bg:hover{ box-shadow:0 8px 22px rgba(36,27,29,.09); }

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width:1000px){
  .vox-picks{ grid-template-columns:1fr 1fr; }
  .vox-pillars{ grid-template-columns:1fr 1fr; }
  .vox-slide{ flex:0 0 calc(50% - 10px); }
  .vox-cards{ grid-template-columns:1fr 1fr; }
}

@media (max-width:820px){
  .vox-home .vox-wrap{ padding:0 18px; }
  .vox-hero{ padding:36px 0 40px; }
  .vox-hero-sub{ font-size:15.5px; margin-bottom:26px; }
  .vox-picks{ grid-template-columns:1fr; }
  .vox-pillars{ grid-template-columns:1fr; }
  .vox-mr-grid{ grid-template-columns:1fr; gap:0; }
  .vox-slide{ flex:0 0 82%; }
  .vox-cards{ grid-template-columns:1fr; }
  .vox-cornerstone{ padding:10px 0 32px; }
  .vox-newsletter .vox-wrap{ flex-direction:column; align-items:stretch; }
  .vox-nl-form{ max-width:none; }
  .vox-sec{ flex-wrap:wrap; gap:10px; margin:26px 0 8px; }
  .vox-arrow{ width:42px; height:42px; }
  .vox-mr{ padding:15px 4px; }
}

@media (max-width:420px){
  .vox-slide{ flex:0 0 88%; }
  .vox-pick{ padding:20px 18px; }
}

@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
  .vox-slider{ scroll-behavior:auto; }
}

/* ============================================================
   NAV CTA BUTTON
   Add the CSS class "vox-nav-cta" to the Subscribe menu item.
   Appearance → Menus → Screen Options → tick "CSS Classes"
   ============================================================ */

.header-navigation .vox-nav-cta > a{
  background: var(--vox-gold);
  color: var(--vox-ink) !important;
  border-radius: 5px;
  padding: 7px 16px !important;
  margin-left: 10px;
  font-weight: 700;
  border-bottom: none !important;
  transition: background .15s ease;
}
.header-navigation .vox-nav-cta > a:hover{
  background: #D6A544;
  color: var(--vox-ink) !important;
  border-bottom: none !important;
}

/* Dropdown menus */
.header-navigation .sub-menu{
  background: var(--vox-maroon-deep);
  border-top: 2px solid var(--vox-gold);
  padding: 4px 0;
}
.header-navigation .sub-menu a{
  color: #E8D9CB !important;
  font-size: 13.5px;
  padding: 9px 16px !important;
  border-bottom: none !important;
}
.header-navigation .sub-menu a:hover{
  color: var(--vox-gold-lite) !important;
  background: rgba(255,255,255,.07);
}

/* ============================================================
   PAGE TEMPLATE SHARED HEADER
   ============================================================ */

.vox-page-head, .vox-pillar-head{
  background: var(--vox-ink); color:#F4EDE3; padding:48px 0 44px;
}
.vox-page-head .vox-eyebrow, .vox-pillar-head .vox-eyebrow{ color:var(--vox-gold-lite); }
.vox-page-head h1, .vox-pillar-head h1{
  font-size:clamp(28px,3.6vw,40px); line-height:1.14; margin:0 0 12px; color:#F4EDE3;
}
.vox-page-sub{ font-size:17px; color:#CDBFB2; max-width:56ch; margin:0; }
.vox-pillar-meta-bar{
  font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em;
  text-transform:uppercase; color:#9C8D80; margin:0;
}

/* ============================================================
   BROWSE ALL TOPICS
   ============================================================ */

.vox-topics{ padding:10px 0 50px; }
.vox-topic-group{ margin-bottom:12px; }
.vox-topic-count{
  font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.08em;
  text-transform:uppercase; color:#9C8D80; order:3;
}
.vox-sec h2 a{ color:var(--vox-maroon); }
.vox-sec h2 a:hover{ color:var(--vox-maroon-deep); }

.vox-topic-list{
  list-style:none; margin:0 0 30px; padding:0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:0 24px;
}
.vox-topic-list li{ margin:0; }
.vox-topic-list a{
  display:flex; justify-content:space-between; align-items:baseline; gap:10px;
  padding:9px 6px; border-bottom:1px solid var(--vox-line);
  font-size:14.5px; color:var(--vox-ink);
  transition:background .15s ease;
}
.vox-topic-list a:hover{ background:#F6F1EA; color:var(--vox-maroon); }
.vox-topic-n{
  font-family:'IBM Plex Mono',monospace; font-size:11px; color:#9C8D80; flex:none;
}

/* ============================================================
   PILLAR GUIDE
   ============================================================ */

.vox-pillar-body{ padding:40px 0 60px; }
.vox-pillar-content{ max-width:72ch; font-size:18px; line-height:1.7; }
.vox-pillar-content h2{
  font-size:26px; color:var(--vox-maroon); margin:2em 0 .6em;
  padding-bottom:8px; border-bottom:1px solid var(--vox-line);
}
.vox-pillar-content h3{ font-size:20px; margin:1.6em 0 .5em; }
.vox-pillar-content p{ margin:0 0 1.1em; }
.vox-pillar-content a{ color:var(--vox-maroon); text-decoration:underline; text-underline-offset:2px; }
.vox-pillar-content ul{ margin:0 0 1.4em; padding-left:0; list-style:none; }
.vox-pillar-content ul li{
  position:relative; padding:10px 0 10px 20px; border-bottom:1px solid var(--vox-line);
  font-size:16px; line-height:1.45;
}
.vox-pillar-content ul li::before{
  content:"›"; position:absolute; left:2px; top:10px;
  color:var(--vox-gold); font-weight:700;
}
.vox-pillar-content blockquote{
  border-left:4px solid var(--vox-gold); background:var(--vox-panel);
  padding:16px 22px; margin:28px 0; font-style:normal;
}

.vox-pillar-cta{
  background:var(--vox-ink); color:#F4EDE3; border-radius:8px;
  padding:30px 32px; margin:44px 0 0; max-width:72ch;
}
.vox-pillar-cta .vox-eyebrow{ color:var(--vox-gold-lite); }
.vox-pillar-cta h2{ font-size:24px; margin:0 0 8px; color:#F4EDE3; border:none; padding:0; }
.vox-pillar-cta p{ color:#CDBFB2; font-size:15.5px; margin:0 0 18px; }
.vox-cta-btn{
  display:inline-block; background:var(--vox-gold); color:var(--vox-ink);
  font-weight:700; font-size:16px; padding:14px 30px; border-radius:6px;
  transition:background .15s ease, transform .15s ease;
}
.vox-cta-btn:hover{ background:#D6A544; transform:translateY(-1px); }

/* ============================================================
   OPT-IN PAGE
   ============================================================ */

.vox-optin{ background:var(--vox-ink); color:#F4EDE3; padding:60px 0 70px; min-height:60vh; }
.vox-optin-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:start; }
.vox-optin .vox-eyebrow{ color:var(--vox-gold-lite); }
.vox-optin h1{ font-size:clamp(28px,3.6vw,40px); line-height:1.14; margin:0 0 14px; color:#F4EDE3; }
.vox-optin-sub{ font-size:17.5px; color:#CDBFB2; margin:0 0 22px; }
.vox-optin-body{ color:#CDBFB2; font-size:15.5px; }

.vox-optin-bullets{ list-style:none; margin:22px 0 0; padding:0; }
.vox-optin-bullets li{
  position:relative; padding:11px 0 11px 28px;
  border-bottom:1px solid #46353A; font-size:15.5px; color:#E4D8CF;
}
.vox-optin-bullets li::before{
  content:"✓"; position:absolute; left:2px; top:11px;
  color:var(--vox-gold-lite); font-weight:700;
}

.vox-optin-form{
  background:#302326; border:1px solid #46353A; border-radius:8px; padding:28px 26px;
}
.vox-optin-form input[type="email"], .vox-optin-form input[type="text"]{
  width:100%; padding:13px 15px; border:1px solid #5A474C; border-radius:6px;
  font-size:15px; font-family:inherit; background:#241B1D; color:#F4EDE3; margin-bottom:12px;
}
.vox-optin-form button, .vox-optin-form input[type="submit"]{
  width:100%; background:var(--vox-gold); color:var(--vox-ink); border:none;
  font-weight:700; font-size:16px; padding:15px; border-radius:6px; cursor:pointer;
}
.vox-optin-form button:hover{ background:#D6A544; }
.vox-optin-placeholder{ color:#8A7A6C; font-size:14px; margin:0; }
.vox-optin-proof{
  font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.06em;
  color:#9C8D80; text-align:center; margin:16px 0 0;
}

@media (max-width:900px){
  .vox-topic-list{ grid-template-columns:1fr 1fr; }
  .vox-optin-grid{ grid-template-columns:1fr; gap:34px; }
}
@media (max-width:620px){
  .vox-topic-list{ grid-template-columns:1fr; }
  .vox-pillar-content{ font-size:17px; }
  .vox-pillar-cta{ padding:24px 22px; }
}

/* ============================================================
   INFO PAGES (About, FAQ, Write For Us, Advertise, Terms...)
   Template: VOX — Info Page
   ============================================================ */

.vox-info-head{
  position:relative; color:#F4EDE3; padding:58px 0 52px;
  background:
    radial-gradient(900px 260px at 88% -20%, rgba(239,196,99,.16), transparent 70%),
    linear-gradient(135deg, var(--vox-maroon-deep) 0%, var(--vox-maroon) 100%);
  border-bottom:3px solid var(--vox-gold);
}
.vox-info-head .vox-eyebrow{ color:var(--vox-gold-lite); }
.vox-info-head h1{
  font-size:clamp(30px,4.2vw,46px); line-height:1.1; margin:0 0 14px;
  color:#fff; max-width:22ch;
}
.vox-info-lede{ font-size:19px; line-height:1.5; color:#EBDDD0; max-width:58ch; margin:0; }
.vox-info-head .vox-pillar-meta-bar{ margin-top:18px; color:#CDB8A8; }

/* "Jump to" row */
.vox-info-jump{ background:var(--vox-panel); border-bottom:1px solid var(--vox-line); }
.vox-info-jump .vox-wrap{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding-top:14px; padding-bottom:14px; }
.vox-info-jump-label{
  font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:#8A7B6F; margin-right:6px;
}
.vox-info-jump a{
  font-size:13.5px; font-weight:600; color:var(--vox-maroon);
  background:#fff; border:1px solid var(--vox-line); border-radius:999px;
  padding:6px 14px; text-decoration:none; transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.vox-info-jump a:hover{ background:var(--vox-maroon); color:#fff; border-color:var(--vox-maroon); }

/* Reading column */
.vox-info-body{ padding:44px 0 72px; }
.vox-info-content{ max-width:70ch; margin:0 auto; font-size:18px; line-height:1.72; color:var(--vox-ink); }
.vox-info-content > *:first-child{ margin-top:0; }
.vox-info-content p{ margin:0 0 1.15em; }
.vox-info-content a{ color:var(--vox-maroon); text-decoration:underline; text-decoration-color:rgba(110,30,42,.35); text-underline-offset:3px; }
.vox-info-content a:hover{ text-decoration-color:var(--vox-maroon); }
.vox-info-content strong{ color:var(--vox-ink); }

.vox-info-content h2{
  position:relative; font-size:28px; line-height:1.2; color:var(--vox-maroon);
  margin:2.1em 0 .7em; padding-top:18px; scroll-margin-top:90px;
}
.vox-info-content h2::before{
  content:""; position:absolute; top:0; left:0; width:44px; height:3px; background:var(--vox-gold);
}
.vox-info-content > h2:first-child{ margin-top:0; }
.vox-info-content h3{ font-size:21px; line-height:1.3; margin:1.7em 0 .45em; color:var(--vox-ink); }
.vox-info-content ul, .vox-info-content ol{ margin:0 0 1.3em; padding-left:1.3em; }
.vox-info-content li{ margin:0 0 .5em; padding-left:.2em; }
.vox-info-content li::marker{ color:var(--vox-gold); font-weight:700; }
.vox-info-content hr{ border:none; height:1px; background:var(--vox-line); margin:2.4em 0; }

.vox-info-content blockquote, .vox-info-content .vox-callout{
  background:var(--vox-panel); border-left:4px solid var(--vox-gold);
  border-radius:0 6px 6px 0; padding:18px 24px; margin:1.8em 0;
  font-size:17px; line-height:1.6; font-style:normal;
}
.vox-info-content blockquote p:last-child, .vox-info-content .vox-callout p:last-child{ margin-bottom:0; }
.vox-info-content blockquote cite{ display:block; margin-top:8px; font-size:14px; color:var(--vox-muted); font-style:normal; }

/* Buttons (WordPress Button block) */
.vox-info-content .wp-block-button__link, .vox-info-content a.vox-btn{
  display:inline-block; background:var(--vox-gold); color:var(--vox-ink) !important;
  font-weight:700; font-size:16px; padding:13px 28px; border-radius:6px;
  text-decoration:none !important; box-shadow:0 8px 22px rgba(185,138,46,.25);
  transition:background .15s ease, transform .15s ease;
}
.vox-info-content .wp-block-button__link:hover, .vox-info-content a.vox-btn:hover{ background:#D6A544; transform:translateY(-1px); }
.vox-info-content .wp-block-buttons{ margin:1.6em 0; }

/* Cards: add class "vox-cards" to a Columns block */
.vox-info-content .wp-block-columns.vox-cards{ gap:18px; margin:1.8em 0; }
.vox-info-content .wp-block-columns.vox-cards > .wp-block-column{
  background:#fff; border:1px solid var(--vox-line); border-top:3px solid var(--vox-maroon);
  border-radius:6px; padding:20px 22px;
}
.vox-info-content .vox-cards h3{ font-size:18px; margin:0 0 .4em; color:var(--vox-maroon); }
.vox-info-content .vox-cards p{ font-size:15.5px; line-height:1.55; margin:0; color:var(--vox-muted); }

/* Big number: Group with class "vox-stat", first paragraph is the number */
.vox-info-content .vox-stat{ display:inline-block; margin:0 28px 14px 0; vertical-align:top; }
.vox-info-content .vox-stat p:first-child{
  font:800 40px/1 Bitter,serif; color:var(--vox-maroon); margin:0 0 4px;
}
.vox-info-content .vox-stat p:last-child{
  font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; color:#8A7B6F; margin:0;
}

/* Tables (Advertise rates, Terms) */
.vox-info-content table{ width:100%; border-collapse:collapse; margin:1.6em 0; font-size:16px; }
.vox-info-content th{
  text-align:left; background:var(--vox-maroon); color:#fff;
  font-size:12px; letter-spacing:.08em; text-transform:uppercase; padding:10px 14px;
}
.vox-info-content td{ padding:11px 14px; border-bottom:1px solid var(--vox-line); vertical-align:top; }
.vox-info-content tbody tr:nth-child(even) td{ background:#F8F4EE; }
.vox-info-content figure{ margin:1.8em 0; }
.vox-info-content img{ max-width:100%; height:auto; border-radius:6px; }

.vox-info-cta{ max-width:70ch; margin:48px auto 0; }

/* ---- FAQ page: every question becomes a card ---- */
.vox-page-faq .vox-info-content{ max-width:76ch; }
.vox-page-faq .vox-info-content h2{ margin-top:2.4em; }
.vox-page-faq .vox-info-content h3{
  margin:14px 0 0; padding:18px 22px 0; font-size:18.5px; line-height:1.35;
  background:#fff; border:1px solid var(--vox-line); border-bottom:none;
  border-left:4px solid var(--vox-maroon); border-radius:6px 6px 0 0; color:var(--vox-ink);
}
.vox-page-faq .vox-info-content h3 + p{
  margin:0; padding:8px 22px 20px; font-size:16.5px; line-height:1.65; color:#3B3133;
  background:#fff; border:1px solid var(--vox-line); border-top:none;
  border-left:4px solid var(--vox-maroon); border-radius:0 0 6px 6px;
}
.vox-page-faq .vox-info-content h3 + p a{ font-weight:600; }

@media (max-width:620px){
  .vox-info-head{ padding:42px 0 38px; }
  .vox-info-lede{ font-size:17px; }
  .vox-info-content{ font-size:17px; }
  .vox-info-content h2{ font-size:24px; }
  .vox-page-faq .vox-info-content h3{ padding:16px 18px 0; font-size:17.5px; }
  .vox-page-faq .vox-info-content h3 + p{ padding:8px 18px 18px; font-size:16px; }
  .vox-info-jump .vox-wrap{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .vox-info-jump a, .vox-info-jump-label{ flex:none; }
  .vox-info-content table{ display:block; overflow-x:auto; }
}

/* ============================================================
   KADENCE SPACING FIXES
   Kadence adds a tall title area (min-height 200px) and a large
   top margin on the content area. Together they leave a big
   gap under every default page title (All Articles, categories,
   plain pages). This tightens both.
   ============================================================ */

/* Title area: stop forcing it tall */
.entry-hero .entry-header,
.entry-hero-container-inner .entry-header,
.page-hero-section .entry-header,
.post-archive-hero-section .entry-header{
  min-height:0 !important;
}
.entry-hero-container-inner{ padding-top:36px; padding-bottom:6px; }

/* Space between the title and the content */
.content-area{ margin-top:28px; margin-bottom:56px; }

/* Our own templates draw their own bands edge to edge: no gap at all */
.vox-front .content-area,
.vox-template .content-area{ margin-top:0 !important; margin-bottom:0 !important; }

@media (max-width:620px){
  .entry-hero-container-inner{ padding-top:24px; }
  .content-area{ margin-top:20px; margin-bottom:40px; }
}

/* ============================================================
   FOOTER
   ============================================================ */

.vox-footer{ background:var(--vox-ink); color:#B7A9AB; padding:48px 0 28px; margin-top:0; }
.vox-footer-cols{ display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:44px; }
.vox-footer-brand img{ max-height:46px; width:auto; margin-bottom:14px; }
.vox-footer-name{
  font-family:'Bitter',serif; font-weight:800; font-size:22px;
  color:#fff; display:block; margin-bottom:12px;
}
.vox-footer-name em{ font-style:normal; color:var(--vox-gold-lite); }
.vox-footer-brand p{ font-size:14px; line-height:1.55; max-width:42ch; margin:0; }

.vox-footer-col h3{
  font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase; color:var(--vox-gold-lite);
  margin:0 0 14px;
}
.vox-footer-col ul{ list-style:none; margin:0; padding:0; }
.vox-footer-col li{ margin:0 0 9px; }
.vox-footer-col a{ color:#B7A9AB; font-size:14.5px; }
.vox-footer-col a:hover{ color:#fff; }

.vox-footer-bottom{
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
  border-top:1px solid #3A2D30; margin-top:38px; padding-top:20px; font-size:13px;
}
.vox-footer-legal a{ color:#B7A9AB; }
.vox-footer-legal a:hover{ color:#fff; }

.vox-disclosure{
  font-size:12px; color:#7E7174; line-height:1.5; margin:16px 0 0; max-width:80ch;
}

@media (max-width:820px){
  .vox-footer-cols{ grid-template-columns:1fr; gap:30px; }
  .vox-footer-bottom{ flex-direction:column; gap:8px; }
}

/* Single-offer hero: centre one card instead of a three-column grid */
.vox-picks:has(> .vox-pick:only-child){
  grid-template-columns: minmax(0, 520px);
  justify-content: center;
}
.vox-picks > .vox-pick:only-child{ text-align:center; align-items:center; padding:30px 30px 26px; }
.vox-picks > .vox-pick:only-child .vox-pick-icon{ margin:0 auto 6px; }
.vox-picks > .vox-pick:only-child h3{ font-size:22px; }
.vox-picks > .vox-pick:only-child .vox-get{
  background:var(--vox-gold); color:var(--vox-ink); border-radius:6px;
  padding:13px 26px; margin-top:14px; font-size:13px; letter-spacing:.06em;
}
.vox-picks > .vox-pick:only-child:hover .vox-get{ background:#D6A544; color:var(--vox-ink); }

/* Footer wrapper. The shared .vox-wrap rule is scoped to .vox-home, so the
   footer (which sits outside it) had no side padding. */
.vox-footer .vox-wrap{ max-width:1120px; margin:0 auto; padding:0 24px; }
@media (max-width:820px){ .vox-footer .vox-wrap{ padding:0 18px; } }


/* ============================================================
   VISUAL POLISH v2
   Overrides earlier rules. Appended so it's easy to remove.
   ============================================================ */

/* ---------- HERO: split layout, glow, waveform ---------- */
.vox-hero{
  position:relative; overflow:hidden; text-align:center;
  background:
    radial-gradient(900px 460px at 82% 38%, rgba(140,38,56,.55), transparent 70%),
    radial-gradient(700px 360px at 8% 100%, rgba(185,138,46,.10), transparent 70%),
    linear-gradient(180deg,#241B1D 0%,#2B1D20 100%);
}
.vox-hero::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:80px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='768' height='80'%3E%3Crect x='3' y='41' width='6' height='39' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='19' y='22' width='6' height='58' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='35' y='26' width='6' height='54' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='51' y='29' width='6' height='51' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='67' y='21' width='6' height='59' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='83' y='27' width='6' height='53' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='99' y='51' width='6' height='29' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='115' y='60' width='6' height='20' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='131' y='53' width='6' height='27' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='147' y='58' width='6' height='22' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='163' y='64' width='6' height='16' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='179' y='47' width='6' height='33' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='195' y='26' width='6' height='54' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='211' y='27' width='6' height='53' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='227' y='30' width='6' height='50' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='243' y='20' width='6' height='60' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='259' y='22' width='6' height='58' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='275' y='45' width='6' height='35' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='291' y='57' width='6' height='23' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='307' y='52' width='6' height='28' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='323' y='57' width='6' height='23' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='339' y='67' width='6' height='13' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='355' y='53' width='6' height='27' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='371' y='31' width='6' height='49' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='387' y='29' width='6' height='51' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='403' y='31' width='6' height='49' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='419' y='20' width='6' height='60' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='435' y='18' width='6' height='62' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='451' y='39' width='6' height='41' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='467' y='54' width='6' height='26' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='483' y='50' width='6' height='30' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='499' y='56' width='6' height='24' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='515' y='68' width='6' height='12' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='531' y='58' width='6' height='22' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='547' y='36' width='6' height='44' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='563' y='32' width='6' height='48' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='579' y='34' width='6' height='46' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='595' y='21' width='6' height='59' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='611' y='15' width='6' height='65' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='627' y='34' width='6' height='46' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='643' y='49' width='6' height='31' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='659' y='47' width='6' height='33' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='675' y='53' width='6' height='27' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='691' y='68' width='6' height='12' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='707' y='63' width='6' height='17' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='723' y='41' width='6' height='39' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3Crect x='739' y='35' width='6' height='45' rx='3' fill='%23EFC463' fill-opacity='0.34'/%3E%3Crect x='755' y='37' width='6' height='43' rx='3' fill='%23EFC463' fill-opacity='0.2'/%3E%3C/svg%3E"); background-repeat:repeat-x; background-position:center bottom;
  pointer-events:none;
}
.vox-hero .vox-wrap{ position:relative; z-index:1; }

.vox-hero--split{ text-align:left; padding:72px 0 112px; }
.vox-hero--split .vox-wrap{
  display:grid; grid-template-columns:1.02fr .98fr; gap:64px; align-items:center;
}
.vox-hero--split h1{ font-size:clamp(34px,4.5vw,54px); line-height:1.06; margin:0 0 18px; letter-spacing:-.01em; }
.vox-hero--split .vox-hero-sub{ margin:0 0 22px; max-width:46ch; font-size:18px; }
.vox-hero--split .vox-hero-note{ margin-top:18px; }

.vox-hero-points{ list-style:none; margin:0 0 28px; padding:0; }
.vox-hero-points li{
  position:relative; padding:7px 0 7px 30px; color:#E4D8CF; font-size:15.5px;
}
.vox-hero-points li::before{
  content:"✓"; position:absolute; left:0; top:7px; width:20px; height:20px;
  border-radius:50%; background:rgba(239,196,99,.16); color:var(--vox-gold-lite);
  font-size:11px; font-weight:700; line-height:20px; text-align:center;
}

.vox-cta-btn{ box-shadow:0 8px 22px rgba(185,138,46,.28); }
.vox-cta-btn:hover{ box-shadow:0 10px 26px rgba(185,138,46,.38); }

/* The kit cover */
.vox-hero-cover{ margin:0; position:relative; display:flex; flex-direction:column; align-items:center; }
.vox-cover-stack{ position:relative; width:min(330px,78vw); aspect-ratio:3/4; margin:8px 0 6px; }

.vox-page{
  position:absolute; inset:0; border-radius:6px; background:#F4EEE6;
  box-shadow:0 18px 40px rgba(0,0,0,.35);
  background-image:repeating-linear-gradient(180deg, transparent 0 21px, rgba(110,30,42,.10) 21px 22px);
}
.vox-page--back{ transform:rotate(-7deg) translate(-26px,6px); opacity:.72; }
.vox-page--mid { transform:rotate(5deg) translate(24px,2px); opacity:.9; }

.vox-cover{
  position:absolute; inset:0; border-radius:6px; overflow:hidden;
  display:flex; flex-direction:column; padding:26px 26px 22px 34px;
  background:linear-gradient(155deg,#8A2638 0%, #6E1E2A 48%, #4A121D 100%);
  box-shadow:0 30px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.08);
  transform:rotate(-1.5deg);
}
.vox-cover::before{ /* spine */
  content:""; position:absolute; left:0; top:0; bottom:0; width:12px;
  background:linear-gradient(90deg, rgba(0,0,0,.28), rgba(255,255,255,.05));
}
.vox-cover::after{ /* gold rule */
  content:""; position:absolute; left:34px; top:0; width:56px; height:4px; background:var(--vox-gold-lite);
}
.vox-cover-label{
  font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--vox-gold-lite); margin-top:10px;
}
.vox-cover-mic{
  width:58px; height:58px; margin:26px 0 22px; border-radius:50%;
  box-shadow:0 0 0 2px var(--vox-gold-lite), 0 8px 18px rgba(0,0,0,.35);
}
.vox-cover-title{
  font-family:'Bitter',serif; font-weight:800; font-size:32px; line-height:1.08; color:#fff;
  letter-spacing:-.01em;
}
.vox-cover-title span{ color:var(--vox-gold-lite); }
.vox-cover-sub{
  margin:16px 0 0; font-size:13.5px; line-height:1.5; color:#EBDCD3; max-width:25ch;
}
.vox-cover-foot{
  margin-top:auto; padding-top:14px; border-top:1px solid rgba(255,255,255,.18);
  font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:.12em;
  text-transform:uppercase; color:#CDB8AE;
}

.vox-chips{ list-style:none; margin:18px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.vox-chip{
  background:rgba(255,255,255,.07); border:1px solid rgba(239,196,99,.35); color:#F1E3D8;
  border-radius:999px; padding:6px 14px; font-size:12.5px; font-weight:600; letter-spacing:.01em;
}

/* ---------- SECTION HEADINGS: a little more presence ---------- */
.vox-sec h2{ font-size:22px; }
.vox-sec-sub{ font-size:15px; }

/* ---------- MOST READ: ranks you can actually see ---------- */
.vox-mr{ padding:16px 6px; }
.vox-mr-rank{ font-size:30px; color:#E3D4C4; min-width:44px; }
.vox-mr-top .vox-mr-rank{ color:var(--vox-maroon); }
.vox-mr-body h4{ font-size:16.5px; }
.vox-mr:hover .vox-mr-rank{ color:var(--vox-gold); }

/* ---------- FEATURED: its own band, bigger cards ---------- */
.vox-featured{
  background:var(--vox-panel);
  border-top:1px solid var(--vox-line); border-bottom:1px solid var(--vox-line);
  padding:2px 0 24px; margin-top:38px;
}
.vox-slide{ padding:22px 22px 20px; min-height:176px; gap:9px; }
.vox-slide h4{ font-size:18px; line-height:1.28; }
.vox-slide .vox-byline{ margin-top:auto; }
.vox-read{
  font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--vox-maroon); font-weight:500;
}
.vox-read:hover{ color:var(--vox-gold); }

/* ---------- NEWS GRIDS: equal-height cards, byline pinned to the bottom ---------- */
.vox-grid-section .vox-sec{ margin-top:40px; }
.vox-card{ display:flex; flex-direction:column; padding:20px; border-top:3px solid var(--vox-maroon); }
.vox-card .vox-byline{ margin-top:auto; padding-top:6px; }

/* ---------- NEWSLETTER: a proper band ---------- */
.vox-newsletter{ background:var(--vox-maroon); border-top:0; padding:48px 0; margin-top:50px; }
.vox-newsletter h2{ color:#fff; }
.vox-newsletter p{ color:#E8D9CB; }
.vox-nl-form input[type="email"], .vox-nl-form input[type="text"]{ border:0; }
.vox-nl-form button, .vox-nl-form input[type="submit"]{ background:var(--vox-gold); color:var(--vox-ink); }
.vox-nl-form button:hover{ background:#D6A544; }

/* ---------- FOOTER: no default underlines ---------- */
.vox-footer a{ text-decoration:none; }
.vox-footer a:hover{ text-decoration:underline; text-underline-offset:3px; }

/* ---------- RESPONSIVE ---------- */
@media (max-width:900px){
  .vox-hero--split{ padding:48px 0 96px; }
  .vox-hero--split .vox-wrap{ grid-template-columns:1fr; gap:40px; }
}
@media (max-width:820px){
  .vox-hero--split h1{ font-size:34px; }
  .vox-mr-rank{ font-size:26px; min-width:36px; }
  .vox-slide{ min-height:0; }
}

/* Most Read: fill down each column in rank order (1-5 left, 6-10 right) */
.vox-mr-grid{
  grid-auto-flow: column;
  grid-template-rows: repeat(var(--vox-rows, 5), auto);
}
@media (max-width:820px){
  .vox-mr-grid{ grid-auto-flow: row; grid-template-rows: none; }
}


/* ============================================================
   FREE-GUIDE BANNER (category archives)
   grid-column:1/-1 makes it span the full width if Kadence's
   post list is a multi-column grid.
   ============================================================ */

.vox-archive-cta{
  grid-column:1 / -1; width:100%; box-sizing:border-box;
  display:flex; align-items:center; gap:22px;
  background:linear-gradient(135deg,#7A2232 0%, #6E1E2A 55%, #521521 100%);
  border-top:3px solid var(--vox-gold-lite); border-radius:8px;
  padding:20px 26px; margin:0 0 10px; color:#fff;
  box-shadow:0 10px 26px rgba(82,21,33,.18);
}
.vox-archive-cta-mic{
  width:56px; height:56px; flex:none; border-radius:50%;
  box-shadow:0 0 0 2px var(--vox-gold-lite), 0 6px 14px rgba(0,0,0,.3);
}
.vox-archive-cta-text{ flex:1; min-width:0; }
.vox-archive-cta-label{
  display:block; font-family:'IBM Plex Mono',monospace; font-size:10.5px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase; color:var(--vox-gold-lite); margin-bottom:3px;
}
.vox-archive-cta strong{
  display:block; font-family:'Bitter',serif; font-weight:800; font-size:21px; line-height:1.2; color:#fff;
}
.vox-archive-cta p{ margin:4px 0 0; font-size:14.5px; line-height:1.45; color:#EBDCD3; }
.vox-archive-cta .vox-cta-btn{
  flex:none; color:var(--vox-ink); text-decoration:none; white-space:nowrap;
  padding:13px 24px; font-size:15px;
}
.vox-archive-cta .vox-cta-btn:hover{ color:var(--vox-ink); text-decoration:none; }

@media (max-width:760px){
  .vox-archive-cta{ flex-direction:column; align-items:flex-start; gap:14px; padding:20px 20px 22px; }
  .vox-archive-cta .vox-cta-btn{ width:100%; text-align:center; box-sizing:border-box; }
}


/* Gold highlight for chosen utility-strip links.
   Appearance > Menus > Screen Options > tick "CSS Classes", then add
   vox-strip-hi to the menu items you want highlighted. */
.header-navigation .vox-strip-hi > a{ color:#EFC463 !important; font-weight:600 !important; }

/* ---------- AROUND THE INDUSTRY (automated headlines) ---------- */
.vox-industry{ padding:6px 0 4px; }
.vox-industry .vox-sec{ margin-top:40px; }
.vox-news-list{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px;
}
.vox-news-list li{ border-top:1px solid var(--vox-line); }
.vox-news-list a{ display:block; padding:14px 2px 15px; text-decoration:none; color:var(--vox-ink); }
.vox-news-meta{
  display:block; font-family:'IBM Plex Mono',monospace; font-size:10.5px;
  letter-spacing:.1em; text-transform:uppercase; color:var(--vox-gold); margin-bottom:4px;
}
.vox-news-title{ display:block; font-family:'Bitter',serif; font-size:17px; line-height:1.3; font-weight:600; }
.vox-news-list a:hover .vox-news-title{ color:var(--vox-maroon); text-decoration:underline; }
@media (max-width:760px){ .vox-news-list{ grid-template-columns:1fr; } }

/* ---------- FEATURED SLIDER: page dots ---------- */
.vox-dots{ display:flex; justify-content:center; gap:8px; padding:4px 0 2px; min-height:18px; }
.vox-dot{
  width:9px; height:9px; padding:0; border-radius:50%; border:0; cursor:pointer;
  background:var(--vox-line); transition:background .15s ease, transform .15s ease;
}
.vox-dot.is-on{ background:var(--vox-maroon); transform:scale(1.25); }
.vox-dot:hover{ background:var(--vox-gold); }
.vox-slide .vox-read{ margin-top:auto; }
.vox-slide .vox-byline + .vox-read{ margin-top:0; }

/* ---------- READER FAVORITES: richer cards ---------- */
.vox-favorites{ padding-bottom:30px; }
.vox-favorites .vox-sec-sub{ margin:0 0 4px; }
.vox-favorites .vox-slide{ min-height:262px; padding:20px 22px 18px; gap:10px; }
.vox-slide-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.vox-mins{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.06em; color:#8A7F80; white-space:nowrap; }
.vox-badge{
  align-self:flex-start; font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.1em;
  text-transform:uppercase; font-weight:500; color:var(--vox-ink); background:var(--vox-gold-lite);
  padding:3px 8px; border-radius:2px;
}
.vox-badge-hot{ background:var(--vox-maroon); color:#fff; }
.vox-favorites .vox-slide h4{ font-size:19.5px; line-height:1.26; }
.vox-hook{ font-size:14px; line-height:1.5; color:#5B5052; margin:0; }
.vox-slide-foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:12px; border-top:1px solid var(--vox-line); }
.vox-slide-foot .vox-byline{ margin:0; font-size:13px; }
.vox-favorites .vox-slide .vox-read{ margin:0; }
.vox-favorites .vox-slide:hover .vox-read{ color:var(--vox-gold); }

/* first card is the lead: dark, so the row has a clear starting point */
.vox-favorites .vox-lead{ background:var(--vox-maroon); border-color:var(--vox-maroon); border-top-color:var(--vox-gold); }
.vox-favorites .vox-lead .vox-eyebrow{ color:var(--vox-gold-lite); }
.vox-favorites .vox-lead .vox-mins{ color:#E8D9CB; }
.vox-favorites .vox-lead h4 a{ color:#fff; }
.vox-favorites .vox-lead h4 a:hover{ color:var(--vox-gold-lite); }
.vox-favorites .vox-lead .vox-hook{ color:#E8D9CB; }
.vox-favorites .vox-lead .vox-byline{ color:#E8D9CB; }
.vox-favorites .vox-lead .vox-byline b{ color:#fff; }
.vox-favorites .vox-lead .vox-slide-foot{ border-top-color:rgba(255,255,255,.22); }
.vox-favorites .vox-lead .vox-read{ color:var(--vox-gold-lite); }
.vox-favorites .vox-lead .vox-badge{ background:var(--vox-gold-lite); color:var(--vox-ink); }
@media (max-width:820px){ .vox-favorites .vox-slide{ min-height:0; } }

/* ---------- AROUND THE INDUSTRY: dark "wire" band ---------- */
.vox-wire{ background:var(--vox-ink); color:#F4EDE3; padding:34px 0 40px; margin-top:44px; }
.vox-wire-head{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.vox-wire-head h2{
  font-family:'Bitter',serif; font-size:22px; font-weight:800; letter-spacing:.03em;
  text-transform:uppercase; color:var(--vox-gold-lite); margin:0;
}
.vox-wire-head::after{ content:""; flex:1; min-width:30px; height:1px; background:rgba(255,255,255,.16); order:5; }
.vox-wire-live{
  order:4; display:inline-flex; align-items:center; gap:7px;
  font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:#CDBFB1;
}
.vox-wire-live i{ width:7px; height:7px; border-radius:50%; background:#E0524D; box-shadow:0 0 0 0 rgba(224,82,77,.6); animation:voxPulse 2s infinite; }
@keyframes voxPulse{ 70%{ box-shadow:0 0 0 7px rgba(224,82,77,0); } 100%{ box-shadow:0 0 0 0 rgba(224,82,77,0); } }
.vox-wire-sub{ font-size:14px; color:#CDBFB1; margin:8px 0 22px; max-width:64ch; }

.vox-wire-grid{ display:grid; grid-template-columns:1.15fr 1fr; gap:34px; align-items:stretch; }
.vox-wire-src{ display:block; font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:#B8AA9C; }
.vox-wire-src b{ color:var(--vox-gold-lite); font-weight:500; }

.vox-wire-lead{
  display:flex; flex-direction:column; gap:14px; justify-content:space-between;
  padding:26px 28px; text-decoration:none; color:#fff;
  background:linear-gradient(160deg, rgba(110,30,42,.85), rgba(82,21,33,.9));
  border-left:4px solid var(--vox-gold); border-radius:3px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.vox-wire-lead:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.35); }
.vox-wire-lead h3{ font-family:'Bitter',serif; font-size:27px; line-height:1.22; font-weight:700; color:#fff; margin:0; }
.vox-wire-go{ font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--vox-gold-lite); }

.vox-wire-list{ list-style:none; margin:0; padding:0; }
.vox-wire-list li{ border-top:1px solid rgba(255,255,255,.14); }
.vox-wire-list li:last-child{ border-bottom:1px solid rgba(255,255,255,.14); }
.vox-wire-list a{ display:block; padding:13px 2px 14px; text-decoration:none; color:#F4EDE3; }
.vox-wire-title{ display:block; font-family:'Bitter',serif; font-size:16.5px; line-height:1.3; font-weight:600; margin-top:4px; }
.vox-wire-list a:hover .vox-wire-title{ color:var(--vox-gold-lite); }

@media (max-width:860px){
  .vox-wire-grid{ grid-template-columns:1fr; gap:22px; }
  .vox-wire-lead h3{ font-size:23px; }
}
.vox-nl-form iframe{ display:block; width:100%; max-width:100%; }

/* newsletter band: bigger headline, small reassurance line, tighter form column */
.vox-newsletter h2{ font-size:30px; line-height:1.15; margin:0 0 8px; }
.vox-newsletter .vox-nl-text p{ font-size:16px; max-width:34ch; }
.vox-newsletter .vox-nl-note{
  margin-top:12px; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--vox-gold-lite); max-width:none;
}
.vox-nl-form{ max-width:400px; }
.vox-newsletter .vox-wrap{ align-items:center; gap:48px; }

/* ---------- RESOURCES PAGE ---------- */
.vox-resources{ padding:6px 0 56px; }
.vox-res-group{ margin-top:10px; }
.vox-res-group .vox-sec{ margin-top:38px; }
.vox-res-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:16px; }
.vox-res{
  display:flex; flex-direction:column; gap:10px; background:#fff;
  border:1px solid var(--vox-line); border-top:3px solid var(--vox-maroon); border-radius:6px; padding:24px 24px 22px;
}
.vox-res-top{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.vox-res h3{ font-family:'Bitter',serif; font-size:23px; line-height:1.2; margin:0; color:var(--vox-ink); }
.vox-res p{ font-size:15px; line-height:1.55; color:#5B5052; margin:0; }
.vox-res-foot{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-top:auto; padding-top:16px; border-top:1px solid var(--vox-line); }
.vox-res-price{ font-weight:700; font-size:16px; }
.vox-res-pending{ font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#8A7F80; }
.vox-res-aff{ font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:#8A7F80; margin-left:auto; }
.vox-res-soon{ background:#FFFDF7; border-top-color:var(--vox-gold); }
.vox-res-note{ font-size:12.5px; color:#6B5F61; margin:14px 0 0; max-width:80ch; }
.vox-res-disclosure{ font-size:13px; color:#6B5F61; margin:44px 0 0; padding-top:18px; border-top:1px solid var(--vox-line); max-width:80ch; }
@media (max-width:820px){ .vox-res-grid{ grid-template-columns:1fr; } }
.vox-res-grid--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.vox-res-grid--1{ grid-template-columns:minmax(0,1fr); }
.vox-res-disclosure a{ color:var(--vox-maroon); font-weight:600; }
@media (max-width:1000px){ .vox-res-grid--3{ grid-template-columns:1fr 1fr; } }
@media (max-width:820px){ .vox-res-grid--2, .vox-res-grid--3{ grid-template-columns:1fr; } }

/* ============================================================
   CLIENT KIT PAGE  (page-client-kit.php, the page at /client-kit/)
   ============================================================ */

.vox-ck-hero{ padding:56px 0 64px; min-height:0; }
.vox-ck-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:52px; align-items:start; }
.vox-ck-text h1{ font-size:clamp(34px,4.8vw,54px); line-height:1.06; margin:0 0 18px; }
.vox-ck-text .vox-optin-sub{ font-size:19.5px; line-height:1.5; max-width:30em; }
.vox-ck-text .vox-optin-bullets{ margin-top:26px; }
.vox-ck-text .vox-optin-bullets li{ font-size:17px; line-height:1.45; padding:16px 0 16px 32px; }
.vox-ck-text .vox-optin-bullets li::before{ top:16px; font-size:18px; }
.vox-ck-side{ position:sticky; top:24px; }
.vox-ck-mockup{ display:block; width:100%; max-width:500px; height:auto; margin:30px 0 8px; filter:drop-shadow(0 18px 28px rgba(0,0,0,.35)); }
.vox-ck-form{ scroll-margin-top:90px; }
.vox-ck-jump{ display:none; margin-top:6px; }
.vox-ck-form-title{ font-family:'Bitter',serif; font-size:24px; line-height:1.15; color:#F4EDE3; margin:0 0 6px; text-transform:none; letter-spacing:0; }
.vox-ck-form-sub{ color:#CDBFB2; font-size:15px; margin:0 0 16px; }
.vox-ck-form iframe{ display:block; width:100%; min-height:380px; border:0; }
.vox-ck-soon{ color:#E4D8CF; font-size:15px; margin:0 0 14px; }
.vox-ck-admin{ margin:14px 0 0; padding:10px 12px; background:#FBEBB8; color:#5b3a00; font-size:13px; border-radius:4px; }
.vox-ck-admin code{ background:rgba(0,0,0,.08); padding:1px 4px; }

.vox-ck-section{ padding:62px 0; background:var(--vox-paper); }
.vox-ck-section--panel{ background:var(--vox-panel); }
.vox-ck-section h2{ font-family:'Bitter',serif; font-size:clamp(24px,3vw,32px); line-height:1.15; color:var(--vox-maroon); margin:0 0 20px; text-transform:none; letter-spacing:0; }
.vox-ck-narrow{ max-width:700px; margin:0 auto; }
.vox-ck-narrow p{ font-size:17px; line-height:1.65; }
.vox-ck-quote{ background:#fff; border-left:4px solid var(--vox-maroon); padding:18px 24px; font-family:'Bitter',serif; font-style:italic; color:#4a3a3c; margin:0 0 20px; }
.vox-ck-big{ font-family:'Bitter',serif; font-size:21px !important; line-height:1.35 !important; font-weight:700; color:var(--vox-maroon); }
.vox-ck-narrow .vox-cta-btn{ display:inline-block; margin-top:10px; }

.vox-ck-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:6px; }
.vox-ck-card{ background:#fff; border:1px solid var(--vox-line); border-top:3px solid var(--vox-gold); padding:24px 24px 22px; }
.vox-ck-card h3{ font-family:'Bitter',serif; font-size:19px; color:var(--vox-maroon); margin:8px 0 8px; text-transform:none; letter-spacing:0; }
.vox-ck-card p{ font-size:15px; line-height:1.55; color:var(--vox-muted); margin:0; }
.vox-ck-num{ font-family:'Bitter',serif; font-weight:800; font-size:34px; line-height:1; color:var(--vox-gold); }
.vox-ck-card--extra{ background:var(--vox-maroon); border-color:var(--vox-maroon); border-top-color:var(--vox-gold-lite); }
.vox-ck-card--extra h3{ color:#fff; }
.vox-ck-card--extra p{ color:#F0DDD6; }
.vox-ck-num--plus{ color:var(--vox-gold-lite); }

@media (max-width:900px){
  .vox-ck-grid{ grid-template-columns:1fr; gap:34px; }
  .vox-ck-side{ position:static; }
  .vox-ck-jump{ display:inline-block; }
  .vox-ck-mockup{ margin:28px auto 0; }
  .vox-ck-cards{ grid-template-columns:1fr 1fr; }
  .vox-ck-section{ padding:48px 0; }
}
@media (max-width:620px){
  .vox-ck-hero{ padding:40px 0 48px; }
  .vox-ck-cards{ grid-template-columns:1fr; }
  .vox-ck-mockup{ max-width:400px; }
}

/* ============================================================
   BUSINESS OF VOICE OVER PAGE  (page-masterclass.php, the page at /business-of-voice-over/)
   Reuses the .vox-ck-* section styles from the Client Kit page.
   ============================================================ */

.vox-mc-admin{ background:#FBEBB8; color:#5b3a00; font-size:14px; padding:12px 0; border-bottom:1px solid #E5CE86; }
.vox-mc-admin code{ background:rgba(0,0,0,.08); padding:1px 4px; }

.vox-mc-hero{ padding:72px 0 80px; min-height:0; }
.vox-mc-hero-inner{ max-width:760px; margin:0 auto; text-align:center; }
.vox-mc-hero h1{ font-size:clamp(36px,5.4vw,60px); line-height:1.05; margin:0 0 18px; }
.vox-mc-hero .vox-optin-sub{ font-size:20px; line-height:1.5; max-width:30em; margin:0 auto 28px; }
.vox-mc-buyrow{ display:flex; align-items:center; justify-content:center; gap:22px; flex-wrap:wrap; }
.vox-mc-price{ font-family:'Bitter',serif; font-weight:800; font-size:clamp(34px,4.4vw,46px); color:var(--vox-gold-lite); line-height:1; }
.vox-mc-btn{ font-size:18px; padding:16px 34px; }
.vox-mc-pricenote{ color:#CDBFB2; font-size:15px; margin:14px 0 0; }
.vox-mc-soon{ max-width:480px; margin:6px auto 0; text-align:left; }

.vox-mc-list{ list-style:none; margin:0 0 18px; padding:0; }
.vox-mc-list li{ position:relative; padding:11px 0 11px 34px; font-size:17px; line-height:1.5; border-bottom:1px solid var(--vox-line); }
.vox-mc-list li:last-child{ border-bottom:0; }
.vox-mc-list li::before{ position:absolute; left:0; top:11px; font-weight:800; font-size:18px; }
.vox-mc-list--check li::before{ content:"\2713"; color:var(--vox-gold); }
.vox-mc-list--x li::before{ content:"\2715"; color:var(--vox-maroon); }
.vox-mc-two{ display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.vox-mc-two h2{ margin-bottom:12px; }

.vox-mc-guarantee{ background:#fff; border:1px solid var(--vox-line); border-left:4px solid var(--vox-gold); padding:26px 30px; }
.vox-mc-guarantee h2{ margin-bottom:10px; }
.vox-mc-guarantee p{ margin:0; }

.vox-mc-q{ border-bottom:1px solid var(--vox-line); padding:14px 0; }
.vox-mc-q summary{ cursor:pointer; font-family:'Bitter',serif; font-weight:700; font-size:18px; color:var(--vox-maroon); }
.vox-mc-q p{ margin:10px 0 0; }

.vox-mc-close{ background:var(--vox-panel); text-align:center; scroll-margin-top:80px; }
.vox-mc-close .vox-ck-narrow{ max-width:620px; }
.vox-mc-closeprice{ font-family:'Bitter',serif; font-weight:800; font-size:38px !important; color:var(--vox-maroon); margin:0 0 16px !important; line-height:1.1 !important; }
.vox-mc-closeprice span{ display:block; font-family:'Public Sans',sans-serif; font-weight:400; font-size:15px; color:var(--vox-muted); margin-top:6px; }
.vox-mc-embed{ margin-top:10px; text-align:left; }
.vox-mc-embed iframe{ display:block; width:100%; border:0; }
.vox-mc-nobuy{ color:#5b3a00; background:#FBEBB8; padding:10px 14px; font-size:14px !important; }
.vox-mc-disclaimer{ font-size:13px !important; color:var(--vox-muted); margin-top:22px !important; }

.vox-mc-sticky{ display:none; }

@media (max-width:900px){
  .vox-mc-hero{ padding:52px 0 58px; }
  .vox-mc-two{ grid-template-columns:1fr; gap:34px; }
}
@media (max-width:620px){
  .vox-mc-hero .vox-optin-sub{ font-size:18px; }
  .vox-mc-btn{ font-size:17px; padding:15px 28px; }
  .vox-mc-sticky{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    position:fixed; left:0; right:0; bottom:0; z-index:50;
    background:var(--vox-maroon-deep); color:#F4EDE3; padding:10px 16px;
    box-shadow:0 -6px 18px rgba(0,0,0,.25);
  }
  .vox-mc-sticky-name{ font-size:14px; line-height:1.25; }
  .vox-mc-sticky .vox-mc-btn{ font-size:15px; padding:11px 18px; white-space:nowrap; }
  .vox-page-business-of-voice-over .vox-footer{ padding-bottom:70px; }
}

/* ============================================================
   CLIENT KIT BOXES ON ARTICLES  (inc/post-cta.php)
   ============================================================ */

.vox-pcta{ clear:both; margin:34px 0; font-family:'Public Sans',sans-serif; }
.vox-pcta-eyebrow{ font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; display:block; margin-bottom:6px; }

/* The strip */
.vox-pcta--strip{ display:flex; align-items:center; justify-content:space-between; gap:20px; background:var(--vox-panel); border:1px solid var(--vox-line); border-left:4px solid var(--vox-gold); padding:18px 22px; }
.vox-pcta--strip .vox-pcta-eyebrow{ color:var(--vox-maroon); }
.vox-pcta--strip strong{ font-family:'Bitter',serif; font-size:19px; line-height:1.3; color:var(--vox-ink); }
.vox-pcta--strip .vox-cta-btn{ flex:none; font-size:15px; padding:12px 22px; text-decoration:none; }

/* The end card */
.vox-pcta--card{ display:grid; grid-template-columns:1.15fr .85fr; gap:28px; align-items:center; background:var(--vox-ink); color:#F4EDE3; padding:34px 36px; border-radius:8px; margin-top:44px; }
.vox-pcta--card .vox-pcta-eyebrow{ color:var(--vox-gold-lite); }
.vox-pcta--card h3{ font-family:'Bitter',serif; font-size:clamp(22px,2.6vw,28px); line-height:1.18; color:#F4EDE3; margin:0 0 12px; text-transform:none; letter-spacing:0; }
.vox-pcta--card p{ color:#CDBFB2; font-size:16px; line-height:1.55; margin:0 0 14px; }
.vox-pcta--card ul{ list-style:none; margin:0 0 20px; padding:0; }
.vox-pcta--card li{ position:relative; padding:5px 0 5px 26px; color:#E4D8CF; font-size:15px; line-height:1.45; }
.vox-pcta--card li::before{ content:"\2713"; position:absolute; left:0; top:5px; color:var(--vox-gold-lite); font-weight:800; }
.vox-pcta--card .vox-cta-btn{ text-decoration:none; }
.vox-pcta--card small{ display:block; margin-top:12px; color:#9C8D80; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.06em; }
.vox-pcta-art{ text-align:center; }
.vox-pcta-img{ display:block; width:100%; max-width:300px; height:auto; margin:0 auto; filter:drop-shadow(0 14px 22px rgba(0,0,0,.4)); }

@media (max-width:700px){
  .vox-pcta--strip{ flex-direction:column; align-items:flex-start; gap:14px; }
  .vox-pcta--card{ grid-template-columns:1fr; padding:26px 22px; }
  .vox-pcta-art{ order:-1; }
  .vox-pcta-img{ max-width:240px; }
}

/* Card with the form inside */
.vox-pcta--form{ grid-template-columns:1fr 1fr; align-items:start; gap:34px; }
.vox-pcta-side{ display:flex; flex-direction:column; gap:16px; }
.vox-pcta--form .vox-pcta-art{ order:0; }
.vox-pcta--form .vox-pcta-img{ max-width:250px; }
.vox-pcta-form{ margin:0; padding:20px 20px 12px; }
.vox-pcta-formtitle{ display:block; font-family:'Bitter',serif; font-size:22px; line-height:1.15; color:#F4EDE3; margin:0 0 4px; }
.vox-pcta--card .vox-pcta-form p{ color:#CDBFB2; font-size:14px; margin:0 0 12px; }
.vox-pcta-form iframe{ display:block; width:100%; min-height:380px; border:0; }

/* The slide-up bar */
.vox-sbar{
  position:fixed; left:0; right:0; bottom:0; z-index:9990;
  display:flex; align-items:center; justify-content:center; gap:16px;
  background:var(--vox-maroon-deep); color:#F4EDE3; padding:12px 54px 12px 20px;
  box-shadow:0 -6px 22px rgba(0,0,0,.28);
  transform:translateY(110%); transition:transform .35s ease; font-family:'Public Sans',sans-serif;
}
.vox-sbar.is-on{ transform:translateY(0); }
.vox-sbar-text{ font-size:16px; font-weight:600; line-height:1.3; }
.vox-sbar .vox-cta-btn{ flex:none; font-size:15px; padding:10px 20px; text-decoration:none; }
.vox-sbar-x{ position:absolute; right:12px; top:50%; transform:translateY(-50%); background:none; border:0; color:#CDBFB2; font-size:26px; line-height:1; cursor:pointer; padding:6px 10px; }
.vox-sbar-x:hover{ color:#fff; }
@media (prefers-reduced-motion:reduce){ .vox-sbar{ transition:none; } }
@media (max-width:900px){
  .vox-pcta--form{ grid-template-columns:1fr; }
  .vox-pcta--form .vox-pcta-side{ order:2; }
}
@media (max-width:620px){
  .vox-sbar{ gap:10px; padding:10px 44px 10px 14px; justify-content:space-between; }
  .vox-sbar-text{ font-size:14px; }
  .vox-sbar .vox-cta-btn{ font-size:14px; padding:9px 14px; white-space:nowrap; }
}

/* ============================================================
   HEADER SUBSCRIBE BUTTON: square-ish corners, brand font
   (the button is made in Appearance → Customize → Header → Button)
   ============================================================ */
.site-header .header-button,
.site-header .header-button-wrap .button,
.mobile-header-button-wrap .mobile-header-button,
#mobile-drawer .mobile-header-button{
  border-radius:2px !important;
  font-family:'Public Sans',sans-serif !important;
  font-weight:700;
  letter-spacing:.01em;
}

/* Four module cards sit in two columns instead of leaving one orphaned on a second row */
@media (min-width:821px){ .vox-ck-cards.vox-ck-cards--4{ grid-template-columns:repeat(2,1fr); } }
/* Five module cards: three on top, two wider ones below, so no gap is left in the grid */
@media (min-width:821px){
  .vox-ck-cards.vox-ck-cards--5{ grid-template-columns:repeat(6,1fr); }
  .vox-ck-cards--5 .vox-ck-card:nth-child(-n+3){ grid-column:span 2; }
  .vox-ck-cards--5 .vox-ck-card:nth-child(n+4){ grid-column:span 3; }
}

.vox-mc-bonus-title{ margin:26px 0 6px; color:var(--vox-maroon); }

/* Client Kit thank-you page */
.vox-kt-center{ text-align:center; }
.vox-kt-hero{ padding-bottom:40px; }
.vox-kt-steps{ margin:0 0 8px 1.2em; padding:0; }
.vox-kt-steps li{ font-size:17px; line-height:1.6; margin-bottom:12px; }
.vox-kt-price{ font-family:'Bitter',serif; font-weight:800; font-size:26px !important; color:var(--vox-maroon); margin:4px 0 8px !important; }
.vox-kt-price span{ font-family:'Public Sans',sans-serif; font-weight:400; font-size:14px; color:#6a5f61; }

.vox-footer-social{ margin-top:12px !important; font-size:14px; }
.vox-footer-social a{ color:var(--vox-gold-lite); text-decoration:underline; text-underline-offset:3px; }