/*
Theme Name: LightCheckup v3
Theme URI: https://lightcheckup.com
Author: LightCheckup
Author URI: https://lightcheckup.com
Description: Premium smart lighting blog theme — editorial, modern, and Google-friendly.
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lightcheckup
Tags: blog, custom-logo, featured-images, threaded-comments, translation-ready
*/

/* ============================================================
   CUSTOM FONTS — MD Nichrome (local)
   ============================================================ */
@font-face {
  font-family: 'MD Nichrome';
  src: url('fonts/MDNichromeTest-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD Nichrome';
  src: url('fonts/MDNichromeTest-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD Nichrome';
  src: url('fonts/MDNichromeTest-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD Nichrome';
  src: url('fonts/MDNichromeTest-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD Nichrome';
  src: url('fonts/MDNichromeTest-Dark.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root {
  --clr-bg:        #F8F7F3;
  --clr-surface:   #FFFFFF;
  --clr-ink:       #141414;
  --clr-ink-mid:   #3D3D3D;
  --clr-ink-muted: #888;
  --clr-accent:    #E8651A;
  --clr-accent-dk: #C45210;
  --clr-accent-lt: #FFF3EC;
  --clr-rule:      #E4E1D8;
  --clr-badge-bg:  #FFF3EC;
  --clr-badge-txt: #E8651A;

  --ff-display: 'Poppins', Georgia, sans-serif;
  --ff-body:    'MD Nichrome', Georgia, serif;
  --ff-mono:    'JetBrains Mono', monospace;

  --radius-sm:  4px;
  --radius-md:  10px;
  --radius-lg:  18px;
  --radius-xl:  28px;

  --shadow-card:  0 2px 16px rgba(0,0,0,0.055), 0 1px 4px rgba(0,0,0,0.035);
  --shadow-hover: 0 10px 40px rgba(0,0,0,0.13), 0 2px 10px rgba(0,0,0,0.07);
  --shadow-pop:   0 20px 60px rgba(0,0,0,0.18);

  --max-w: 1240px;
  --section-pad: clamp(5rem, 9vw, 8rem);
  --block-gap:   clamp(1.5rem, 3vw, 2.5rem);
}

/* ============================================================
   RESET & BASE
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: var(--ff-body);
  background: var(--clr-bg);
  color: var(--clr-ink);
  line-height: 1.8;
  font-size: 1.1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }

/* ============================================================
   TYPOGRAPHY SCALE
   ============================================================ */
h1, h2, h3, h4, h5 {
  font-family: var(--ff-display);
  line-height: 1.15;
  letter-spacing: -0.025em;
}

p { font-size: 1.1rem; line-height: 1.85; }

.section-title {
  font-size: clamp(1.9rem, 3.5vw, 2.6rem);
  font-weight: 700;
}

/* ============================================================
   LAYOUT
   ============================================================ */
.container {
  max-width: var(--max-w);
  margin-inline: auto;
  padding-inline: clamp(1.5rem, 5vw, 3rem);
}
.section { padding-block: var(--section-pad); }

/* ============================================================
   SITE HEADER
   ============================================================ */

/* Top bar — date/time strip */
.header-topbar {
  background: #0a0a0a;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  padding-block: 0.35rem;
}
.header-topbar__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
}
.header-datetime {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--ff-display);
  font-size: 0.72rem;
  font-weight: 500;
  color: rgba(255,255,255,0.45);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.header-datetime svg { flex-shrink: 0; opacity: 0.6; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 200;
  background: #111111;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  transition: box-shadow 0.3s;
}
.site-header:hover,
.site-header.scrolled {
  background: #111111;
  box-shadow: 0 4px 32px rgba(0,0,0,0.55);
}

.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding-block: 1.1rem;
}

.site-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.site-logo img,
.site-logo .custom-logo {
  height: 44px !important;
  width: auto !important;
  display: block;
  object-fit: contain;
}

/* Footer logo — white version */
.site-footer .site-logo img,
.site-footer .site-logo .custom-logo {
  height: 40px !important;
  filter: brightness(0) invert(1);
}

.primary-nav { display: flex; align-items: center; gap: 0.25rem; }
.primary-nav a {
  font-family: var(--ff-display);
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255,255,255,0.75);
  padding: 0.5rem 0.95rem;
  border-radius: var(--radius-sm);
  transition: color 0.2s, background 0.2s;
  white-space: nowrap;
  letter-spacing: 0.01em;
}
.primary-nav a:hover,
.primary-nav a.current-menu-item {
  color: #fff;
  background: rgba(255,255,255,0.1);
}

.nav-cta {
  background: var(--clr-ink);
  color: #fff !important;
  border-radius: var(--radius-md) !important;
  padding: 0.5rem 1.1rem !important;
  transition: background 0.2s !important;
}
.nav-cta:hover { background: var(--clr-accent) !important; }

.nav-toggle {
  display: none;
  background: none;
  border: 1px solid var(--clr-rule);
  border-radius: var(--radius-sm);
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  color: var(--clr-ink);
  font-size: 1.2rem;
  line-height: 1;
}

/* ============================================================
   HERO
   ============================================================ */
.hero {
  background: var(--clr-ink);
  color: #fff;
  position: relative;
  overflow: hidden;
  padding-block: clamp(5rem, 12vw, 10rem);
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 80% at 85% 40%, rgba(232,101,26,0.22) 0%, transparent 65%),
    radial-gradient(ellipse 35% 55% at 5% 90%, rgba(232,101,26,0.12) 0%, transparent 55%);
  pointer-events: none;
}
.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}

.hero__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  position: relative;
  z-index: 1;
}

.hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--ff-body);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--clr-accent);
  background: rgba(232,101,26,0.15);
  border: 1px solid rgba(232,101,26,0.3);
  border-radius: 999px;
  padding: 0.35rem 1rem;
  margin-bottom: 2rem;
}

.hero__title {
  font-size: clamp(2.4rem, 5vw, 4.4rem);
  font-family: var(--ff-display);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 1.75rem;
}
.hero__title em {
  font-style: normal;
  color: var(--clr-accent);
}

.hero__desc {
  font-size: 1.2rem;
  color: rgba(255,255,255,0.7);
  line-height: 1.85;
  margin-bottom: 2.75rem;
  max-width: 46ch;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--ff-body);
  font-size: 0.975rem;
  font-weight: 600;
  padding: 0.9rem 1.8rem;
  border-radius: var(--radius-md);
  cursor: pointer;
  border: none;
  transition: transform 0.18s, box-shadow 0.18s, background 0.18s;
  text-decoration: none;
  line-height: 1;
}
.btn--primary {
  background: var(--clr-accent);
  color: #fff;
  box-shadow: 0 2px 16px rgba(232,101,26,0.38);
}
.btn--primary:hover {
  background: var(--clr-accent-dk);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(232,101,26,0.48);
}
.btn--outline {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.25);
}
.btn--outline:hover {
  background: rgba(255,255,255,0.1);
  transform: translateY(-2px);
}
.btn--ink {
  background: var(--clr-ink);
  color: #fff;
}
.btn--ink:hover { background: #2a2a2a; transform: translateY(-2px); }

.hero__actions { display: flex; flex-wrap: wrap; gap: 0.85rem; }

.hero__stats {
  display: flex;
  gap: 3rem;
  margin-top: 3.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.hero__stat-num {
  font-family: var(--ff-display);
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
}
.hero__stat-label {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.48);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: 0.2rem;
}

.hero__visual {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  position: relative;
}

/* Feature card in hero */
.hero__feature-card {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--radius-lg);
  overflow: hidden;
  backdrop-filter: blur(8px);
  transition: transform 0.3s, border-color 0.3s;
}
.hero__feature-card:hover { transform: translateY(-4px); border-color: rgba(232,101,26,0.4); }

.hero__feature-thumb {
  display: block;
  aspect-ratio: 16/7;
  overflow: hidden;
  background: rgba(255,255,255,0.05);
}
.hero__feature-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform 0.45s;
}
.hero__feature-card:hover .hero__feature-thumb img { transform: scale(1.04); }
.hero__feature-thumb--empty {
  display: flex; align-items: center; justify-content: center;
  font-size: 2.5rem;
}
.hero__feature-body {
  padding: 1.4rem 1.6rem;
}
.hero__card-preview {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius-lg);
  padding: 1.5rem 1.75rem;
  backdrop-filter: blur(8px);
  transition: transform 0.3s, border-color 0.3s;
}
.hero__card-preview:hover { transform: translateY(-4px); border-color: rgba(232,101,26,0.4); }
.hero__card-preview + .hero__card-preview { margin-left: 1.5rem; }
.hero__card-tag {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--clr-accent);
  margin-bottom: 0.55rem;
}
.hero__card-title {
  font-family: var(--ff-display);
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 0.4rem;
}
.hero__card-meta { font-size: 0.72rem; color: rgba(255,255,255,0.38); }

/* ============================================================
   SECTION HEADER
   ============================================================ */
.section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}
.section-header__label {
  display: block;
  font-family: var(--ff-body);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--clr-accent);
  margin-bottom: 0.6rem;
}
.view-all {
  font-family: var(--ff-body);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--clr-accent);
  white-space: nowrap;
}
.view-all:hover { text-decoration: underline; }

/* ============================================================
   POST CARDS
   ============================================================ */
.posts-grid { display: grid; gap: var(--block-gap); }
.posts-grid--featured {
  grid-template-columns: 1.6fr 1fr 1fr;
}
.posts-grid--featured .post-card:first-child { grid-row: span 2; }

.post-card {
  background: var(--clr-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.25s, box-shadow 0.25s;
  border: 1px solid var(--clr-rule);
}
.post-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-hover);
  border-color: transparent;
}

.post-card__thumb {
  display: block;
  aspect-ratio: 16/9;
  background: #e2e0d8;
  overflow: hidden;
}
.post-card--featured .post-card__thumb { aspect-ratio: 4/3; }
.post-card__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s; }
.post-card:hover .post-card__thumb img { transform: scale(1.05); }
.post-card__thumb-placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 2.5rem;
  background: linear-gradient(135deg, #e8e6df 0%, #d5d2c8 100%);
}

.post-card__body {
  padding: clamp(1.4rem, 2.5vw, 2rem);
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.75rem;
}

.post-card__category {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-family: var(--ff-body);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--clr-accent);
  background: var(--clr-badge-bg);
  border: 1px solid rgba(232,101,26,0.2);
  border-radius: 999px;
  padding: 0.28rem 0.75rem;
  width: fit-content;
  transition: background 0.18s;
}
.post-card__category:hover { background: rgba(232,101,26,0.15); }

.post-card__title {
  font-family: var(--ff-display);
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--clr-ink);
}
.post-card__title a { transition: color 0.18s; }
.post-card__title a:hover { color: var(--clr-accent); }
.post-card--featured .post-card__title { font-size: clamp(1.3rem, 2.5vw, 1.8rem); }

.post-card__excerpt {
  font-family: var(--ff-body);
  font-size: 0.95rem;
  color: var(--clr-ink-mid);
  line-height: 1.75;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.post-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--ff-body);
  font-size: 0.8rem;
  color: var(--clr-ink-muted);
  margin-top: 0.5rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--clr-rule);
}
.post-card__readmore { color: var(--clr-accent); font-weight: 600; }
.post-card__readmore:hover { text-decoration: underline; }

/* Styled read button */
.post-card__readmore-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-family: var(--ff-body);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--clr-accent);
  background: var(--clr-accent-lt);
  border: 1px solid rgba(232,101,26,0.25);
  border-radius: 999px;
  padding: 0.35rem 1rem;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  white-space: nowrap;
}
.post-card__readmore-btn:hover {
  background: var(--clr-accent);
  color: #fff;
  border-color: var(--clr-accent);
}

/* ============================================================
   GEAR SECTION
   ============================================================ */
.gear-section { background: var(--clr-ink); color: #fff; }
.gear-section .section-title { color: #fff; }
.gear-section .view-all { color: var(--clr-accent); }

.gear-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--block-gap); }

.gear-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform 0.25s, border-color 0.25s;
}
.gear-card:hover { transform: translateY(-6px); border-color: rgba(232,101,26,0.5); }

.gear-card__thumb {
  display: block;
  aspect-ratio: 16/9;
  background: rgba(255,255,255,0.04);
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
}
.gear-card__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s; }
.gear-card:hover .gear-card__thumb img { transform: scale(1.06); }

.gear-card__badge {
  position: absolute;
  top: 0.75rem; left: 0.75rem;
  background: var(--clr-accent);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
}
.gear-card__body { padding: 1.5rem 1.75rem; }
.gear-card__versus { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--clr-accent); margin-bottom: 0.55rem; }
.gear-card__title { font-family: var(--ff-display); font-size: 1.15rem; font-weight: 700; color: #fff; margin-bottom: 0.6rem; line-height: 1.3; }
.gear-card__title a:hover { color: var(--clr-accent); }
.gear-card__desc { font-size: 0.9rem; color: rgba(255,255,255,0.52); line-height: 1.75; margin-bottom: 1rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.gear-card__link { font-size: 0.88rem; font-weight: 600; color: var(--clr-accent); }
.gear-card__link:hover { text-decoration: underline; }

/* ============================================================
   ABOUT SECTION
   ============================================================ */
.about-section { background: var(--clr-surface); }

.about-inner {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: clamp(3rem, 7vw, 6rem);
  align-items: center;
}

.about-avatar { position: relative; }
.about-avatar__img {
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, #1a1a1a 0%, #3a3a3a 100%);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5rem;
  box-shadow: var(--shadow-hover);
}
.about-avatar__img img { width: 100%; height: 100%; object-fit: cover; }
.about-avatar__badge {
  position: absolute;
  bottom: -1rem; right: -1rem;
  background: var(--clr-accent);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.65rem 1.1rem;
  border-radius: var(--radius-md);
  box-shadow: 0 4px 20px rgba(232,101,26,0.45);
  max-width: 200px;
  text-align: center;
  line-height: 1.45;
}
.about-content__eyebrow {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--clr-accent);
  margin-bottom: 0.75rem;
}
.about-content__title { margin-bottom: 1.75rem; }
.about-content__bio {
  font-size: 1.1rem;
  color: var(--clr-ink-mid);
  line-height: 1.9;
  margin-bottom: 1.5rem;
}
.about-content__quote {
  border-left: 3px solid var(--clr-accent);
  padding-left: 1.5rem;
  margin-block: 2.25rem;
  font-family: var(--ff-display);
  font-style: italic;
  font-size: 1.2rem;
  color: var(--clr-ink-mid);
  line-height: 1.7;
}
.about-content__creds { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-block: 2rem 2.5rem; }
.cred-pill {
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--clr-ink);
  background: var(--clr-bg);
  border: 1px solid var(--clr-rule);
  border-radius: 999px;
  padding: 0.38rem 1rem;
}

/* ============================================================
   NEWSLETTER
   ============================================================ */
.newsletter-strip {
  background: var(--clr-ink);
  padding-block: clamp(3.5rem, 7vw, 6rem);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.newsletter-strip::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 100% at 50% 0%, rgba(232,101,26,0.15) 0%, transparent 65%);
  pointer-events: none;
}
.newsletter-strip h2 {
  font-family: var(--ff-display);
  font-size: clamp(1.7rem, 3vw, 2.6rem);
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.85rem;
  position: relative;
}
.newsletter-strip p {
  font-size: 1.1rem;
  color: rgba(255,255,255,0.6);
  margin-bottom: 2.25rem;
  position: relative;
}
.newsletter-form {
  display: flex;
  max-width: 460px;
  margin-inline: auto;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,0.28);
  position: relative;
}
.newsletter-form input[type="email"] {
  flex: 1;
  padding: 0.9rem 1.3rem;
  font-family: var(--ff-body);
  font-size: 0.975rem;
  border: none;
  background: rgba(255,255,255,0.1);
  color: #fff;
  outline: none;
}
.newsletter-form input::placeholder { color: rgba(255,255,255,0.4); }
.newsletter-form .btn { border-radius: 0; background: var(--clr-accent); color: #fff; padding: 0.9rem 1.6rem; flex-shrink: 0; }
.newsletter-form .btn:hover { background: var(--clr-accent-dk); transform: none; }

/* ============================================================
   SITE FOOTER
   ============================================================ */
.site-footer {
  background: #0f0f0f;
  color: rgba(255,255,255,0.6);
  padding-block: clamp(3.5rem, 7vw, 6rem) 2.5rem;
}
.footer-inner {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: clamp(2rem, 5vw, 4.5rem);
  padding-bottom: 3.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.footer-brand .site-logo { margin-bottom: 1.4rem; }
.footer-brand p { font-size: 0.92rem; color: rgba(255,255,255,0.42); line-height: 1.8; max-width: 34ch; }

.footer-social { display: flex; gap: 0.6rem; margin-top: 1.5rem; }
.footer-social a {
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.55);
  font-size: 0.9rem;
  transition: background 0.2s, color 0.2s;
  text-decoration: none;
}
.footer-social a:hover { background: var(--clr-accent); color: #fff; }

.footer-col h4 {
  font-family: var(--ff-body);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.32);
  margin-bottom: 1.4rem;
}
.footer-col a {
  display: block;
  font-size: 0.92rem;
  color: rgba(255,255,255,0.52);
  padding-block: 0.38rem;
  transition: color 0.18s;
}
.footer-col a:hover { color: #fff; }
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 2rem;
  font-size: 0.82rem;
  color: rgba(255,255,255,0.3);
  flex-wrap: wrap;
  gap: 0.5rem;
}
.footer-bottom a { color: rgba(255,255,255,0.42); transition: color 0.18s; }
.footer-bottom a:hover { color: #fff; }

/* ============================================================
   SCROLL TO TOP
   ============================================================ */
.scroll-top-btn {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 46px; height: 46px;
  background: var(--clr-ink);
  color: #fff;
  border: none;
  border-radius: 50%;
  font-size: 1.2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  z-index: 99;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.3s, transform 0.3s, background 0.2s;
  pointer-events: none;
}
.scroll-top-btn.visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
.scroll-top-btn:hover { background: var(--clr-accent); }

/* ============================================================
   READING PROGRESS
   ============================================================ */
.reading-progress {
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clr-accent), #f5a64a);
  z-index: 200;
  width: 0%;
  transition: width 0.08s linear;
}

/* ============================================================
   SINGLE POST
   ============================================================ */
.single-post-header {
  background: var(--clr-ink);
  color: #fff;
  padding-block: clamp(3.5rem, 8vw, 7rem);
}
.post-header__category {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--clr-accent);
  background: rgba(232,101,26,0.15);
  border-radius: 999px;
  padding: 0.3rem 0.85rem;
  margin-bottom: 1.4rem;
  border: 1px solid rgba(232,101,26,0.3);
}
.post-header__title {
  font-family: var(--ff-display);
  font-size: clamp(2.2rem, 5vw, 4.2rem);
  color: #fff;
  margin-bottom: 1.5rem;
  max-width: 22ch;
  line-height: 1.08;
}
.post-header__meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.88rem;
  color: rgba(255,255,255,0.5);
  flex-wrap: wrap;
}
.post-header__meta span::before { content: '·'; margin-right: 1rem; }
.post-header__meta span:first-child::before { content: none; }

/* Reading time & share bar inside single */
.post-meta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--clr-rule);
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.post-meta-bar__info { display: flex; align-items: center; gap: 1.5rem; font-size: 0.85rem; color: var(--clr-ink-muted); }
.post-meta-bar__reading { display: flex; align-items: center; gap: 0.4rem; }
.post-meta-bar__reading .reading-pct {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 2px solid var(--clr-rule);
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--clr-accent);
  transition: border-color 0.3s;
}

.social-share { display: flex; align-items: center; gap: 0.5rem; }
.social-share__label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--clr-ink-muted); margin-right: 0.25rem; }
.share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px; height: 34px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--clr-rule);
  background: var(--clr-surface);
  color: var(--clr-ink-mid);
  font-size: 0.85rem;
  text-decoration: none;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  cursor: pointer;
}
.share-btn:hover { background: var(--clr-ink); color: #fff; border-color: var(--clr-ink); }
.share-btn--twitter:hover { background: #1d9bf0; border-color: #1d9bf0; }
.share-btn--facebook:hover { background: #1877f2; border-color: #1877f2; }
.share-btn--copy:hover { background: var(--clr-accent); border-color: var(--clr-accent); }

.post-content-wrapper {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: clamp(2.5rem, 5vw, 4.5rem);
  max-width: var(--max-w);
  margin-inline: auto;
  padding: clamp(2.5rem, 6vw, 5rem) clamp(1.5rem, 5vw, 3rem);
  align-items: start;
}

.post-content {
  font-family: var(--ff-body);
  font-size: 1.1rem;
  line-height: 1.9;
  color: var(--clr-ink-mid);
}
.post-content h2 {
  font-family: var(--ff-display);
  font-size: clamp(1.55rem, 2.5vw, 2.1rem);
  color: var(--clr-ink);
  margin-top: 3.5rem;
  margin-bottom: 1.1rem;
}
.post-content h3 {
  font-family: var(--ff-display);
  font-size: clamp(1.25rem, 2vw, 1.6rem);
  color: var(--clr-ink);
  margin-top: 2.75rem;
  margin-bottom: 0.85rem;
}
.post-content p { margin-bottom: 1.65rem; }
.post-content ul, .post-content ol { padding-left: 1.5rem; margin-bottom: 1.65rem; }
.post-content ul li { list-style: disc; margin-bottom: 0.6rem; }
.post-content ol li { list-style: decimal; margin-bottom: 0.6rem; }
.post-content a { color: var(--clr-accent); text-decoration: underline; }
.post-content img { border-radius: var(--radius-lg); margin-block: 2.5rem; box-shadow: var(--shadow-card); }
.post-content blockquote {
  border-left: 3px solid var(--clr-accent);
  padding-left: 1.75rem;
  margin-block: 2.5rem;
  font-family: var(--ff-display);
  font-style: italic;
  font-size: 1.2rem;
  color: var(--clr-ink-mid);
  line-height: 1.7;
}
.post-content code {
  font-family: var(--ff-mono);
  background: #f0ede7;
  padding: 0.1em 0.4em;
  border-radius: 3px;
  font-size: 0.88em;
}
.post-content pre {
  background: var(--clr-ink);
  color: #e2e0d8;
  padding: 1.75rem;
  border-radius: var(--radius-md);
  overflow-x: auto;
  margin-bottom: 1.75rem;
}
.post-content pre code { background: none; padding: 0; color: inherit; font-size: 0.88rem; }

/* Sidebar */
.post-sidebar { position: sticky; top: 90px; }
.sidebar-widget {
  background: var(--clr-surface);
  border-radius: var(--radius-lg);
  padding: 1.6rem;
  box-shadow: var(--shadow-card);
  margin-bottom: 1.5rem;
  border: 1px solid var(--clr-rule);
}
.sidebar-widget h3 {
  font-family: var(--ff-body);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--clr-ink-muted);
  margin-bottom: 1.3rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--clr-rule);
}
.sidebar-post {
  display: flex;
  gap: 0.85rem;
  padding-block: 0.85rem;
  border-bottom: 1px solid var(--clr-rule);
}
.sidebar-post:last-child { border-bottom: none; padding-bottom: 0; }
.sidebar-post__thumb {
  width: 60px; height: 60px;
  border-radius: var(--radius-sm);
  background: #e2e0d8;
  flex-shrink: 0;
  overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem;
}
.sidebar-post__thumb img { width: 100%; height: 100%; object-fit: cover; }
.sidebar-post__title {
  font-size: 0.87rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--clr-ink);
  transition: color 0.18s;
}
.sidebar-post__title:hover { color: var(--clr-accent); }
.sidebar-post__date { font-size: 0.73rem; color: var(--clr-ink-muted); margin-top: 0.3rem; }

/* Table of Contents */
.toc-widget { }
.toc-widget ol { padding-left: 1.25rem; }
.toc-widget ol li { margin-bottom: 0.45rem; }
.toc-widget a {
  font-size: 0.875rem;
  color: var(--clr-ink-mid);
  transition: color 0.18s;
  text-decoration: none;
}
.toc-widget a:hover { color: var(--clr-accent); }
.toc-widget a.active { color: var(--clr-accent); font-weight: 600; }

/* ============================================================
   ARCHIVE
   ============================================================ */
.archive-header {
  background: var(--clr-surface);
  border-bottom: 1px solid var(--clr-rule);
  padding-block: 3.5rem;
}
.archive-header .container { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }

.archive-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: clamp(2.5rem, 5vw, 4.5rem);
  max-width: var(--max-w);
  margin-inline: auto;
  padding: clamp(2.5rem, 6vw, 4.5rem) clamp(1.5rem, 5vw, 3rem);
  align-items: start;
}
.archive-posts { display: flex; flex-direction: column; gap: 2.25rem; }

.archive-card {
  background: var(--clr-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  display: grid;
  grid-template-columns: 260px 1fr;
  transition: transform 0.25s, box-shadow 0.25s;
  border: 1px solid var(--clr-rule);
}
.archive-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: transparent; }

.archive-card__thumb {
  background: #e2e0d8;
  overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  font-size: 2.5rem;
  aspect-ratio: 4/3;
}
.archive-card__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s; }
.archive-card:hover .archive-card__thumb img { transform: scale(1.05); }
.archive-card__body { padding: 2rem; display: flex; flex-direction: column; gap: 0.7rem; }
.archive-card__title { font-family: var(--ff-display); font-size: 1.3rem; font-weight: 700; color: var(--clr-ink); transition: color 0.18s; }
.archive-card:hover .archive-card__title { color: var(--clr-accent); }
.archive-card__excerpt { font-size: 0.93rem; color: var(--clr-ink-mid); line-height: 1.75; flex: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.archive-card__footer { display: flex; align-items: center; justify-content: space-between; font-size: 0.8rem; color: var(--clr-ink-muted); margin-top: 0.5rem; }

/* ============================================================
   PAGE (ABOUT, CONTACT etc)
   ============================================================ */
.page-header {
  background: var(--clr-ink);
  color: #fff;
  padding-block: clamp(3rem, 7vw, 6rem);
}
.page-header h1 { font-size: clamp(2.2rem, 5vw, 4rem); color: #fff; }

.page-body {
  max-width: 800px;
  margin-inline: auto;
  padding: clamp(2.5rem, 6vw, 5rem) clamp(1.5rem, 5vw, 3rem);
}
.page-body .post-content { color: var(--clr-ink-mid); font-size: 1.1rem; line-height: 1.9; }

/* ============================================================
   ABOUT PAGE FULL
   ============================================================ */
.about-page-hero {
  background: var(--clr-ink);
  color: #fff;
  padding-block: clamp(4rem, 9vw, 8rem);
  position: relative;
  overflow: hidden;
}
.about-page-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 55% 80% at 80% 50%, rgba(232,101,26,0.2) 0%, transparent 65%);
  pointer-events: none;
}
.about-page-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  position: relative;
}
.about-page-avatar {
  width: 100%;
  max-width: 380px;
  aspect-ratio: 3/4;
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,0.07);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6rem;
  border: 1px solid rgba(255,255,255,0.12);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
  .posts-grid--featured { grid-template-columns: 1fr 1fr; }
  .posts-grid--featured .post-card:first-child { grid-row: auto; }
}

@media (max-width: 900px) {
  .hero__grid { grid-template-columns: 1fr; }
  .hero__visual { display: none; }
  .posts-grid--featured { grid-template-columns: 1fr 1fr; }
  .gear-grid { grid-template-columns: 1fr 1fr; }
  .about-inner { grid-template-columns: 1fr; }
  .about-avatar { display: none; }
  .footer-inner { grid-template-columns: 1fr 1fr; }
  .post-content-wrapper { grid-template-columns: 1fr; }
  .post-sidebar { position: static; }
  .archive-grid { grid-template-columns: 1fr; }
  .archive-card { grid-template-columns: 1fr; }
  .archive-card__thumb { aspect-ratio: 16/9; }
  .about-page-grid { grid-template-columns: 1fr; }
  .about-page-avatar { max-width: 260px; aspect-ratio: 1; margin-inline: auto; }
}

@media (max-width: 640px) {
  .posts-grid--featured { grid-template-columns: 1fr; }
  .gear-grid { grid-template-columns: 1fr; }
  .footer-inner { grid-template-columns: 1fr; }
  .newsletter-form { flex-direction: column; border-radius: var(--radius-md); overflow: visible; }
  .newsletter-form input[type="email"],
  .newsletter-form .btn { border-radius: var(--radius-md); }
  .hero__stats { flex-direction: column; gap: 1.5rem; }
  .post-meta-bar { flex-direction: column; align-items: flex-start; }
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-up {
  opacity: 0;
  animation: fadeUp 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.22s; }
.delay-3 { animation-delay: 0.38s; }
.delay-4 { animation-delay: 0.55s; }

/* ============================================================
   UTILITIES
   ============================================================ */
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.wp-post-image { width: 100%; height: 100%; object-fit: cover; }
.alignleft { float: left; margin-right: 1.75rem; margin-bottom: 1rem; }
.alignright { float: right; margin-left: 1.75rem; margin-bottom: 1rem; }
.aligncenter { margin-inline: auto; display: block; }
.alignwide { max-width: 900px; margin-inline: auto; }
.alignfull { max-width: none; width: 100%; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.84rem; color: var(--clr-ink-muted); text-align: center; margin-top: 0.5rem; }

/* Elementor compatibility */
.elementor-section { width: 100%; }


/* ============================================================
   PREMIUM HEADER — Clean light design with Poppins nav
   ============================================================ */

/* Override the dark header with a premium light header */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  background: rgba(248, 247, 243, 0.97) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(0,0,0,0.07) !important;
  box-shadow: none !important;
  transition: box-shadow 0.3s ease, background 0.3s ease !important;
  padding: 0 !important;
}

.site-header.scrolled {
  box-shadow: 0 1px 24px rgba(0,0,0,0.08) !important;
  background: rgba(248, 247, 243, 1) !important;
}

.site-header__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 2rem !important;
  padding-block: 0.85rem !important;
}

/* Logo sizing */
.site-logo img,
.site-logo .custom-logo {
  height: 42px !important;
  width: auto !important;
}

/* Nav links — Poppins for premium feel */
.primary-nav {
  display: flex !important;
  align-items: center !important;
  gap: 0.15rem !important;
  flex: 1;
  justify-content: center;
}

.primary-nav a {
  font-family: 'Poppins', var(--ff-body) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #2a2a2a !important;
  padding: 0.5rem 1rem !important;
  border-radius: 6px !important;
  letter-spacing: 0.01em !important;
  transition: color 0.2s, background 0.2s !important;
  white-space: nowrap !important;
  background: none !important;
}

.primary-nav a:hover,
.primary-nav a.current-menu-item {
  color: var(--clr-accent) !important;
  background: rgba(232, 101, 26, 0.07) !important;
}

/* Header search — refined pill style */
.header-search {
  display: flex;
  align-items: center;
}

.header-search .search-form {
  display: flex !important;
  align-items: center;
  background: rgba(255,255,255,0.08);
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.15);
  padding: 0 6px 0 16px;
  gap: 4px;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

.header-search .search-form:focus-within {
  background: rgba(255,255,255,0.14);
  border-color: var(--clr-accent);
  box-shadow: 0 0 0 3px rgba(232, 101, 26, 0.2);
}

.header-search input[type="search"],
.header-search input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  font-family: var(--ff-display);
  font-size: 0.875rem !important;
  color: #fff !important;
  width: 180px !important;
  padding: 9px 0 !important;
  min-width: unset !important;
}

.header-search input::placeholder {
  color: rgba(255,255,255,0.4);
  font-weight: 400;
}

.header-search button[type="submit"] {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: var(--clr-accent) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 999px !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  cursor: pointer;
  transition: background 0.2s;
  flex-shrink: 0;
  font-size: 0 !important; /* hide any text */
}

/* Search button — arrow icon */
.header-search button[type="submit"]::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.header-search button[type="submit"]:hover {
  background: var(--clr-accent-dk) !important;
}

/* Hide other search forms (widget etc) */
.widget_search .search-form,
.post-sidebar .search-form {
  display: none !important;
}

/* Mobile toggle */
.nav-toggle {
  display: none;
  background: none;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 8px;
  padding: 0.4rem 0.65rem;
  cursor: pointer;
  font-size: 1.1rem;
  color: var(--clr-ink);
}

@media (max-width: 900px) {
  .header-search { display: none; }
  .nav-toggle { display: flex; align-items: center; justify-content: center; }
  .primary-nav {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #111;
    border-bottom: 1px solid rgba(232,101,26,0.2);
    flex-direction: column;
    padding: 0.5rem 0.75rem 1rem;
    gap: 0.2rem;
    backdrop-filter: blur(20px);
    z-index: 999;
    box-shadow: 0 16px 48px rgba(0,0,0,0.6);
  }
  .primary-nav.is-open {
    display: flex !important;
  }
  .primary-nav a {
    width: 100%;
    padding: 0.8rem 1rem !important;
    border-radius: 8px;
  }
}

/* ============================================================
   READING PROGRESS — Fix z-index conflict with sticky header
   ============================================================ */
.reading-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--clr-accent), #f5a64a) !important;
  z-index: 9999 !important; /* Must be above header z-index:100 */
  width: 0% !important;
  transition: width 0.08s linear !important;
  pointer-events: none;
}

/* ============================================================
   SIDEBAR — Tighter, more premium, Poppins labels
   ============================================================ */
.post-sidebar {
  position: sticky;
  top: 80px; /* header height + gap */
}

.sidebar-widget {
  background: var(--clr-surface) !important;
  border-radius: var(--radius-lg) !important;
  padding: 1.35rem 1.5rem !important;
  box-shadow: var(--shadow-card) !important;
  margin-bottom: 1.25rem !important;
  border: 1px solid var(--clr-rule) !important;
  font-size: 0.875rem !important; /* was 16px — now smaller/premium */
}

.sidebar-widget h3 {
  font-family: 'Poppins', var(--ff-body) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: var(--clr-ink-muted) !important;
  margin-bottom: 1.1rem !important;
  padding-bottom: 0.7rem !important;
  border-bottom: 1px solid var(--clr-rule) !important;
}

.sidebar-post__title {
  font-family: 'Poppins', var(--ff-body) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

.sidebar-post__date {
  font-size: 0.7rem !important;
}

.toc-widget ol { padding-left: 1.1rem; }
.toc-widget ol li { margin-bottom: 0.4rem; }
.toc-widget a {
  font-family: 'Poppins', var(--ff-body) !important;
  font-size: 0.81rem !important;
  font-weight: 500 !important;
  color: var(--clr-ink-mid) !important;
  line-height: 1.5;
  transition: color 0.18s;
}
.toc-widget a:hover,
.toc-widget a.active {
  color: var(--clr-accent) !important;
}

/* Reading progress circle in sidebar */
.sidebar-widget .reading-pct {
  font-family: 'Poppins', var(--ff-body) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
}

/* Category browse links in sidebar */
.sidebar-widget a[href*="category"] {
  font-size: 0.85rem !important;
  font-family: 'Poppins', var(--ff-body) !important;
}

/* ============================================================
   ARCHIVE — Stylish card grid with enhanced design
   ============================================================ */
.archive-header {
  background: var(--clr-ink);
  color: #fff;
  padding-block: clamp(2.5rem, 6vw, 4.5rem);
}

.archive-header .container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.archive-header .section-title {
  color: #fff;
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
}

.archive-header span[style*="accent"] {
  color: var(--clr-accent) !important;
}

/* Archive grid — two column posts + sidebar */
.archive-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: clamp(2.5rem, 5vw, 4.5rem);
  max-width: var(--max-w);
  margin-inline: auto;
  padding: clamp(2.5rem, 6vw, 4rem) clamp(1.5rem, 5vw, 3rem);
  align-items: start;
}

/* Posts list — cards */
.archive-posts {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

/* Stylish archive card — horizontal layout with rich hover */
.archive-card {
  background: var(--clr-surface) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-card) !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: 240px 1fr !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  border: 1px solid var(--clr-rule) !important;
  position: relative;
}

/* Every other regular card = vertical/stacked layout */
.archive-card:not(.archive-card--featured):nth-child(even) {
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr;
}
.archive-card:not(.archive-card--featured):nth-child(even) .archive-card__thumb {
  aspect-ratio: 16/7 !important;
  min-height: unset;
  max-height: 220px;
}

/* Pair horizontal + vertical side by side in a row for even/odd grouping */
.archive-posts {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.75rem;
}

/* Group pairs: featured stays full width, then pairs of [horizontal + vertical] */
/* Use a 2-col sub-grid trick for non-featured pairs */
.archive-posts-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  align-items: start;
}
.archive-posts-pair .archive-card {
  grid-template-columns: 1fr !important;
}
.archive-posts-pair .archive-card.archive-card--horizontal {
  grid-template-columns: 220px 1fr !important;
}
.archive-posts-pair .archive-card.archive-card--horizontal .archive-card__thumb {
  aspect-ratio: unset !important;
  min-height: 180px;
}
.archive-posts-pair .archive-card.archive-card--vertical .archive-card__thumb {
  aspect-ratio: 16/10 !important;
  min-height: unset;
}

.archive-card::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--clr-accent);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.3s ease;
}

.archive-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--shadow-hover) !important;
  border-color: rgba(232,101,26,0.2) !important;
}

.archive-card:hover::before {
  transform: scaleY(1);
}

.archive-card__thumb {
  background: #e2e0d8;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  aspect-ratio: unset;
  min-height: 200px;
}

.archive-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.45s ease !important;
}

.archive-card:hover .archive-card__thumb img {
  transform: scale(1.06) !important;
}

.archive-card__body {
  padding: 1.75rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
}

.archive-card__title {
  font-family: var(--ff-display) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--clr-ink) !important;
  line-height: 1.3 !important;
  transition: color 0.18s !important;
}

.archive-card:hover .archive-card__title {
  color: var(--clr-accent) !important;
}

.archive-card__excerpt {
  font-family: 'Poppins', var(--ff-body) !important;
  font-size: 0.875rem !important;
  color: var(--clr-ink-mid) !important;
  line-height: 1.7 !important;
  flex: 1 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.archive-card__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-family: 'Poppins', var(--ff-body) !important;
  font-size: 0.775rem !important;
  color: var(--clr-ink-muted) !important;
  margin-top: 0.35rem !important;
  padding-top: 0.75rem;
  border-top: 1px solid var(--clr-rule);
}

.post-card__readmore {
  font-family: 'Poppins', var(--ff-body) !important;
  font-size: 0.775rem !important;
  font-weight: 600 !important;
  color: var(--clr-accent) !important;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  transition: gap 0.2s;
}

.post-card__readmore:hover {
  gap: 0.5rem;
}

/* Archive empty state */
.archive-posts + div[style*="text-align:center"] { padding: 4rem 0; }

/* Archive pagination */
.nav-links {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: center;
}

.page-numbers {
  font-family: 'Poppins', var(--ff-body);
  font-size: 0.85rem;
  font-weight: 500;
  padding: 0.5rem 0.9rem;
  border-radius: 8px;
  border: 1px solid var(--clr-rule);
  color: var(--clr-ink-mid);
  transition: all 0.2s;
}

.page-numbers:hover {
  border-color: var(--clr-accent);
  color: var(--clr-accent);
}

.page-numbers.current {
  background: var(--clr-accent);
  border-color: var(--clr-accent);
  color: #fff;
}

/* ============================================================
   FOOTER — Restore dark style
   ============================================================ */
.site-footer {
  background: #111 !important;
  color: #fff !important;
}

.site-footer .site-logo img,
.site-footer .site-logo .custom-logo {
  height: 40px !important;
  filter: brightness(0) invert(1) !important;
  width: auto !important;
}

/* ============================================================
   HERO — Ensure proper padding
   ============================================================ */
.hero {
  padding-top: clamp(4rem, 9vw, 7rem) !important;
  padding-bottom: clamp(3rem, 6vw, 5.5rem) !important;
}

/* ============================================================
   SECTION ICONS — Hide emoji icons from section headings
   ============================================================ */
.section-title i,
.section-title svg,
.badge-icon,
.pill-icon,
.section-title .emoji-icon {
  display: none !important;
}

/* ============================================================
   SECTION HEADERS — All-guides / archive buttons
   ============================================================ */
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2.25rem;
}

.section-button,
.all-guides-btn,
.all-reviews-btn,
.btn--outline-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.55rem 1.25rem !important;
  border-radius: 999px !important;
  border: 1.5px solid var(--clr-accent) !important;
  color: var(--clr-accent) !important;
  font-family: 'Poppins', var(--ff-body) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  background: transparent !important;
  transition: background 0.2s, color 0.2s !important;
  white-space: nowrap;
}

.section-button:hover,
.all-guides-btn:hover,
.all-reviews-btn:hover,
.btn--outline-pill:hover {
  background: var(--clr-accent) !important;
  color: #fff !important;
}

/* ============================================================
   BODY TYPOGRAPHY — Poppins for UI, MD Nichrome for display
   ============================================================ */
:root {
  --ff-ui: 'Poppins', 'DM Sans', system-ui, sans-serif;
  --ff-body: 'DM Sans', 'Poppins', system-ui, sans-serif;
  --ff-display: 'MD Nichrome', Georgia, serif;
}

/* Captions, meta, labels, badges use Poppins */
.post-header__meta,
.post-meta-bar,
.archive-card__footer,
.category-badge,
.post-card__meta,
.btn,
.post-card__readmore,
.sidebar-post__date {
  font-family: 'Poppins', var(--ff-body) !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 900px) {
  .archive-grid {
    grid-template-columns: 1fr;
  }
  .post-sidebar {
    position: static;
  }
  .archive-card {
    grid-template-columns: 1fr !important;
  }
  .archive-card__thumb {
    aspect-ratio: 16/9;
    min-height: unset;
  }
}


/* ============================================================
   ARCHIVE — Featured first post + sidebar cat links
   ============================================================ */

.archive-header {
  background: var(--clr-ink);
  color: #fff;
  padding-block: clamp(2.5rem, 6vw, 4.5rem);
  position: relative;
  overflow: hidden;
}

.archive-header::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 50% 100% at 90% 50%, rgba(232,101,26,0.15) 0%, transparent 60%);
  pointer-events: none;
}

.archive-header .container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
  position: relative;
}

.archive-header__label {
  display: block;
  font-family: 'Poppins', var(--ff-body);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--clr-accent);
  margin-bottom: 0.4rem;
}

.archive-header__title {
  font-family: var(--ff-display);
  font-size: clamp(1.8rem, 3.5vw, 3rem);
  color: #fff;
  font-weight: 700;
  line-height: 1.1;
}

.archive-header__desc {
  color: rgba(255,255,255,0.6);
  font-family: 'Poppins', var(--ff-body);
  font-size: 0.9rem;
  margin-top: 0.6rem;
  max-width: 50ch;
  line-height: 1.7;
}

.archive-header__count {
  font-family: 'Poppins', var(--ff-body);
  font-size: 0.8rem;
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  padding-bottom: 0.2rem;
}

/* Featured first card */
.archive-card--featured {
  grid-template-columns: 1fr !important;
  grid-template-rows: 280px auto;
  border-left: 3px solid var(--clr-accent) !important;
}

.archive-card--featured::before {
  display: none; /* no extra left bar on featured */
}

.archive-card--featured .archive-card__thumb {
  width: 100%;
  height: 280px;
  aspect-ratio: unset;
  min-height: unset;
}

.archive-card--featured .archive-card__body {
  padding: 2rem !important;
  gap: 0.75rem !important;
}

.archive-card__meta-top {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.archive-card__featured-label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: 'Poppins', var(--ff-body);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--clr-accent);
  background: var(--clr-accent-lt);
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
}

.archive-card__title--lg {
  font-size: 1.5rem !important;
  line-height: 1.25 !important;
}

.archive-card__title--lg a:hover {
  color: var(--clr-accent);
}

/* Archive pagination */
.archive-pagination {
  margin-top: 2.5rem;
}

/* Archive empty state */
.archive-empty {
  text-align: center;
  padding: 5rem 2rem;
}

.archive-empty__icon {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.archive-empty h2 {
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
}

.archive-empty p {
  color: var(--clr-ink-mid);
  font-size: 0.9rem;
  font-family: 'Poppins', var(--ff-body);
  margin-bottom: 1.5rem;
}

/* Sidebar category links */
.sidebar-cat-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.55rem 0;
  border-bottom: 1px solid var(--clr-rule);
  font-family: 'Poppins', var(--ff-body);
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--clr-ink);
  transition: color 0.18s;
}

.sidebar-cat-link:last-child {
  border-bottom: none;
}

.sidebar-cat-link:hover {
  color: var(--clr-accent);
}

.sidebar-cat-link--active {
  color: var(--clr-accent);
  font-weight: 700;
}

.sidebar-cat-count {
  font-size: 0.72rem;
  color: var(--clr-ink-muted);
  background: var(--clr-bg);
  border: 1px solid var(--clr-rule);
  border-radius: 999px;
  padding: 0.1rem 0.5rem;
}

@media (max-width: 900px) {
  .archive-card--featured {
    grid-template-columns: 1fr !important;
    grid-template-rows: 220px auto;
  }
  .archive-card--featured .archive-card__thumb {
    height: 220px;
  }
}


/* ============================================================
   HEADER v3.2 — Dark/black premium with orange accent
   ============================================================ */
/* ============================================================
   HEADER v3.3 — Dark premium, orange gradient accent, taller
   ============================================================ */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 200 !important;
  background: #0d0d0d !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(232,101,26,0.18) !important;
  box-shadow: none !important;
  transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
  padding: 0 !important;
}

/* Subtle orange gradient band at very top of header */
.site-header::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #E8651A 0%, #ff8c42 50%, #E8651A 100%) !important;
  opacity: 0.9 !important;
}

/* Radial orange glow on dark header */
.site-header::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 50% 200% at 15% 50%, rgba(232,101,26,0.08) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

.site-header.scrolled {
  box-shadow: 0 4px 40px rgba(0,0,0,0.55) !important;
  border-bottom-color: rgba(232,101,26,0.28) !important;
}

.site-header__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
  padding-block: 1.25rem !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Logo — white version on dark header */
.site-logo img,
.site-logo .custom-logo {
  height: 44px !important;
  width: auto !important;
  filter: brightness(0) invert(1) !important;
  object-fit: contain !important;
  display: block !important;
}

/* Fallback site name text if no logo image */
.site-logo {
  font-family: var(--ff-display) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: -0.02em !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  /* Always stays on the left — no centering */
  margin-right: 0 !important;
  order: 0 !important;
}

/* Nav — centered, white text */
.primary-nav {
  display: flex !important;
  align-items: center !important;
  gap: 0.1rem !important;
  flex: 1 !important;
  justify-content: center !important;
}

.primary-nav a {
  font-family: var(--ff-body) !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.72) !important;
  padding: 0.55rem 1.1rem !important;
  border-radius: 6px !important;
  letter-spacing: 0.015em !important;
  transition: color 0.2s, background 0.2s !important;
  white-space: nowrap !important;
  background: none !important;
}

.primary-nav a:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.07) !important;
}

.primary-nav a.current-menu-item {
  color: var(--clr-accent) !important;
  background: rgba(232,101,26,0.1) !important;
}

/* Search on dark header */
.header-search .search-form {
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 999px !important;
  padding: 0 6px 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s !important;
}

.header-search .search-form:focus-within {
  border-color: var(--clr-accent) !important;
  background: rgba(255,255,255,0.11) !important;
  box-shadow: 0 0 0 3px rgba(232,101,26,0.2) !important;
}

.header-search input[type="search"],
.header-search input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  font-family: var(--ff-body) !important;
  font-size: 0.875rem !important;
  color: #fff !important;
  width: 170px !important;
  padding: 9px 0 !important;
  min-width: unset !important;
}

.header-search input::placeholder { color: rgba(255,255,255,0.32) !important; }

.header-search button[type="submit"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--clr-accent) !important;
  border: none !important;
  border-radius: 999px !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  font-size: 0 !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
  flex-shrink: 0 !important;
}

.header-search button[type="submit"]::before {
  content: '' !important;
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.header-search button[type="submit"]:hover {
  background: var(--clr-accent-dk) !important;
}

/* Mobile nav toggle on dark bg */
.nav-toggle {
  background: none !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #fff !important;
  border-radius: 8px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  font-size: 1.25rem !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: background 0.2s, border-color 0.2s !important;
}

.nav-toggle:hover {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(232,101,26,0.5) !important;
}

@media (max-width: 900px) {
  .header-search { display: none !important; }

  .nav-toggle {
    display: flex !important;
  }

  /* Hidden by default on mobile */
  .primary-nav {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background: #111 !important;
    border-bottom: 2px solid rgba(232,101,26,0.25) !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.6) !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0.5rem 0.75rem 1rem !important;
    gap: 0.2rem !important;
    z-index: 999 !important;
  }

  /* Show only when toggled open */
  .primary-nav.is-open {
    display: flex !important;
  }

  .primary-nav a {
    padding: 0.8rem 1rem !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  }

  .primary-nav a:last-child {
    border-bottom: none !important;
  }
}

/* ============================================================
   HERO v3.3 — Dark bg, matches header, orange gradient, tight
   ============================================================ */
.hero {
  background: #0d0d0d !important;
  color: #fff !important;
  padding-block: clamp(3.5rem, 7vw, 5.5rem) clamp(3rem, 6vw, 5rem) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Reintroduce orange radial gradient on dark hero */
.hero::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(ellipse 55% 90% at 92% 50%, rgba(232,101,26,0.2) 0%, transparent 60%),
    radial-gradient(ellipse 30% 50% at 8% 80%, rgba(232,101,26,0.1) 0%, transparent 55%) !important;
  pointer-events: none !important;
}

/* Subtle dot texture */
.hero::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: radial-gradient(rgba(255,255,255,0.018) 1px, transparent 1px) !important;
  background-size: 26px 26px !important;
  pointer-events: none !important;
}

.hero__grid {
  position: relative !important;
  z-index: 1 !important;
  gap: clamp(2rem, 4vw, 4rem) !important;
  align-items: center !important;
}

.hero__eyebrow {
  color: var(--clr-accent) !important;
  background: rgba(232,101,26,0.14) !important;
  border-color: rgba(232,101,26,0.3) !important;
  margin-bottom: 1.4rem !important;
}

.hero__title {
  color: #fff !important;
  margin-bottom: 1.25rem !important;
}

.hero__title em {
  color: var(--clr-accent) !important;
  font-style: normal !important;
}

.hero__desc {
  color: rgba(255,255,255,0.65) !important;
  margin-bottom: 2rem !important;
  font-size: 1.1rem !important;
}

.hero__actions {
  margin-bottom: 2.5rem !important;
  gap: 1rem !important;
}

/* Stats on dark bg */
.hero__stats {
  margin-top: 2.5rem !important;
  padding-top: 2rem !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  gap: 2.5rem !important;
}

.hero__stat-num {
  color: #fff !important;
  font-size: 1.75rem !important;
}

.hero__stat-label {
  color: rgba(255,255,255,0.45) !important;
}

/* Hero feature card on dark bg — dark card */
.hero__feature-card {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.4) !important;
}

.hero__feature-card:hover {
  border-color: rgba(232,101,26,0.45) !important;
  box-shadow: 0 16px 60px rgba(0,0,0,0.5) !important;
}

/* Feature thumbnail: shorter aspect ratio */
.hero__feature-thumb {
  aspect-ratio: 16/6 !important;
}

.hero__feature-body {
  padding: 1.1rem 1.4rem !important;
}

.hero__card-tag {
  color: var(--clr-accent) !important;
  margin-bottom: 0.4rem !important;
}

.hero__card-title {
  color: #fff !important;
  font-size: 0.975rem !important;
}

.hero__card-meta {
  color: rgba(255,255,255,0.38) !important;
}.hero__card-meta {
  color: var(--clr-ink-muted) !important;
}

/* ============================================================
   SECTION TITLES — Remove emoji icons
   ============================================================ */
/* Handled in PHP — no emoji in titles now */

/* Pill outline button used on all sections */
.btn-pill-outline {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.55rem 1.25rem;
  border-radius: 999px;
  border: 1.5px solid var(--clr-accent);
  color: var(--clr-accent);
  font-family: 'Poppins', var(--ff-body);
  font-size: 0.8rem;
  font-weight: 600;
  background: transparent;
  transition: background 0.2s, color 0.2s;
  white-space: nowrap;
  text-decoration: none;
}

.btn-pill-outline:hover {
  background: var(--clr-accent);
  color: #fff;
}

/* Light variant for dark sections */
.btn-pill-outline--light {
  border-color: rgba(255,255,255,0.4);
  color: rgba(255,255,255,0.85);
}

.btn-pill-outline--light:hover {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.6);
  color: #fff;
}

/* ============================================================
   COMPACT CARD — for automations section
   ============================================================ */
.compact-posts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.compact-card {
  background: var(--clr-surface);
  border-radius: var(--radius-md);
  border: 1px solid var(--clr-rule);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.22s, box-shadow 0.22s;
}

.compact-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-hover);
}

.compact-card__thumb {
  display: block;
  aspect-ratio: 16/8;
  background: #e2e0d8;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}

.compact-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s;
}

.compact-card:hover .compact-card__thumb img {
  transform: scale(1.05);
}

.compact-card__body {
  padding: 1.2rem 1.35rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
}

.compact-card__title {
  font-family: var(--ff-display);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--clr-ink);
}

.compact-card__title a { transition: color 0.18s; }
.compact-card__title a:hover { color: var(--clr-accent); }

.compact-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Poppins', var(--ff-body);
  font-size: 0.75rem;
  color: var(--clr-ink-muted);
  padding-top: 0.6rem;
  border-top: 1px solid var(--clr-rule);
  margin-top: auto;
}

/* ============================================================
   RELATED POSTS SECTION — Below single post
   ============================================================ */
.related-posts-section {
  background: var(--clr-bg);
  border-top: 1px solid var(--clr-rule);
  padding-block: clamp(3rem, 6vw, 5rem);
}

.related-posts__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.related-posts__label {
  display: block;
  font-family: 'Poppins', var(--ff-body);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--clr-accent);
  margin-bottom: 0.35rem;
}

.related-posts__title {
  font-family: var(--ff-display);
  font-size: clamp(1.4rem, 2.5vw, 1.9rem);
  font-weight: 700;
  color: var(--clr-ink);
  line-height: 1.15;
}

.related-posts__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.75rem;
}

.related-post-card {
  background: var(--clr-surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--clr-rule);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s;
}

.related-post-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
  border-color: rgba(232,101,26,0.2);
}

.related-post-card__thumb {
  display: block;
  aspect-ratio: 16/9;
  background: #e2e0d8;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
}

.related-post-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s;
}

.related-post-card:hover .related-post-card__thumb img {
  transform: scale(1.05);
}

.related-post-card__body {
  padding: 1.4rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  flex: 1;
}

.related-post-card__title {
  font-family: var(--ff-display);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--clr-ink);
  flex: 1;
}

.related-post-card__title a { transition: color 0.18s; }
.related-post-card__title a:hover { color: var(--clr-accent); }

.related-post-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Poppins', var(--ff-body);
  font-size: 0.75rem;
  color: var(--clr-ink-muted);
  padding-top: 0.75rem;
  border-top: 1px solid var(--clr-rule);
  margin-top: auto;
}

/* ============================================================
   HP SECTION spacing
   ============================================================ */
.hp-section {
  padding-block: clamp(3rem, 6vw, 5rem);
}

/* Empty state */
.section-empty {
  color: var(--clr-ink-muted);
  font-size: 0.9rem;
  font-family: 'Poppins', var(--ff-body);
}

/* ============================================================
   RESPONSIVE — related posts + compact grid
   ============================================================ */
@media (max-width: 900px) {
  .related-posts__grid {
    grid-template-columns: 1fr 1fr;
  }
  .compact-posts-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .related-posts__grid {
    grid-template-columns: 1fr;
  }
  .compact-posts-grid {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   PREMIUM POLISH — spacing, typography, overall balance
   ============================================================ */

/* Better body line-height and letter-spacing for readability */
body {
  font-size: 1.05rem;
  line-height: 1.85;
}

/* Section padding increase for breathing room */
:root {
  --section-pad: clamp(5.5rem, 10vw, 9rem);
}

/* About section — more vertical breathing */
.about-section .about-content__bio {
  margin-bottom: 1.25rem;
}
.about-section .about-content__bio + .about-content__bio {
  margin-top: 0;
}

/* Post card body — more generous padding */
.post-card__body {
  padding: clamp(1.6rem, 2.8vw, 2.25rem);
  gap: 1rem;
}

/* Hero actions — more spacing between buttons */
.hero__actions {
  gap: 1.1rem;
  margin-bottom: 3rem;
}

/* Hero eyebrow — tighter letter spacing, softer */
.hero__eyebrow {
  letter-spacing: 0.1em;
  font-weight: 600;
  font-size: 0.75rem;
}

/* Section header label — balanced spacing */
.section-header__label {
  letter-spacing: 0.12em;
  font-size: 0.73rem;
  margin-bottom: 0.5rem;
}

/* Section title — slightly more relaxed weight */
.section-title {
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

/* Hero feature thumb - make it less tall */
.hero__feature-thumb {
  aspect-ratio: 16/8 !important;
}

/* Nav — slightly more generous spacing between links */
.primary-nav {
  gap: 0.15rem !important;
}

/* "Read" button in compact card meta too */
.compact-card__meta .post-card__readmore {
  color: var(--clr-accent);
  font-weight: 600;
  font-size: 0.8rem;
}

/* Footer — more top padding */
.site-footer {
  padding-top: clamp(4rem, 7vw, 6rem) !important;
}

/* Search input better placeholder */
.header-search input[type="search"],
.header-search input {
  letter-spacing: 0.005em !important;
}

/* Logo fallback sizing on dark header */
.site-header .site-logo img {
  height: 38px !important;
}

/* ============================================================
   MOBILE HEADER OVERRIDES — logo left, hamburger right
   ============================================================ */

/* On ALL screen sizes: logo left, nav center, search+toggle right */
.site-header__inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

/* Mobile: logo left, hamburger right, nav hidden until toggled */
@media (max-width: 900px) {
  .site-header__inner {
    gap: 0 !important;
    padding-block: 1rem !important;
  }

  /* Logo stays left */
  .site-logo {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    margin-right: auto !important;
    order: 1 !important;
  }

  /* Toggle button — far right */
  .nav-toggle {
    order: 3 !important;
    display: flex !important;
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0 !important;
    margin-left: 0.75rem !important;
  }

  /* Search — hidden on mobile */
  .header-search {
    display: none !important;
  }

  /* Desktop nav — hidden by default */
  .primary-nav {
    display: none !important;
    order: 2 !important;
    /* Dropdown: full width, from top of header */
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(10,10,10,0.97) !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    padding: 3rem 2rem !important;
    gap: 0.35rem !important;
    z-index: 9999 !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  .primary-nav.is-open {
    display: flex !important;
  }

  .primary-nav a {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    padding: 1rem 1.25rem !important;
    border-radius: 10px !important;
    color: rgba(255,255,255,0.85) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    display: block !important;
    width: 100% !important;
    letter-spacing: 0.01em !important;
  }

  .primary-nav a:last-child {
    border-bottom: none !important;
  }

  .primary-nav a:hover,
  .primary-nav a.current-menu-item {
    background: rgba(232,101,26,0.12) !important;
    color: var(--clr-accent) !important;
  }
}

/* When nav is open — fix toggle on top of overlay */
@media (max-width: 900px) {
  .primary-nav.is-open ~ .nav-toggle,
  .nav-toggle[aria-expanded="true"] {
    position: relative !important;
    z-index: 10000 !important;
  }
}

/* Tablet: show nav inline, hide toggle */
@media (min-width: 901px) {
  .nav-toggle {
    display: none !important;
  }
  .primary-nav {
    display: flex !important;
  }
}

/* ============================================================
   v12 FINAL OVERRIDES — All changes consolidated
   ============================================================ */

/* ── 1. FONTS: Poppins = headlines, MD Nichrome = body ────── */
/* Import Poppins via functions.php wp_enqueue — fallback here */
h1, h2, h3, h4, h5, h6,
.hero__title,
.hero__feature-title,
.section-title,
.post-card__title,
.archive-card__title,
.archive-header__title,
.page-header h1,
.post-title,
.sidebar-widget h3 {
  font-family: 'Poppins', Georgia, sans-serif !important;
  letter-spacing: -0.02em;
}

body, p, li, td, th, blockquote, label, input, textarea, select {
  font-family: 'MD Nichrome', Georgia, serif !important;
}

/* Nav links — Poppins as UI font */
.primary-nav a {
  font-family: 'Poppins', Georgia, sans-serif !important;
}

/* ── 2. STICKY BLACK HEADER — stays black always ─────────── */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 300 !important;
  background: #0d0d0d !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Never go transparent on hover or scroll */
.site-header:hover,
.site-header.scrolled,
.site-header:focus-within {
  background: #0d0d0d !important;
  box-shadow: 0 4px 32px rgba(0,0,0,0.65) !important;
}

/* Topbar — even darker strip for date/time */
.header-topbar {
  background: #070707 !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  padding-block: 0.3rem !important;
}
.header-topbar__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
.header-datetime {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.38) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* ── 3. FEATURE IMAGE — smaller height ────────────────────── */
.hero__feature-thumb {
  aspect-ratio: 16/6 !important;
  max-height: 180px !important;
}

/* Hero right-side cards — tighter image */
.hero__feature-card .hero__feature-thumb {
  aspect-ratio: 16/7 !important;
  max-height: 160px !important;
}

/* ── 4. SEARCH BUTTON — arrow icon, no text ───────────────── */
.header-search button[type="submit"] {
  font-size: 0 !important;
  width: 36px !important;
  height: 36px !important;
  background: var(--clr-accent) !important;
  border: none !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: background 0.2s !important;
  padding: 0 !important;
}

.header-search button[type="submit"]::before {
  content: '' !important;
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* Hide any "Search" text inside the button */
.header-search button[type="submit"] .screen-reader-text,
.header-search button[type="submit"] span {
  display: none !important;
}

/* Search input — white text on dark bg */
.header-search input[type="search"],
.header-search input[type="text"],
.header-search input {
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.85rem !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  width: 160px !important;
  padding: 9px 0 !important;
}
.header-search input::placeholder {
  color: rgba(255,255,255,0.35) !important;
}
.header-search .search-form {
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  border-radius: 999px !important;
}
.header-search .search-form:focus-within {
  background: rgba(255,255,255,0.11) !important;
  border-color: var(--clr-accent) !important;
  box-shadow: 0 0 0 3px rgba(232,101,26,0.18) !important;
}

/* ── 5. ARCHIVE — alternating horizontal + vertical pairs ─── */

/* The archive-posts wrapper becomes a vertical stack */
.archive-posts {
  display: flex !important;
  flex-direction: column !important;
  gap: 2rem !important;
}

/* Each pair: side-by-side, one horizontal + one vertical */
.archive-posts-pair {
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: 1.5rem !important;
  align-items: stretch !important;
}

/* Cards inside a pair — stacked (image top, body below) */
.archive-posts-pair .archive-card {
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr !important;
  height: 100% !important;
}

/* Left (horizontal) card: image takes ~42% height */
.archive-posts-pair .archive-card.archive-card--horizontal {
  grid-template-columns: 1fr !important;
}
.archive-posts-pair .archive-card.archive-card--horizontal .archive-card__thumb {
  aspect-ratio: 16/9 !important;
  min-height: unset !important;
  max-height: 210px !important;
}

/* Right (vertical) card: taller image for visual contrast */
.archive-posts-pair .archive-card.archive-card--vertical {
  grid-template-columns: 1fr !important;
}
.archive-posts-pair .archive-card.archive-card--vertical .archive-card__thumb {
  aspect-ratio: 4/3 !important;
  min-height: unset !important;
  max-height: 240px !important;
}

/* Featured card — stays full width, horizontal */
.archive-card--featured {
  grid-template-columns: 340px 1fr !important;
  grid-template-rows: auto !important;
}
.archive-card--featured .archive-card__thumb {
  aspect-ratio: unset !important;
  min-height: 260px !important;
  max-height: none !important;
}

/* Responsive: stack pairs on tablet */
@media (max-width: 860px) {
  .archive-posts-pair {
    grid-template-columns: 1fr !important;
  }
  .archive-card--featured {
    grid-template-columns: 1fr !important;
    grid-template-rows: 220px auto !important;
  }
}

/* ── 6. TOPBAR hidden on mobile to save space ─────────────── */
@media (max-width: 640px) {
  .header-topbar {
    display: none !important;
  }
}


/* ============================================================
   v12.1 HOME PAGE + GLOBAL FIXES
   ============================================================ */

/* ── GLOBAL BODY FONT: MD Nichrome, bigger, letter-spaced ── */
body {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-size: 1.15rem !important;
  line-height: 1.9 !important;
  letter-spacing: 0.015em !important;
}

p, li, td, th, blockquote,
.post-card__excerpt,
.archive-card__excerpt,
.about-content__bio,
.gear-card__desc,
.compact-card__title,
.hero__desc,
.newsletter-strip p,
.footer-brand p {
  font-family: 'MD Nichrome', Georgia, serif !important;
  letter-spacing: 0.01em !important;
}

/* Body text 2px bigger throughout */
p { font-size: 1.15rem !important; }
.post-card__excerpt { font-size: 1rem !important; }
.archive-card__excerpt { font-size: 1rem !important; }

/* ── HEADER: remove date/time topbar "not looking good" text
   (topbar is already coded correctly — just ensure it looks clean) */
.header-topbar {
  display: flex !important;
}

/* ── SEARCH BOX: smaller width, search icon only, no "Search" tab ── */
.header-search {
  flex-shrink: 0 !important;
}
.header-search input[type="search"],
.header-search input {
  width: 130px !important;
  font-size: 0.82rem !important;
}

/* Hide any visible "Search" text label/button text completely */
.header-search .search-submit,
.header-search button[type="submit"] {
  /* text already hidden via font-size:0 from previous override */
  font-size: 0 !important;
}

/* ── HERO FEATURE CARD: make it look like a proper card box ── */
.hero__visual {
  display: flex !important;
  align-items: stretch !important;
}

.hero__feature-card {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 480px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.4) !important;
}

/* Hero feature image: shorter aspect ratio */
.hero__feature-thumb {
  display: block !important;
  aspect-ratio: 16/7 !important;
  max-height: 200px !important;
  overflow: hidden !important;
  width: 100% !important;
}
.hero__feature-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.hero__feature-body {
  padding: 1.4rem 1.6rem !important;
  flex: 1 !important;
}

/* ── TROUBLESHOOTING CARDS: reduce image height ── */
.post-card__thumb {
  aspect-ratio: 16/8 !important;
  max-height: 200px !important;
}
.post-card--featured .post-card__thumb {
  aspect-ratio: 4/3 !important;
  max-height: 260px !important;
}

/* Posts grid: tighter layout */
.posts-grid--featured {
  grid-template-columns: 1.4fr 1fr 1fr !important;
  gap: 1.5rem !important;
  align-items: start !important;
}

/* ── ABOUT SECTION: spacing & font size ── */
.about-content__bio {
  font-size: 1.08rem !important;
  line-height: 1.9 !important;
  margin-bottom: 1.2rem !important;
  color: var(--clr-ink-mid) !important;
}

.about-content__quote {
  font-size: 1.05rem !important;
  line-height: 1.85 !important;
}

/* ── NEWSLETTER: visible text, white color, bigger font ── */
.newsletter-strip p {
  font-size: 1.1rem !important;
  color: rgba(255,255,255,0.75) !important;
  letter-spacing: 0.012em !important;
}
.newsletter-strip h2 {
  color: #ffffff !important;
  font-size: clamp(1.8rem, 3vw, 2.6rem) !important;
}

/* Newsletter input — add internal padding + visible placeholder */
.newsletter-form input[type="email"] {
  padding: 1rem 1.4rem !important;
  font-size: 1rem !important;
  letter-spacing: 0.01em !important;
  color: #fff !important;
  background: rgba(255,255,255,0.12) !important;
}
.newsletter-form input::placeholder {
  color: rgba(255,255,255,0.55) !important;
  font-size: 0.95rem !important;
}

/* ── FOOTER: white visible text, bigger, letter-spaced ── */
.footer-brand p {
  color: rgba(255,255,255,0.65) !important;
  font-size: 0.98rem !important;
  line-height: 1.85 !important;
  letter-spacing: 0.012em !important;
}

.footer-col a {
  color: rgba(255,255,255,0.65) !important;
  font-size: 0.95rem !important;
  padding-block: 0.45rem !important;
  letter-spacing: 0.01em !important;
}
.footer-col a:hover { color: #fff !important; }

.footer-col h4 {
  color: rgba(255,255,255,0.5) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.16em !important;
  margin-bottom: 1.5rem !important;
}

.footer-bottom {
  color: rgba(255,255,255,0.45) !important;
  font-size: 0.87rem !important;
  letter-spacing: 0.01em !important;
}
.footer-bottom a {
  color: rgba(255,255,255,0.55) !important;
}
.footer-bottom span {
  color: rgba(255,255,255,0.45) !important;
}

/* ── COMPACT CARDS (archive pairs): fix image height ── */
.archive-posts-pair .archive-card__thumb {
  max-height: 220px !important;
}
.archive-card--featured .archive-card__thumb {
  min-height: 220px !important;
  max-height: 280px !important;
}

/* Ensure body text everywhere uses MD Nichrome */
.post-content p,
.post-content li,
.single-post .post-content p,
.page-body p,
.page-body li {
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 1.05rem !important;
  line-height: 1.88 !important;
  letter-spacing: 0.01em !important;
  color: #222 !important;
}


/* ============================================================
   CONTACT PAGE — Full form with sidebar
   ============================================================ */

/* Hero banner */
.contact-hero {
  background: #0d0d0d;
  color: #fff;
  padding-block: clamp(3.5rem, 7vw, 6rem);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.contact-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 120% at 50% -20%, rgba(232,101,26,0.18) 0%, transparent 65%);
  pointer-events: none;
}
.contact-hero__label {
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--clr-accent);
  background: rgba(232,101,26,0.12);
  border: 1px solid rgba(232,101,26,0.28);
  border-radius: 999px;
  padding: 0.3rem 1.1rem;
  margin-bottom: 1.25rem;
  position: relative;
}
.contact-hero__title {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(2.4rem, 5vw, 4rem);
  font-weight: 800;
  color: #fff;
  margin-bottom: 1rem;
  letter-spacing: -0.025em;
  position: relative;
}
.contact-hero__sub {
  font-family: 'MD Nichrome', serif;
  font-size: 1.15rem;
  color: rgba(255,255,255,0.62);
  max-width: 48ch;
  margin-inline: auto;
  position: relative;
  letter-spacing: 0.012em;
}

/* Layout: info sidebar + form */
.contact-section {
  padding-block: clamp(3.5rem, 7vw, 6rem);
  background: var(--clr-bg);
}

.contact-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: clamp(2.5rem, 5vw, 5rem);
  align-items: start;
}

/* Info cards */
.contact-info {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.contact-info__card {
  background: var(--clr-surface);
  border: 1px solid var(--clr-rule);
  border-radius: var(--radius-lg);
  padding: 1.5rem 1.6rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.contact-info__card:hover {
  border-color: rgba(232,101,26,0.3);
  box-shadow: var(--shadow-card);
}
.contact-info__icon {
  font-size: 1.6rem;
  margin-bottom: 0.65rem;
  line-height: 1;
}
.contact-info__card h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--clr-ink);
  margin-bottom: 0.4rem;
  letter-spacing: -0.01em;
}
.contact-info__card p {
  font-family: 'MD Nichrome', serif;
  font-size: 0.9rem !important;
  color: var(--clr-ink-mid);
  line-height: 1.7;
  margin: 0;
  letter-spacing: 0.01em;
}

/* Form wrapper */
.contact-form-wrap {
  background: var(--clr-surface);
  border: 1px solid var(--clr-rule);
  border-radius: var(--radius-xl);
  padding: clamp(2rem, 4vw, 3.5rem);
  box-shadow: var(--shadow-card);
}

/* Form groups */
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.cf-row {
  display: grid;
  gap: 1.5rem;
}
.cf-row--2col {
  grid-template-columns: 1fr 1fr;
}

.cf-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.cf-label {
  font-family: 'Poppins', sans-serif;
  font-size: 0.83rem;
  font-weight: 600;
  color: var(--clr-ink);
  letter-spacing: 0.01em;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.cf-required {
  color: var(--clr-accent);
  font-weight: 700;
  font-size: 0.95em;
}

.cf-input {
  font-family: 'MD Nichrome', serif;
  font-size: 1rem;
  color: var(--clr-ink);
  background: var(--clr-bg);
  border: 1.5px solid var(--clr-rule);
  border-radius: var(--radius-md);
  padding: 0.85rem 1.1rem;
  width: 100%;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
  letter-spacing: 0.01em;
  line-height: 1.6;
  appearance: none;
  -webkit-appearance: none;
}
.cf-input:focus {
  border-color: var(--clr-accent);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(232,101,26,0.12);
}
.cf-input::placeholder {
  color: var(--clr-ink-muted);
  font-size: 0.93rem;
}

/* Select dropdown */
.cf-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px;
  padding-right: 2.8rem;
  cursor: pointer;
}

/* Textarea */
.cf-textarea {
  resize: vertical;
  min-height: 160px;
  line-height: 1.75;
}

/* Checkbox */
.cf-group--checkbox {
  flex-direction: row;
  align-items: flex-start;
  gap: 0;
}
.cf-checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  cursor: pointer;
  user-select: none;
}
.cf-checkbox {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.cf-checkbox-custom {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 2px solid var(--clr-rule);
  border-radius: 5px;
  background: var(--clr-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s, background 0.2s;
  margin-top: 2px;
}
.cf-checkbox:checked + .cf-checkbox-custom {
  background: var(--clr-accent);
  border-color: var(--clr-accent);
}
.cf-checkbox:checked + .cf-checkbox-custom::after {
  content: '';
  display: block;
  width: 5px;
  height: 9px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg) translateY(-1px);
}
.cf-checkbox:focus-visible + .cf-checkbox-custom {
  box-shadow: 0 0 0 3px rgba(232,101,26,0.2);
}
.cf-checkbox-text {
  font-family: 'MD Nichrome', serif;
  font-size: 0.9rem;
  color: var(--clr-ink-mid);
  line-height: 1.65;
  letter-spacing: 0.01em;
}
.cf-checkbox-text a {
  color: var(--clr-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Required note */
.cf-required-note {
  font-family: 'MD Nichrome', serif;
  font-size: 0.82rem !important;
  color: var(--clr-ink-muted);
  margin: 0;
  letter-spacing: 0.01em;
}

/* Submit button */
.cf-submit {
  padding-top: 0.5rem;
}
.btn--lg {
  padding: 1rem 2.2rem !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.01em;
}

/* Success state */
.contact-success {
  text-align: center;
  padding: 3rem 2rem;
}
.contact-success__icon {
  font-size: 3rem;
  margin-bottom: 1.25rem;
}
.contact-success h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: var(--clr-ink);
  margin-bottom: 0.85rem;
}
.contact-success p {
  font-family: 'MD Nichrome', serif;
  font-size: 1.05rem;
  color: var(--clr-ink-mid);
  margin-bottom: 2rem;
  max-width: 46ch;
  margin-inline: auto;
  line-height: 1.8;
}

/* Error alert */
.contact-error {
  background: #fff3f3;
  border: 1px solid #f5c6c6;
  border-left: 4px solid #e55353;
  border-radius: var(--radius-md);
  padding: 1rem 1.25rem;
  font-family: 'MD Nichrome', serif;
  font-size: 0.95rem;
  color: #c0392b;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

/* Responsive */
@media (max-width: 860px) {
  .contact-layout {
    grid-template-columns: 1fr;
  }
  .contact-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .cf-row--2col {
    grid-template-columns: 1fr;
  }
  .contact-info {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   v12.2 — ORANGE THEME + INFRA FONT + NAV HOVER FIX
   ============================================================ */

/* ── 1. MD Nichrome Infra @font-face ───────────────────────── */
@font-face {
  font-family: 'MD Nichrome Infra';
  src: url('fonts/MDNichromeTest-Infra.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD Nichrome Infra';
  src: url('fonts/MDNichromeTest-InfraOblique.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* ── 2. BODY FONT = MD Nichrome Infra everywhere ───────────── */
body,
p, li, td, th, input, textarea, select, label,
.post-card__excerpt,
.archive-card__excerpt,
.hero__desc,
.about-content__bio,
.gear-card__desc,
.newsletter-strip p,
.footer-brand p,
.cf-input,
.cf-checkbox-text,
.cf-required-note,
.contact-info__card p,
.contact-hero__sub,
blockquote {
  font-family: 'MD Nichrome Infra', 'MD Nichrome', Georgia, serif !important;
}

/* Token update */
:root {
  --ff-body: 'MD Nichrome Infra', 'MD Nichrome', Georgia, serif;
}

/* ── 3. NAV HOVER = ORANGE (not dark grey) ─────────────────── */
.primary-nav a:hover,
.primary-nav a.current-menu-item,
.primary-nav a:focus-visible {
  color: var(--clr-accent) !important;
  background: rgba(232, 101, 26, 0.12) !important;
}

/* ── 4. OVERALL ORANGE FEEL — lighter bg, warm tints ──────── */

/* Page background: warm cream-white instead of cold grey */
:root {
  --clr-bg:      #FDF6EE !important;   /* warm orange-tinted cream */
  --clr-surface: #FFFBF6 !important;   /* warm white cards */
  --clr-rule:    #F0DEC8 !important;   /* warm orange-tinted divider */
  --clr-badge-bg: #FFF0E0 !important;
}

body {
  background: #FDF6EE !important;
}

/* Section backgrounds: warm not cold */
.hp-section {
  background: #FDF6EE !important;
}
.about-section {
  background: #FFF8F0 !important;
}

/* Post cards: warm surface */
.post-card,
.archive-card,
.gear-card,
.compact-card,
.sidebar-widget,
.contact-form-wrap,
.contact-info__card {
  background: #FFFBF6 !important;
  border-color: #F0DEC8 !important;
}

/* Section header labels: orange */
.section-header__label,
.archive-header__label,
.contact-hero__label,
.about-content__eyebrow,
.hero__eyebrow {
  color: var(--clr-accent) !important;
}

/* Accent rule under section titles */
.section-title::after {
  display: none; /* remove if present */
}

/* Troubleshooting section: warm orange tint bg */
#fix-it-guides {
  background: linear-gradient(180deg, #FDF6EE 0%, #FFF3E6 100%) !important;
}

/* About section: warm */
.about-section {
  background: linear-gradient(180deg, #FFF8F0 0%, #FFF3E6 100%) !important;
}

/* Hero: keep dark but with stronger orange glow */
.hero {
  background: #0d0d0d !important;
}
.hero::before {
  background:
    radial-gradient(ellipse 65% 90% at 85% 40%, rgba(232,101,26,0.32) 0%, transparent 65%),
    radial-gradient(ellipse 40% 60% at 5% 90%, rgba(232,101,26,0.18) 0%, transparent 55%) !important;
}

/* Gear section: rich dark with orange warmth */
.gear-section {
  background: linear-gradient(160deg, #1a0d00 0%, #0d0d0d 60%) !important;
}

/* Newsletter: dark orange gradient */
.newsletter-strip {
  background: linear-gradient(145deg, #1c0a00 0%, #2a1200 40%, #0d0d0d 100%) !important;
}
.newsletter-strip::before {
  background: radial-gradient(ellipse 70% 120% at 50% -10%, rgba(232,101,26,0.28) 0%, transparent 65%) !important;
}

/* Footer: warm dark, not pure black */
.site-footer {
  background: linear-gradient(170deg, #180900 0%, #0f0500 100%) !important;
}

/* Archive header: warm dark */
.archive-header {
  background: linear-gradient(135deg, #1a0800 0%, #0d0d0d 70%) !important;
}

/* Page headers: orange warmth */
.page-header {
  background: linear-gradient(135deg, #1c0900 0%, #0d0d0d 70%) !important;
}

/* Contact hero: same orange-dark */
.contact-hero {
  background: linear-gradient(145deg, #1c0a00 0%, #0d0d0d 70%) !important;
}
.contact-hero::before {
  background: radial-gradient(ellipse 80% 140% at 50% -20%, rgba(232,101,26,0.22) 0%, transparent 60%) !important;
}

/* Sidebar: warm surface */
.post-sidebar {
  background: transparent !important;
}
.sidebar-widget {
  background: #FFFBF6 !important;
  border-color: #F0DEC8 !important;
}

/* Input focus ring: orange */
.cf-input:focus {
  border-color: var(--clr-accent) !important;
  box-shadow: 0 0 0 3px rgba(232,101,26,0.15) !important;
}

/* Header search focus: orange ring */
.header-search .search-form:focus-within {
  border-color: var(--clr-accent) !important;
  box-shadow: 0 0 0 3px rgba(232,101,26,0.22) !important;
}

/* Orange underline accent on post card hover */
.post-card:hover {
  border-color: rgba(232,101,26,0.25) !important;
}
.archive-card:hover {
  border-color: rgba(232,101,26,0.25) !important;
}

/* Orange tinted scrollbar (webkit) */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #FDF6EE; }
::-webkit-scrollbar-thumb { background: rgba(232,101,26,0.45); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--clr-accent); }

/* Hero stats bar: warm orange tint */
.hero__stats {
  border-top: 1px solid rgba(232,101,26,0.2) !important;
}
.hero__stat-num {
  color: var(--clr-accent) !important;
}

/* Buttons: richer orange */
.btn--primary {
  background: var(--clr-accent) !important;
  box-shadow: 0 4px 20px rgba(232,101,26,0.35) !important;
}
.btn--primary:hover {
  background: var(--clr-accent-dk) !important;
  box-shadow: 0 6px 28px rgba(232,101,26,0.45) !important;
}

/* Archive featured label */
.archive-card__featured-label {
  color: var(--clr-accent) !important;
  background: rgba(232,101,26,0.1) !important;
  border-color: rgba(232,101,26,0.25) !important;
}

/* Warm border accent on section dividers */
.section-header {
  border-bottom: none !important;
}

/* Post card meta border: warm */
.post-card__meta {
  border-top-color: #F0DEC8 !important;
}

/* Reading progress: orange gradient */
.reading-progress {
  background: linear-gradient(90deg, #E8651A, #ff9a4a) !important;
}


/* ============================================================
   v12.3 — BODY FONT: MD Nichrome Regular (readable)
   Regular for body text, Light for UI/meta, Bold for headings
   ============================================================ */

/* Update body font token */
:root {
  --ff-body: 'MD Nichrome', Georgia, serif;
}

/* ── BODY TEXT: Regular weight — optimal reading ─────────── */
body {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.1rem !important;
  line-height: 1.88 !important;
  letter-spacing: 0.008em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Paragraphs and main reading content */
p,
.post-card__excerpt,
.archive-card__excerpt,
.hero__desc,
.about-content__bio,
.gear-card__desc,
.contact-hero__sub,
.post-content p,
.page-body p,
blockquote {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.1rem !important;
  line-height: 1.88 !important;
  letter-spacing: 0.008em !important;
}

/* List items */
li {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.05rem !important;
  line-height: 1.85 !important;
}

/* ── UI / META text: Light weight — airy, supports heavy headings ── */
.post-card__meta,
.archive-card__footer,
.compact-card__meta,
.sidebar-post__date,
.post-card__category,
.archive-card__meta-top,
.hero__card-meta,
.hero__card-tag,
.hero__stat-label,
.footer-brand p,
.footer-col a,
.footer-bottom,
.cf-required-note,
.contact-info__card p,
.newsletter-strip p,
.section-header__label,
time, small {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 300 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.02em !important;
}

/* Footer body text slightly larger */
.footer-brand p { font-size: 0.96rem !important; line-height: 1.85 !important; }
.newsletter-strip p { font-size: 1.08rem !important; font-weight: 400 !important; }

/* ── INPUTS: Regular weight for comfortable typing ─────── */
input, textarea, select, .cf-input {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.008em !important;
}

/* ── HEADINGS stay Poppins as set before ─────────────────── */
h1, h2, h3, h4, h5, h6,
.hero__title,
.section-title,
.post-card__title,
.archive-card__title,
.page-header h1,
.post-title,
.about-content__title,
.contact-hero__title,
.contact-success h2 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.022em !important;
  line-height: 1.15 !important;
}

/* Nav links: Poppins medium — clean and scannable */
.primary-nav a,
.footer-col h4,
.cf-label,
.btn {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
}


/* ============================================================
   v12.4 — SHARE BLOCK + AUTHOR BOX + TAGS + SIDEBAR CLEANUP
   ============================================================ */

/* ── Post Tags ───────────────────────────────────────────── */
.post-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-top: 2.5rem;
  padding-top: 1.75rem;
  border-top: 1px solid var(--clr-rule);
}
.post-tags__label {
  font-family: 'Poppins', sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--clr-ink-muted);
  margin-right: 0.2rem;
}
.post-tag {
  font-family: 'MD Nichrome', serif;
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--clr-ink-mid);
  background: var(--clr-bg);
  border: 1px solid var(--clr-rule);
  border-radius: 999px;
  padding: 0.28rem 0.8rem;
  transition: border-color 0.18s, color 0.18s, background 0.18s;
}
.post-tag:hover {
  border-color: var(--clr-accent);
  color: var(--clr-accent);
  background: rgba(232,101,26,0.05);
}

/* ── SHARE BLOCK ─────────────────────────────────────────── */
.post-share-block {
  position: relative;
  margin-top: 3rem;
  background: linear-gradient(135deg, #1c0900 0%, #2a1200 50%, #1a0800 100%);
  border-radius: var(--radius-xl);
  padding: 2.5rem 2.75rem;
  display: flex;
  align-items: center;
  gap: 2.5rem;
  overflow: hidden;
  box-shadow: 0 12px 48px rgba(232,101,26,0.18);
  border: 1px solid rgba(232,101,26,0.2);
}

/* Decorative oversized icon */
.post-share-block__bg-icon {
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 7rem;
  opacity: 0.06;
  pointer-events: none;
  user-select: none;
  line-height: 1;
}

/* Orange glow top */
.post-share-block::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 80% at 10% 50%, rgba(232,101,26,0.14) 0%, transparent 65%);
  pointer-events: none;
}

.post-share-block__left {
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 1;
}
.post-share-block__eyebrow {
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--clr-accent);
  background: rgba(232,101,26,0.12);
  border: 1px solid rgba(232,101,26,0.25);
  border-radius: 999px;
  padding: 0.25rem 0.9rem;
  margin-bottom: 0.85rem;
}
.post-share-block__heading {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(1.1rem, 2vw, 1.45rem) !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1.25 !important;
  margin-bottom: 0.5rem !important;
  letter-spacing: -0.015em !important;
}
.post-share-block__sub {
  font-family: 'MD Nichrome', serif !important;
  font-size: 0.92rem !important;
  color: rgba(255,255,255,0.55) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.post-share-block__right {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

/* Share pill buttons */
.share-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-family: 'Poppins', sans-serif;
  font-size: 0.83rem;
  font-weight: 600;
  padding: 0.6rem 1.25rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.07);
  color: rgba(255,255,255,0.82);
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.15s;
  white-space: nowrap;
  letter-spacing: 0.01em;
}
.share-pill:hover {
  transform: translateX(3px);
  color: #fff;
}
.share-pill__icon {
  font-size: 0.95rem;
  line-height: 1;
  width: 18px;
  text-align: center;
  flex-shrink: 0;
}
.share-pill--x:hover      { background: rgba(29,155,240,0.2);   border-color: rgba(29,155,240,0.5);  color: #1d9bf0; }
.share-pill--fb:hover     { background: rgba(24,119,242,0.2);   border-color: rgba(24,119,242,0.5);  color: #5b9cf6; }
.share-pill--pin:hover    { background: rgba(230,0,35,0.2);     border-color: rgba(230,0,35,0.4);    color: #ff6b6b; }
.share-pill--copy:hover   { background: rgba(232,101,26,0.2);   border-color: rgba(232,101,26,0.5);  color: var(--clr-accent); }


/* ── AUTHOR BOX ──────────────────────────────────────────── */
.post-author-box {
  margin-top: 2.5rem;
  background: var(--clr-surface);
  border: 1px solid var(--clr-rule);
  border-radius: var(--radius-xl);
  padding: 2.25rem 2.5rem;
  position: relative;
  overflow: hidden;
}

/* Subtle orange accent bar on left */
.post-author-box::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--clr-accent), #ff9a4a);
  border-radius: 4px 0 0 4px;
}

/* Author header: avatar + meta inline */
.post-author-box__header {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.25rem;
}

.post-author-box__avatar {
  position: relative;
  flex-shrink: 0;
}
.post-author-box__avatar-img {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  border: 3px solid var(--clr-surface) !important;
  box-shadow: 0 0 0 3px var(--clr-accent), 0 4px 16px rgba(0,0,0,0.12) !important;
}
.post-author-box__avatar-ring {
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: conic-gradient(var(--clr-accent) 0deg 240deg, transparent 240deg 360deg);
  opacity: 0.15;
  pointer-events: none;
}

.post-author-box__meta {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.post-author-box__eyebrow {
  font-family: 'Poppins', sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--clr-accent);
}
.post-author-box__name {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: var(--clr-ink) !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
.post-author-box__role {
  font-family: 'MD Nichrome', serif;
  font-size: 0.83rem;
  font-weight: 300;
  color: var(--clr-ink-muted);
  letter-spacing: 0.01em;
}

/* Bio */
.post-author-box__bio {
  font-family: 'MD Nichrome', serif !important;
  font-size: 0.98rem !important;
  font-weight: 400 !important;
  color: var(--clr-ink-mid) !important;
  line-height: 1.82 !important;
  letter-spacing: 0.008em !important;
  margin: 0 0 1.5rem !important;
  padding-bottom: 1.5rem !important;
  border-bottom: 1px solid var(--clr-rule) !important;
}

/* Footer: link + socials */
.post-author-box__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.post-author-box__all-posts {
  font-family: 'Poppins', sans-serif;
  font-size: 0.87rem;
  font-weight: 600;
  color: var(--clr-accent);
  letter-spacing: 0.01em;
  transition: gap 0.18s;
}
.post-author-box__all-posts:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.post-author-box__socials {
  display: flex;
  gap: 0.5rem;
}
.post-author-box__social-btn {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: var(--clr-bg);
  border: 1px solid var(--clr-rule);
  font-size: 0.85rem;
  color: var(--clr-ink-mid);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  text-decoration: none;
}
.post-author-box__social-btn:hover {
  background: var(--clr-accent);
  color: #fff;
  border-color: var(--clr-accent);
}

/* ── SIDEBAR: hide any search widget ─────────────────────── */
.post-sidebar .widget_search,
.post-sidebar .search-form,
.post-sidebar input[type="search"],
.post-sidebar .wp-block-search {
  display: none !important;
}

/* ── Responsive: share block stack on mobile ─────────────── */
@media (max-width: 680px) {
  .post-share-block {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.75rem;
    padding: 2rem 1.75rem;
  }
  .post-share-block__bg-icon { display: none; }
  .post-share-block__right {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  .post-author-box {
    padding: 1.75rem 1.5rem;
  }
  .post-author-box__header {
    gap: 1rem;
  }
}


/* ============================================================
   v12.4 — SHARE BLOCK + AUTHOR BOX + SIDEBAR SEARCH REMOVED
   Definitive overrides — highest specificity
   ============================================================ */

/* ── NUKE sidebar search widget everywhere ──────────────── */
.post-sidebar .widget_search,
.post-sidebar .search-form,
.post-sidebar .search-widget,
.post-sidebar input[type="search"],
.post-sidebar button[type="submit"],
.post-sidebar .wp-block-search,
.post-sidebar .wp-block-search__inside-wrapper,
aside.post-sidebar .widget_search { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; }

/* ── SHARE BLOCK — dark orange card ─────────────────────── */
.post-share-block {
  position: relative !important;
  margin-top: 3rem !important;
  margin-bottom: 0.5rem !important;
  background: linear-gradient(135deg, #1e0b00 0%, #2c1400 55%, #1a0800 100%) !important;
  border-radius: 20px !important;
  padding: 2.5rem 2.75rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 2.5rem !important;
  overflow: hidden !important;
  box-shadow: 0 16px 56px rgba(232,101,26,0.22), 0 4px 16px rgba(0,0,0,0.3) !important;
  border: 1px solid rgba(232,101,26,0.28) !important;
}

/* Top glow line */
.post-share-block::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent 0%, var(--clr-accent) 40%, #ff9a4a 60%, transparent 100%) !important;
  border-radius: 20px 20px 0 0 !important;
}

/* Inner ambient glow */
.post-share-block::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 55% 90% at 8% 50%, rgba(232,101,26,0.16) 0%, transparent 62%) !important;
  pointer-events: none !important;
}

/* Decorative bg emoji */
.post-share-block__bg-icon {
  position: absolute !important;
  right: 2rem !important; top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 8rem !important;
  opacity: 0.045 !important;
  pointer-events: none !important;
  user-select: none !important;
  line-height: 1 !important;
}

.post-share-block__left {
  flex: 1 !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

.post-share-block__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--clr-accent) !important;
  background: rgba(232,101,26,0.13) !important;
  border: 1px solid rgba(232,101,26,0.3) !important;
  border-radius: 999px !important;
  padding: 0.3rem 1rem !important;
  margin-bottom: 1rem !important;
}

.post-share-block__heading {
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(1.15rem, 2.2vw, 1.5rem) !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1.2 !important;
  margin: 0 0 0.5rem 0 !important;
  letter-spacing: -0.018em !important;
}

.post-share-block__sub {
  font-family: 'MD Nichrome', serif !important;
  font-size: 0.93rem !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.5) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  letter-spacing: 0.01em !important;
}

.post-share-block__right {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  min-width: 180px !important;
}

/* Share pills */
.share-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  padding: 0.65rem 1.3rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  background: rgba(255,255,255,0.07) !important;
  color: rgba(255,255,255,0.8) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.15s !important;
  white-space: nowrap !important;
  letter-spacing: 0.01em !important;
}
.share-pill:hover {
  transform: translateX(4px) !important;
  color: #fff !important;
}
.share-pill__icon {
  font-size: 0.95rem !important;
  line-height: 1 !important;
  width: 18px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}
.share-pill--x:hover     { background: rgba(29,155,240,0.18) !important; border-color: rgba(29,155,240,0.45) !important; color: #6dbff5 !important; }
.share-pill--fb:hover    { background: rgba(24,119,242,0.18) !important; border-color: rgba(24,119,242,0.45) !important; color: #7aabff !important; }
.share-pill--pin:hover   { background: rgba(230,0,35,0.18) !important;   border-color: rgba(230,0,35,0.4) !important;    color: #ff8080 !important; }
.share-pill--copy:hover  { background: rgba(232,101,26,0.2) !important;  border-color: rgba(232,101,26,0.5) !important;  color: var(--clr-accent) !important; }

/* ── AUTHOR BOX — premium card with orange accent ───────── */
.post-author-box {
  margin-top: 2rem !important;
  background: var(--clr-surface) !important;
  border: 1px solid var(--clr-rule) !important;
  border-radius: 20px !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 4px 28px rgba(0,0,0,0.07), 0 1px 4px rgba(0,0,0,0.04) !important;
}

/* Orange accent bar left */
.post-author-box::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important; top: 0 !important; bottom: 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, var(--clr-accent) 0%, #ff9a4a 100%) !important;
  border-radius: 20px 0 0 20px !important;
}

/* Warm tinted header strip */
.post-author-box__header {
  display: flex !important;
  align-items: center !important;
  gap: 1.5rem !important;
  padding: 2rem 2.5rem 1.5rem 2.75rem !important;
  background: linear-gradient(135deg, #FFF8F0 0%, #FFFBF6 100%) !important;
  border-bottom: 1px solid var(--clr-rule) !important;
}

/* Avatar */
.post-author-box__avatar {
  position: relative !important;
  flex-shrink: 0 !important;
}
.post-author-box__avatar-img {
  width: 82px !important; height: 82px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  border: 3px solid #fff !important;
  box-shadow: 0 0 0 3px var(--clr-accent), 0 6px 20px rgba(232,101,26,0.22) !important;
}
.post-author-box__avatar-ring {
  position: absolute !important;
  inset: -5px !important;
  border-radius: 50% !important;
  background: conic-gradient(var(--clr-accent) 0deg 210deg, transparent 210deg 360deg) !important;
  opacity: 0.12 !important;
  pointer-events: none !important;
}

/* Author meta */
.post-author-box__meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
}
.post-author-box__eyebrow {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--clr-accent) !important;
}
.post-author-box__name {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: var(--clr-ink) !important;
  letter-spacing: -0.018em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
.post-author-box__role {
  font-family: 'MD Nichrome', serif !important;
  font-size: 0.82rem !important;
  font-weight: 300 !important;
  color: var(--clr-ink-muted) !important;
  letter-spacing: 0.015em !important;
}

/* Bio block */
.post-author-box__bio {
  font-family: 'MD Nichrome', serif !important;
  font-size: 0.97rem !important;
  font-weight: 400 !important;
  color: var(--clr-ink-mid) !important;
  line-height: 1.85 !important;
  letter-spacing: 0.008em !important;
  margin: 0 !important;
  padding: 1.5rem 2.5rem 1.5rem 2.75rem !important;
  border-bottom: 1px solid var(--clr-rule) !important;
}

/* Footer row */
.post-author-box__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
  padding: 1.25rem 2.5rem 1.25rem 2.75rem !important;
  background: #FDFAF6 !important;
}

.post-author-box__all-posts {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  color: var(--clr-accent) !important;
  text-decoration: none !important;
  letter-spacing: 0.01em !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  transition: gap 0.18s !important;
}
.post-author-box__all-posts:hover {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  gap: 0.55rem !important;
}

.post-author-box__socials {
  display: flex !important;
  gap: 0.5rem !important;
}
.post-author-box__social-btn {
  width: 34px !important; height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: var(--clr-bg) !important;
  border: 1px solid var(--clr-rule) !important;
  font-size: 0.85rem !important;
  color: var(--clr-ink-mid) !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s !important;
}
.post-author-box__social-btn:hover {
  background: var(--clr-accent) !important;
  color: #fff !important;
  border-color: var(--clr-accent) !important;
  transform: translateY(-2px) !important;
}

/* ── Mobile responsive ───────────────────────────────────── */
@media (max-width: 680px) {
  .post-share-block {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.75rem !important;
    padding: 2rem 1.5rem !important;
  }
  .post-share-block__bg-icon { display: none !important; }
  .post-share-block__right {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    min-width: unset !important;
  }
  .post-author-box__header {
    padding: 1.5rem 1.5rem 1.25rem 1.75rem !important;
    gap: 1rem !important;
  }
  .post-author-box__bio { padding: 1.25rem 1.5rem 1.25rem 1.75rem !important; }
  .post-author-box__footer { padding: 1rem 1.5rem 1rem 1.75rem !important; }
}


/* ============================================================
   v12.5 — BLACK CIRCULAR SOCIAL ICONS + VISITOR COUNTER
   ============================================================ */

/* ── SOCIAL ICONS: black filled circles, white SVG ───────── */
.footer-social {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem !important;
  margin-top: 1.5rem !important;
}

.footer-social a,
.fsoc {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #111 !important;
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
  transition: transform 0.22s cubic-bezier(.34,1.56,.64,1), background 0.2s, box-shadow 0.2s !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.35) !important;
}

.footer-social a svg,
.fsoc svg {
  width: 18px !important;
  height: 18px !important;
  fill: #fff !important;
  display: block !important;
  flex-shrink: 0 !important;
}

/* Hover: lift + brand colour glow */
.fsoc:hover,
.footer-social a:hover {
  transform: translateY(-3px) scale(1.08) !important;
  background: #111 !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.45) !important;
}

.fsoc--whatsapp:hover  { background: #25D366 !important; box-shadow: 0 6px 20px rgba(37,211,102,0.4) !important; }
.fsoc--facebook:hover  { background: #1877F2 !important; box-shadow: 0 6px 20px rgba(24,119,242,0.4) !important; }
.fsoc--youtube:hover   { background: #FF0000 !important; box-shadow: 0 6px 20px rgba(255,0,0,0.4) !important; }
.fsoc--linkedin:hover  { background: #0A66C2 !important; box-shadow: 0 6px 20px rgba(10,102,194,0.4) !important; }
.fsoc--instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important; box-shadow: 0 6px 20px rgba(214,36,159,0.4) !important; }
.fsoc--x:hover         { background: #000 !important; box-shadow: 0 6px 20px rgba(0,0,0,0.55) !important; }
.fsoc--tiktok:hover    { background: #010101 !important; box-shadow: 0 6px 20px rgba(105,201,208,0.4) !important; }
.fsoc--pinterest:hover { background: #E60023 !important; box-shadow: 0 6px 20px rgba(230,0,35,0.4) !important; }
.fsoc--threads:hover   { background: #101010 !important; box-shadow: 0 6px 20px rgba(0,0,0,0.55) !important; }

/* ── VISITOR COUNTER BAR ─────────────────────────────────── */
.footer-visitor-bar {
  margin: 2.5rem 0 0 !important;
  padding: 1.5rem 0 0 !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
}

.footer-visitor-bar__inner {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}

.footer-visitor-counter {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  padding: 1rem 2.5rem !important;
  position: relative !important;
}

/* Divider lines between counters */
.footer-visitor-counter + .footer-visitor-counter::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 36px !important;
  width: 1px !important;
  background: rgba(255,255,255,0.1) !important;
}

.fvc__icon-wrap {
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(232,101,26,0.12) !important;
  border: 1px solid rgba(232,101,26,0.22) !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
}

.fvc__icon {
  width: 18px !important;
  height: 18px !important;
  color: var(--clr-accent) !important;
}

/* Pulse dot for "Online Now" */
.fvc__icon-wrap--pulse {
  background: rgba(34,197,94,0.1) !important;
  border-color: rgba(34,197,94,0.25) !important;
  position: relative !important;
  overflow: visible !important;
}

.fvc__pulse-dot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #22c55e !important;
  display: block !important;
  position: relative !important;
}

.fvc__pulse-dot::before {
  content: '' !important;
  position: absolute !important;
  inset: -4px !important;
  border-radius: 50% !important;
  background: rgba(34,197,94,0.3) !important;
  animation: pulse-ring 1.8s cubic-bezier(0.215,0.61,0.355,1) infinite !important;
}

@keyframes pulse-ring {
  0%   { transform: scale(0.7); opacity: 1; }
  80%  { transform: scale(1.9); opacity: 0; }
  100% { transform: scale(1.9); opacity: 0; }
}

.fvc--online .fvc__count--live { color: #4ade80 !important; }

.fvc__text {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.1rem !important;
}

.fvc__label {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.38) !important;
}

.fvc__count {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
}

/* Count-up animation */
.fvc__count.counting {
  animation: countFlip 0.06s ease-in-out !important;
}
@keyframes countFlip {
  0%   { transform: translateY(-4px); opacity: 0.5; }
  100% { transform: translateY(0);    opacity: 1; }
}

/* Responsive: stack counters on mobile */
@media (max-width: 640px) {
  .footer-visitor-bar__inner {
    flex-direction: column !important;
    gap: 0.5rem !important;
    align-items: flex-start !important;
  }
  .footer-visitor-counter + .footer-visitor-counter::before {
    display: none !important;
  }
  .footer-visitor-counter { padding: 0.75rem 0 !important; }
}

/* ── FACT-CHECKING POLICY PAGE ───────────────────────────── */
.policy-hero {
  background: linear-gradient(145deg, #1c0a00 0%, #0d0d0d 70%);
  color: #fff;
  padding-block: clamp(3rem, 6vw, 5rem);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.policy-hero::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 65% 120% at 50% -15%, rgba(232,101,26,0.2) 0%, transparent 65%);
  pointer-events: none;
}
.policy-hero__label {
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 0.7rem; font-weight: 600;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--clr-accent);
  background: rgba(232,101,26,0.12);
  border: 1px solid rgba(232,101,26,0.28);
  border-radius: 999px;
  padding: 0.3rem 1.1rem;
  margin-bottom: 1.2rem;
  position: relative;
}
.policy-hero__title {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(2rem, 4.5vw, 3.5rem);
  font-weight: 800; color: #fff;
  letter-spacing: -0.025em; line-height: 1.1;
  margin-bottom: 1rem; position: relative;
}
.policy-hero__meta {
  font-family: 'MD Nichrome', serif;
  font-size: 0.9rem; color: rgba(255,255,255,0.45);
  position: relative;
  letter-spacing: 0.01em;
}

.policy-body {
  max-width: 780px;
  margin-inline: auto;
  padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 4vw, 2rem);
}
.policy-body h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.35rem; font-weight: 700;
  color: var(--clr-ink);
  margin: 2.5rem 0 0.85rem;
  letter-spacing: -0.015em;
}
.policy-body h2:first-child { margin-top: 0; }
.policy-body p {
  font-family: 'MD Nichrome', serif;
  font-size: 1.05rem !important;
  color: var(--clr-ink-mid);
  line-height: 1.88; margin-bottom: 1.1rem;
  letter-spacing: 0.008em;
}
.policy-body ul, .policy-body ol {
  padding-left: 1.5rem; margin-bottom: 1.25rem;
}
.policy-body li {
  font-family: 'MD Nichrome', serif;
  font-size: 1.02rem !important;
  color: var(--clr-ink-mid);
  line-height: 1.82; margin-bottom: 0.5rem;
  letter-spacing: 0.008em;
}

.policy-callout {
  background: rgba(232,101,26,0.07);
  border-left: 4px solid var(--clr-accent);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  padding: 1.25rem 1.5rem;
  margin: 1.75rem 0;
}
.policy-callout p {
  margin: 0 !important;
  font-weight: 500 !important;
  color: var(--clr-ink) !important;
}

.policy-section-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px; height: 38px;
  background: rgba(232,101,26,0.1);
  border-radius: 9px;
  font-size: 1.1rem;
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
  vertical-align: middle;
}


/* ============================================================
   v12.6 — FINAL FONT SYSTEM + HERO IMAGE FIX
   Headlines: MD Nichrome (not bold, elegant weight)
   Body/UI:   Manrope sans-serif
   ============================================================ */

/* ── TOKEN UPDATE ───────────────────────────────────────── */
:root {
  --ff-display: 'MD Nichrome', Georgia, serif;
  --ff-body:    'Manrope', system-ui, sans-serif;
}

/* ── BODY: Manrope everywhere ──────────────────────────── */
body {
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.05rem !important;
  line-height: 1.85 !important;
  letter-spacing: 0.01em !important;
  -webkit-font-smoothing: antialiased !important;
}

p, li, td, th, blockquote,
.post-card__excerpt,
.archive-card__excerpt,
.hero__desc,
.about-content__bio,
.gear-card__desc,
.newsletter-strip p,
.footer-brand p,
.contact-hero__sub,
.post-content p,
.post-content li,
.page-body p,
.policy-body p,
.policy-body li,
.contact-info__card p,
.cf-checkbox-text,
.cf-required-note,
.archive-header__desc,
input, textarea, select, .cf-input {
  font-family: 'Manrope', system-ui, sans-serif !important;
}

/* Meta / small UI text: Manrope Light */
.post-card__meta,
.archive-card__footer,
.sidebar-post__date,
.hero__card-meta,
.hero__stat-label,
.footer-col a,
.footer-bottom,
.post-header__meta,
time, small, figcaption {
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.015em !important;
}

/* Nav + buttons: Manrope medium */
.primary-nav a,
.btn,
.btn-pill-outline,
.share-pill,
.post-card__readmore,
.post-card__readmore-btn,
.gear-card__link,
.cf-label,
.fvc__label,
.footer-col h4,
.header-datetime {
  font-family: 'Manrope', system-ui, sans-serif !important;
}

/* ── HEADINGS: MD Nichrome — not too bold ──────────────── */
/* Use Dark weight (≈600) — strong presence, no heavy slab */
h1, h2, h3, h4, h5, h6 {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;   /* MD Nichrome Regular = editorial, not chunky */
  letter-spacing: -0.015em !important;
  line-height: 1.18 !important;
}

/* Hero main title: slightly bolder but still refined */
.hero__title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: clamp(2.8rem, 6vw, 5rem) !important;
  letter-spacing: -0.025em !important;
  line-height: 1.05 !important;
}
.hero__title em {
  font-style: italic !important;
  color: var(--clr-accent) !important;
}

/* Section titles */
.section-title,
.hp-section-header__title,
.about-content__title,
.archive-header__title,
.post-title,
.post-header__title,
.related-posts__title,
.contact-hero__title,
.policy-hero__title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
}

/* Card titles — MD Nichrome regular, not heavy */
.post-card__title,
.archive-card__title,
.gear-card__title,
.compact-card__title,
.hero__card-title,
.hero__feature-title,
.sidebar-post__title,
.related-post-card__title,
.post-share-block__heading,
.post-author-box__name,
.contact-success h2,
.sidebar-widget h3 {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.012em !important;
}

/* Labels, eyebrows, categories — keep Manrope */
.section-header__label,
.hp-section-header__tag,
.post-share-block__eyebrow,
.post-author-box__eyebrow,
.archive-header__label,
.post-author-box__role,
.contact-hero__label,
.policy-hero__label,
.post-card__category,
.hero__eyebrow,
.about-content__eyebrow,
.gear-card__badge,
.gear-card__versus {
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-weight: 600 !important;
}

/* ── HERO FEATURE IMAGE: taller ──────────────────────────── */

/* Override every previous aspect-ratio rule on the hero thumb */
.hero__feature-thumb,
.hero__feature-card .hero__feature-thumb {
  aspect-ratio: 4 / 3 !important;   /* taller: shows more of the image */
  max-height: none !important;
  min-height: unset !important;
  width: 100% !important;
  display: block !important;
  overflow: hidden !important;
}

.hero__feature-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Ensure the card doesn't cap the image */
.hero__feature-card {
  max-width: 480px !important;
  width: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Hero grid: give the visual column a bit more room */
.hero__grid {
  grid-template-columns: 1fr 0.9fr !important;
  gap: clamp(2rem, 4vw, 4rem) !important;
  align-items: center !important;
}


/* ============================================================
   v12.7 — SCREENSHOT FIXES
   1. Search box: remove fill/background colour
   2. Section headers: title+sub LEFT, "All Guides" RIGHT
   3. Footer social: fix broken icons, bigger font
   4. Footer col links: bigger font size
   ============================================================ */

/* ── 1. SEARCH BOX: transparent, no fill ─────────────────── */
.header-search .search-form {
  background: transparent !important;
  border: 1.5px solid rgba(255,255,255,0.22) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.header-search .search-form:focus-within {
  background: rgba(255,255,255,0.05) !important;
  border-color: var(--clr-accent) !important;
  box-shadow: 0 0 0 3px rgba(232,101,26,0.18) !important;
}
.header-search input[type="search"],
.header-search input {
  background: transparent !important;
  color: rgba(255,255,255,0.85) !important;
}

/* ── 2. SECTION HEADERS: title/sub LEFT — "All X" RIGHT ──── */

/* Base hp-section-header layout */
.hp-section-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 2rem !important;
  margin-bottom: clamp(2rem, 4vw, 3rem) !important;
}
.hp-section-header__inner {
  flex: 1 !important;
  min-width: 0 !important;
}
.hp-section-header .btn-pill-outline {
  flex-shrink: 0 !important;
  align-self: flex-start !important;
  margin-top: 0.35rem !important;
  white-space: nowrap !important;
}

/* Label row: tag + decorative line */
.hp-section-header__label-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  margin-bottom: 0.7rem !important;
}
.hp-section-header__tag {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: var(--clr-accent) !important;
  white-space: nowrap !important;
}
.hp-section-header__line {
  flex: 1 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(232,101,26,0.35) 0%, transparent 100%) !important;
  border: none !important;
  display: block !important;
  max-width: 160px !important;
}
.hp-section-header__line--light {
  background: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, transparent 100%) !important;
}

/* Title */
.hp-section-header__title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.018em !important;
  color: var(--clr-ink) !important;
  margin: 0 0 0.65rem 0 !important;
}
.hp-section-header__title--light {
  color: #fff !important;
}
.hp-section-header__accent {
  color: var(--clr-accent) !important;
}

/* Sub description */
.hp-section-header__sub {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.97rem !important;
  font-weight: 400 !important;
  color: var(--clr-ink-mid) !important;
  line-height: 1.75 !important;
  max-width: 58ch !important;
  margin: 0 !important;
}
.hp-section-header__sub--light {
  color: rgba(255,255,255,0.55) !important;
}

/* ── 3. FOOTER SOCIAL ICONS: fix SVG fill ────────────────── */

/* Force SVG to be white so icons show on black circles */
.fsoc svg,
.footer-social a svg {
  fill: #ffffff !important;
  color: #ffffff !important;
  width: 17px !important;
  height: 17px !important;
  display: block !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
}

/* Ensure circles are always solid black with white icon */
.fsoc,
.footer-social a {
  background: #141414 !important;
  color: #fff !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.4) !important;
  transition: transform 0.22s cubic-bezier(.34,1.56,.64,1), background 0.2s, box-shadow 0.2s !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

/* Make sure no text/emoji chars show */
.fsoc span, .footer-social a span { display: none !important; }

/* Brand hovers */
.fsoc--whatsapp:hover  { background: #25D366 !important; transform: translateY(-3px) scale(1.1) !important; box-shadow: 0 8px 24px rgba(37,211,102,0.4) !important; }
.fsoc--facebook:hover  { background: #1877F2 !important; transform: translateY(-3px) scale(1.1) !important; box-shadow: 0 8px 24px rgba(24,119,242,0.4) !important; }
.fsoc--youtube:hover   { background: #FF0000 !important; transform: translateY(-3px) scale(1.1) !important; box-shadow: 0 8px 24px rgba(255,0,0,0.4) !important; }
.fsoc--linkedin:hover  { background: #0A66C2 !important; transform: translateY(-3px) scale(1.1) !important; box-shadow: 0 8px 24px rgba(10,102,194,0.4) !important; }
.fsoc--instagram:hover { background: #d6249f !important; transform: translateY(-3px) scale(1.1) !important; box-shadow: 0 8px 24px rgba(214,36,159,0.4) !important; }
.fsoc--x:hover         { background: #333 !important;    transform: translateY(-3px) scale(1.1) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important; }
.fsoc--tiktok:hover    { background: #010101 !important; transform: translateY(-3px) scale(1.1) !important; box-shadow: 0 8px 24px rgba(105,201,208,0.45) !important; }
.fsoc--pinterest:hover { background: #E60023 !important; transform: translateY(-3px) scale(1.1) !important; box-shadow: 0 8px 24px rgba(230,0,35,0.4) !important; }
.fsoc--threads:hover   { background: #222 !important;    transform: translateY(-3px) scale(1.1) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important; }

/* ── 4. FOOTER COLUMN LINKS: bigger ─────────────────────── */
.footer-col a {
  font-size: 1rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.7) !important;
  line-height: 1 !important;
  padding-block: 0.55rem !important;
  display: block !important;
  transition: color 0.18s !important;
  letter-spacing: 0.008em !important;
}
.footer-col a:hover { color: #fff !important; }

.footer-col h4 {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.38) !important;
  margin-bottom: 1.25rem !important;
}

/* Footer brand description text — bigger */
.footer-brand p {
  font-size: 0.97rem !important;
  font-family: 'Manrope', sans-serif !important;
  color: rgba(255,255,255,0.6) !important;
  line-height: 1.8 !important;
}


/* ============================================================
   v12.8 — READ BUTTON BIGGER + ARCHIVE CARD SMALLER HEIGHT
   ============================================================ */

/* ── READ / READMORE button: bigger, more prominent ───────── */
.post-card__readmore-btn,
.post-card__readmore,
.archive-card__footer .post-card__readmore,
.compact-card__meta .post-card__readmore {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  padding: 0.5rem 1.2rem !important;
  border-radius: 999px !important;
  background: var(--clr-accent-lt, rgba(232,101,26,0.1)) !important;
  border: 1.5px solid rgba(232,101,26,0.3) !important;
  color: var(--clr-accent) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  white-space: nowrap !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
}
.post-card__readmore-btn:hover,
.post-card__readmore:hover {
  background: var(--clr-accent) !important;
  color: #fff !important;
  border-color: var(--clr-accent) !important;
  transform: translateX(2px) !important;
}

/* ── ARCHIVE CARD: smaller overall height ─────────────────── */

/* Image thumb: tighter aspect ratio */
.archive-posts-pair .archive-card__thumb,
.archive-card--horizontal .archive-card__thumb {
  aspect-ratio: 16 / 7 !important;
  max-height: 160px !important;
  min-height: unset !important;
}

.archive-posts-pair .archive-card.archive-card--vertical .archive-card__thumb {
  aspect-ratio: 4 / 3 !important;
  max-height: 185px !important;
}

/* Body: less padding, tighter gaps */
.archive-card__body {
  padding: 1.1rem 1.4rem 1.2rem !important;
  gap: 0.4rem !important;
}

/* Excerpt: clamp to 2 lines max */
.archive-card__excerpt {
  -webkit-line-clamp: 2 !important;
  font-size: 0.87rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* Title: slightly smaller on non-featured cards in pairs */
.archive-posts-pair .archive-card__title {
  font-size: 1.05rem !important;
  line-height: 1.3 !important;
  margin-bottom: 0 !important;
}

/* Footer row: tighter */
.archive-card__footer {
  padding-top: 0.65rem !important;
  margin-top: 0.1rem !important;
  border-top: 1px solid var(--clr-rule) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 0.78rem !important;
}

/* Featured card — keep a bit taller, it's the hero card */
.archive-card--featured .archive-card__thumb {
  min-height: 200px !important;
  max-height: 240px !important;
  aspect-ratio: 16 / 8 !important;
}
.archive-card--featured .archive-card__body {
  padding: 1.4rem 1.75rem 1.5rem !important;
}
.archive-card--featured .archive-card__excerpt {
  -webkit-line-clamp: 3 !important;
}


/* ============================================================
   v12.10 — HERO REDESIGN: Family Matter font, green accent,
   brighter bg, bigger card title, no italic, image crop fix
   ============================================================ */

/* ── 1. HERO TITLE: Family Matter 500, 88px/79px lh ─────── */
.hero__title {
  font-family: 'Family Matter', 'Poppins', sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 88px !important;
  line-height: 79px !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
}

/* "Smart Lighting," line — white */
.hero__title br + span,
.hero__title {
  font-style: normal !important;
}

/* "Decoded." — green accent, no italic */
.hero__title-accent,
.hero__title em {
  font-family: 'Family Matter', 'Poppins', sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  color: rgb(0, 199, 103) !important;
  display: block !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Responsive title sizing */
@media (max-width: 1200px) {
  .hero__title { font-size: clamp(3rem, 7vw, 88px) !important; line-height: 1.0 !important; }
}
@media (max-width: 768px) {
  .hero__title { font-size: clamp(2.5rem, 10vw, 4rem) !important; line-height: 1.05 !important; }
}

/* ── 2. HERO BACKGROUND: brighter, warmer, less black ───── */
.hero {
  background: linear-gradient(135deg,
    #1a0900 0%,
    #2d1200 25%,
    #1f0d00 55%,
    #150800 100%
  ) !important;
  position: relative !important;
}

/* Brighter ambient glow — more orange/warm */
.hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(ellipse 70% 100% at 75% 40%, rgba(232,101,26,0.45) 0%, transparent 60%),
    radial-gradient(ellipse 50% 70% at 10% 80%, rgba(200,80,10,0.25) 0%, transparent 55%),
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255,140,50,0.12) 0%, transparent 55%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Ensure hero content sits above glow */
.hero .container,
.hero__grid { position: relative !important; z-index: 1 !important; }

/* ── 3. HERO FEATURE CARD: image fills top, text extends below ── */

/* Card: no max-height cap, taller image */
.hero__feature-card {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 500px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
  backdrop-filter: blur(2px) !important;
}

/* Image: taller aspect — cut at roughly 60% of card height */
.hero__feature-thumb,
.hero__feature-card .hero__feature-thumb {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  max-height: none !important;
  min-height: unset !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.hero__feature-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 35% !important; /* show more of the upper subject */
  display: block !important;
  transition: transform 0.5s ease !important;
}
.hero__feature-card:hover .hero__feature-thumb img {
  transform: scale(1.04) !important;
}

/* Body: expanded, more padding, text doesn't get cut */
.hero__feature-body {
  padding: 1.4rem 1.6rem 1.75rem !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
  background: rgba(0,0,0,0.35) !important;
}

/* Card title: bigger font */
.hero__card-title,
.hero__feature-body .hero__card-title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: visible !important; /* show full title */
}

.hero__card-title a { color: inherit !important; text-decoration: none !important; }
.hero__card-title a:hover { color: rgb(0,199,103) !important; }

.hero__card-tag {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--clr-accent) !important;
}

.hero__card-meta {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.82rem !important;
  color: rgba(255,255,255,0.45) !important;
  margin-top: auto !important;
  padding-top: 0.5rem !important;
}

/* Hero grid: balanced columns */
.hero__grid {
  grid-template-columns: 1fr 0.85fr !important;
  gap: clamp(2.5rem, 5vw, 5rem) !important;
  align-items: center !important;
  padding-block: clamp(3rem, 6vw, 5rem) !important;
}

/* ── 4. HERO DESCRIPTION: clear white, readable ─────────── */
.hero__desc {
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.82) !important;
  line-height: 1.75 !important;
  max-width: 44ch !important;
  letter-spacing: 0.008em !important;
}

/* ── 5. LOGO: transparent bg, sizing ────────────────────── */
.site-logo img {
  mix-blend-mode: normal !important;
  background: transparent !important;
  /* slight brightness boost so it pops on dark header */
  filter: brightness(1.05) !important;
}

/* ── 6. HERO EYEBROW: green accent ──────────────────────── */
.hero__eyebrow {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: rgb(0, 199, 103) !important;
  background: rgba(0, 199, 103, 0.1) !important;
  border: 1px solid rgba(0, 199, 103, 0.28) !important;
  border-radius: 999px !important;
  padding: 0.35rem 1.1rem !important;
  display: inline-block !important;
  margin-bottom: 1.25rem !important;
}

/* ── 7. HERO STATS: green numbers ───────────────────────── */
.hero__stat-num {
  font-family: 'Family Matter', 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 2rem !important;
  color: rgb(0, 199, 103) !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

.hero__stat-label {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.45) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}


/* ============================================================
   v12.11 — HERO: orange theme colors, new text, gradient bg
   ============================================================ */

/* ── 1. HERO TITLE: orange accent, no green ─────────────── */
.hero__title {
  font-family: 'Family Matter', 'Poppins', sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: clamp(3rem, 5.5vw, 82px) !important;
  line-height: 0.97 !important;
  letter-spacing: -0.025em !important;
  color: #ffffff !important;
}

/* "Decoded." accent span → site orange */
.hero__title-accent,
.hero__title em {
  font-family: 'Family Matter', 'Poppins', sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  color: #E8651A !important;
  display: block !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Eyebrow pill → orange */
.hero__eyebrow {
  color: #E8651A !important;
  background: rgba(232,101,26,0.12) !important;
  border-color: rgba(232,101,26,0.3) !important;
}

/* Stat numbers → orange */
.hero__stat-num {
  font-family: 'Family Matter', 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 2rem !important;
  color: #E8651A !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

/* ── 2. HERO BACKGROUND: dark header colour → warm orange ── */
/*
   Top = #0d0d0d (matches the sticky black header exactly)
   Fades diagonally/vertically into a warm amber-orange at the bottom
   Stays on-theme: same dark-orange palette used site-wide
   Vibrant but not garish — the accent orange is mixed at 70–80% saturation
*/
.hero {
  background:
    linear-gradient(
      175deg,
      #0d0d0d 0%,
      #0d0d0d 12%,
      #1a0800 28%,
      #2e1200 46%,
      #3d1800 62%,
      #4a1e04 75%,
      #5a2606 88%,
      #6b2e08 100%
    ) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Warm ambient glow layer — orange bloom from bottom-right */
.hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(ellipse 80% 65% at 100% 100%, rgba(232,101,26,0.55) 0%, transparent 58%),
    radial-gradient(ellipse 55% 45% at 70% 90%, rgba(210,80,10,0.35) 0%, transparent 55%),
    radial-gradient(ellipse 40% 30% at 30% 75%, rgba(255,140,50,0.15) 0%, transparent 50%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Subtle noise/grain for richness — purely visual texture */
.hero::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E") !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0.6 !important;
}

/* All hero content above the pseudo layers */
.hero .container,
.hero__grid,
.hero__copy,
.hero__visual { position: relative !important; z-index: 1 !important; }


/* ============================================================
   v12.12 — HERO FINAL: white desc, bigger card title,
   image fills to red-line, stunning blended background
   ============================================================ */

/* ── 1. TITLE: white line + orange line, no italic ───────── */
.hero__title {
  font-family: 'Family Matter', 'Poppins', sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: clamp(2.8rem, 5.2vw, 80px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.025em !important;
  color: #ffffff !important;
}
.hero__title-accent,
.hero__title em {
  color: #E8651A !important;
  font-style: normal !important;
  display: block !important;
  font-size: inherit !important;
  line-height: 1.0 !important;
  padding-top: 0.08em !important;
}

/* ── 2. DESCRIPTION: pure bright white, clean ───────────── */
.hero__desc {
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.08rem !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  line-height: 1.72 !important;
  max-width: 44ch !important;
  letter-spacing: 0.005em !important;
  text-shadow: 0 1px 12px rgba(0,0,0,0.55) !important;
}

/* ── 3. FEATURE CARD: image fills fully, text block bigger ─ */
.hero__feature-card {
  background: rgba(10,5,0,0.55) !important;
  border: 1px solid rgba(232,101,26,0.22) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 510px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow:
    0 0 0 1px rgba(232,101,26,0.12),
    0 24px 64px rgba(0,0,0,0.6),
    0 4px 16px rgba(0,0,0,0.4) !important;
  backdrop-filter: blur(4px) !important;
}

/* Image: fills to roughly the "red line" — 58% of card */
.hero__feature-thumb,
.hero__feature-card .hero__feature-thumb {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  max-height: none !important;
  min-height: unset !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  position: relative !important;
}
/* Fade edge at bottom of image to blend into text area */
.hero__feature-thumb::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  height: 55% !important;
  background: linear-gradient(to bottom, transparent 0%, rgba(10,5,0,0.75) 100%) !important;
  pointer-events: none !important;
}
.hero__feature-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 30% !important;
  display: block !important;
  transition: transform 0.55s ease !important;
}
.hero__feature-card:hover .hero__feature-thumb img {
  transform: scale(1.05) !important;
}

/* Text block: expanded, comfortable padding */
.hero__feature-body {
  padding: 1.5rem 1.75rem 1.85rem !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  background: transparent !important;
}

/* Card title: bigger, fully white */
.hero__card-title,
.hero__feature-body .hero__card-title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1.25rem !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  overflow: visible !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
}
.hero__card-title a {
  color: #ffffff !important;
  text-decoration: none !important;
}
.hero__card-title a:hover { color: #E8651A !important; }

.hero__card-tag {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #E8651A !important;
}
.hero__card-meta {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.5) !important;
  margin-top: auto !important;
  padding-top: 0.6rem !important;
}

/* ── 4. STUNNING BLENDED BACKGROUND ─────────────────────── */
/*
  Strategy: 4-layer composited effect
  Layer A (base):   vertical gradient, exact header black → rich amber-orange
  Layer B (::before): large radial "sun" bloom in bottom-right + left streak
  Layer C (::after):  subtle vignette darkening edges for depth
  The result feels like warm studio lighting from a single source bottom-right
*/
.hero {
  background:
    linear-gradient(
      180deg,
      #0d0d0d    0%,
      #0d0d0d    8%,
      #110600   18%,
      #1e0c00   32%,
      #2d1400   48%,
      #3c1b00   63%,
      #4e2200   78%,
      #602900   90%,
      #6e3000  100%
    ) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Layer B: multi-blob warm light painting */
.hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    /* Main sun — large warm glow, bottom-right quadrant */
    radial-gradient(ellipse 90% 80% at 105% 110%,  rgba(232,101,26,0.70) 0%, rgba(232,101,26,0.0) 52%),
    /* Secondary fill — centre-bottom warmth */
    radial-gradient(ellipse 65% 55% at 60%  100%,  rgba(200,72,0,0.45)  0%, transparent 50%),
    /* Left-side warm streak — stops it feeling one-sided */
    radial-gradient(ellipse 40% 35% at -5% 85%,   rgba(180,55,0,0.28)  0%, transparent 55%),
    /* Highlight — top of the image card area */
    radial-gradient(ellipse 35% 20% at 85% 20%,   rgba(255,140,60,0.14) 0%, transparent 55%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  mix-blend-mode: screen !important;
}

/* Layer C: vignette — dark edges, brighter centre-bottom */
.hero::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    /* Top edge darkening — seamless with header */
    linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 22%),
    /* Left edge subtle shadow */
    linear-gradient(to right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 25%),
    /* Bottom-centre warm brightening */
    radial-gradient(ellipse 70% 40% at 50% 110%, rgba(232,101,26,0.18) 0%, transparent 55%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* All content above layers */
.hero .container,
.hero__grid,
.hero__copy,
.hero__visual {
  position: relative !important;
  z-index: 2 !important;
}

/* ── 5. HERO GRID spacing ────────────────────────────────── */
.hero__grid {
  grid-template-columns: 1fr 0.82fr !important;
  align-items: center !important;
  gap: clamp(2rem, 4.5vw, 5rem) !important;
  padding-block: clamp(3.5rem, 7vw, 6rem) !important;
}


/* ============================================================
   v12.13 — DEFINITIVE FIX for all 4 screenshot annotations
   ============================================================ */

/* ─── FIX 1: "no italic" — remove italic from Decoded/accent ─ */
.hero__title,
.hero__title *,
.hero__title em,
.hero__title i,
.hero__title-accent {
  font-style: normal !important;
}
.hero__title-accent {
  color: #E8651A !important;
  display: block !important;
}

/* ─── FIX 2: "clear white font" — description pure white ──── */
.hero__desc {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.6) !important;
}

/* ─── FIX 3: image cut at red line + extended text body ───── */

/* The feature card is a flex column — image top, body bottom  */
/* Image: fixed pixel height = the "red line" cut point        */
.hero__feature-card {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  max-width: 510px !important;
  width: 100% !important;
  background: rgba(15,8,2,0.72) !important;
  border: 1px solid rgba(232,101,26,0.2) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,0.65) !important;
  backdrop-filter: blur(3px) !important;
}

/* Image container: fixed height so it cuts at the right spot */
.hero__feature-thumb,
.hero__feature-card .hero__feature-thumb {
  display: block !important;
  width: 100% !important;
  /* Fixed height = "cut to red line" — roughly 52% of card    */
  height: 240px !important;
  aspect-ratio: unset !important;
  max-height: 240px !important;
  min-height: 240px !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

.hero__feature-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 28% !important;
  display: block !important;
}

/* Gradient fade on bottom of image blends into card body */
.hero__feature-card .hero__feature-thumb {
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 55%,
    transparent 100%
  ) !important;
  mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 55%,
    transparent 100%
  ) !important;
}

/* Body: tall, generous padding — the "extend text block area" */
.hero__feature-body {
  flex: 1 !important;
  padding: 1.6rem 1.8rem 2rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
  background: transparent !important;
  /* Pull body up to overlap the faded image bottom */
  margin-top: -48px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ─── FIX 4: "font bigger" — card title larger ─────────────── */
.hero__card-title,
.hero__feature-body .hero__card-title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1.35rem !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  letter-spacing: -0.012em !important;
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  white-space: normal !important;
}
.hero__card-title a {
  color: #ffffff !important;
  text-decoration: none !important;
}
.hero__card-title a:hover { color: #E8651A !important; }

/* Meta: "6 min read" — keep visible below title */
.hero__card-meta {
  color: rgba(255,255,255,0.5) !important;
  font-size: 0.83rem !important;
  margin-top: 0.5rem !important;
}


/* ============================================================
   v12.14 — SCREENSHOT FIXES
   1. Logo: remove black background box
   2. Hero: less padding top + bottom
   3. Title: 2 lines, smaller font/tighter spacing
   4. Card title: 4px bigger
   ============================================================ */

/* ── 1. LOGO: kill the black box completely ─────────────── */
.site-logo,
.site-logo a,
.site-header .site-logo,
.site-header .site-logo a,
.custom-logo-link,
.site-header .custom-logo-link {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* The logo image itself — transparent bg, no box-shadow */
.site-logo img,
.site-logo .custom-logo,
.custom-logo-link img,
.site-header .site-logo img {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  /* mix-blend-mode lighten makes black pixels transparent on dark header */
  mix-blend-mode: lighten !important;
  filter: brightness(1.1) !important;
  height: 40px !important;
  width: auto !important;
}

/* ── 2. HERO: reduce padding top & bottom ───────────────── */
.hero__grid {
  padding-block: clamp(1.5rem, 3vw, 2.5rem) !important;
}

/* Stats bar: tighter top gap */
.hero__stats {
  margin-top: 1.5rem !important;
  padding-top: 1.25rem !important;
}

/* ── 3. TITLE: fit on 2 lines, reduce size & letter-spacing  */
.hero__title {
  font-size: clamp(2.4rem, 4.8vw, 68px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.03em !important;
  word-spacing: -0.04em !important;
}

/* ── 4. CARD TITLE: 4px bigger ──────────────────────────── */
/* Current is 1.35rem ≈ ~21.6px — add 4px = ~25.6px ≈ 1.6rem */
.hero__card-title,
.hero__feature-body .hero__card-title {
  font-size: 1.6rem !important;
  line-height: 1.28 !important;
}


/* ============================================================
   v12.15 — COMPREHENSIVE MOBILE RESPONSIVE FIXES
   Tested against 3 real device screenshots (~390px viewport)
   ============================================================ */

@media (max-width: 767px) {

  /* ── GLOBAL CONTAINER: proper side padding ─────────────── */
  .container {
    padding-inline: 1.1rem !important;
  }

  /* ── HEADER: logo no black box, hamburger clean ─────────── */
  .site-header__inner {
    padding-block: 0.75rem !important;
    gap: 0.75rem !important;
  }
  .site-logo img,
  .custom-logo-link img {
    height: 34px !important;
    mix-blend-mode: lighten !important;
    background: transparent !important;
  }
  .nav-toggle {
    width: 42px !important;
    height: 42px !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 10px !important;
    color: #fff !important;
  }

  /* ── HERO: single column stack ──────────────────────────── */
  .hero__grid {
    grid-template-columns: 1fr !important;
    padding-block: 2rem 1.75rem !important;
    gap: 1.75rem !important;
  }

  /* Show the feature card on mobile (was hidden) */
  .hero__visual {
    display: block !important;
    width: 100% !important;
  }
  .hero__feature-card {
    max-width: 100% !important;
    width: 100% !important;
  }
  .hero__feature-thumb {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
  }
  .hero__feature-body {
    margin-top: -36px !important;
    padding: 1.2rem 1.3rem 1.4rem !important;
  }
  .hero__card-title,
  .hero__feature-body .hero__card-title {
    font-size: 1.15rem !important;
    line-height: 1.35 !important;
  }

  /* Title: smaller on mobile so it fits in 2 lines */
  .hero__title {
    font-size: clamp(2.2rem, 11vw, 3rem) !important;
    line-height: 1.0 !important;
    letter-spacing: -0.025em !important;
    word-spacing: -0.02em !important;
  }

  /* Description: tighter line-height, readable */
  .hero__desc {
    font-size: 0.98rem !important;
    line-height: 1.65 !important;
    max-width: 100% !important;
    color: #ffffff !important;
  }

  /* Buttons: full width stack on mobile */
  .hero__actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    align-items: flex-start !important;
  }
  .hero__actions .btn {
    width: auto !important;
    padding: 0.85rem 1.6rem !important;
    font-size: 0.95rem !important;
    white-space: nowrap !important;
  }

  /* Stats: row on mobile, evenly spaced */
  .hero__stats {
    flex-direction: row !important;
    gap: 0 !important;
    margin-top: 1.25rem !important;
    padding-top: 1rem !important;
    justify-content: space-between !important;
  }
  .hero__stat-num { font-size: 1.5rem !important; }
  .hero__stat-label { font-size: 0.6rem !important; }

  /* ── HOME SECTIONS: full width, no broken 2-col ─────────── */

  /* Section header: stack title + button vertically */
  .hp-section-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
  }
  .hp-section-header__title {
    font-size: clamp(1.4rem, 6vw, 1.9rem) !important;
  }
  .hp-section-header__sub {
    font-size: 0.9rem !important;
    line-height: 1.65 !important;
  }

  /* Posts grid: single column */
  .posts-grid--featured {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }
  .post-card {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .post-card__thumb {
    aspect-ratio: 16/8 !important;
    width: 100% !important;
  }
  .post-card__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .post-card__body {
    padding: 1.1rem 1.2rem 1.2rem !important;
  }
  .post-card__title {
    font-size: 1.05rem !important;
  }
  .post-card__excerpt {
    font-size: 0.88rem !important;
    -webkit-line-clamp: 2 !important;
  }
  .post-card__category {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  /* Archive cards: single column, full width */
  .archive-posts-pair {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }
  .archive-card,
  .archive-card--horizontal,
  .archive-card--vertical,
  .archive-card--featured {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  .archive-card__thumb {
    aspect-ratio: 16/8 !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    width: 100% !important;
  }
  .archive-card__body {
    padding: 1rem 1.1rem 1.15rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .archive-card__title {
    font-size: 1rem !important;
  }
  .archive-card__excerpt {
    -webkit-line-clamp: 2 !important;
    font-size: 0.85rem !important;
  }

  /* ── GEAR SECTION ──────────────────────────────────────── */
  .gear-grid {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }

  /* ── ABOUT SECTION ─────────────────────────────────────── */
  .about-section { padding-block: 2.5rem !important; }
  .about-inner { grid-template-columns: 1fr !important; }
  .about-avatar { display: none !important; }
  .about-content__title { font-size: 1.6rem !important; }
  .about-content__bio { font-size: 0.95rem !important; }

  /* ── SINGLE POST PAGE ──────────────────────────────────── */

  /* Post header */
  .post-header { padding-block: 2.5rem !important; }
  .post-header__title,
  .post-title { font-size: clamp(1.6rem, 7vw, 2.2rem) !important; }
  .post-header__meta { flex-wrap: wrap !important; gap: 0.4rem !important; font-size: 0.8rem !important; }

  /* Post content */
  .post-content-wrapper {
    grid-template-columns: 1fr !important;
  }
  .post-sidebar { display: none !important; }
  .post-content {
    font-size: 1rem !important;
    line-height: 1.82 !important;
  }

  /* ── SHARE BLOCK: compact on mobile ────────────────────── */
  .post-share-block {
    flex-direction: column !important;
    padding: 1.5rem 1.3rem !important;
    gap: 1.25rem !important;
    margin-top: 2rem !important;
  }
  .post-share-block__bg-icon { display: none !important; }
  .post-share-block__heading {
    font-size: 1.1rem !important;
  }
  .post-share-block__right {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0.6rem !important;
    min-width: unset !important;
    width: 100% !important;
  }
  .share-pill {
    padding: 0.55rem 1.1rem !important;
    font-size: 0.8rem !important;
    flex: 1 !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  /* Old-style share buttons (fallback square ones in screenshot) */
  .post-meta-bar,
  .post-share-bar {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }

  /* ── AUTHOR BOX: compact ───────────────────────────────── */
  .post-author-box__header {
    padding: 1.25rem 1.2rem 1rem 1.4rem !important;
    gap: 1rem !important;
  }
  .post-author-box__avatar-img {
    width: 60px !important;
    height: 60px !important;
  }
  .post-author-box__name { font-size: 1.1rem !important; }
  .post-author-box__bio {
    padding: 1rem 1.2rem 1rem 1.4rem !important;
    font-size: 0.9rem !important;
  }
  .post-author-box__footer {
    padding: 0.9rem 1.2rem 0.9rem 1.4rem !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
  }

  /* ── FOOTER ────────────────────────────────────────────── */
  .footer-inner {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  .footer-col a { font-size: 0.95rem !important; }
  .footer-social { gap: 0.5rem !important; }
  .fsoc, .footer-social a {
    width: 38px !important;
    height: 38px !important;
  }
  .footer-visitor-bar__inner {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0 !important;
  }
  .footer-visitor-counter {
    padding: 0.75rem 1.25rem !important;
  }
  .footer-bottom {
    font-size: 0.78rem !important;
    text-align: center !important;
    flex-direction: column !important;
    gap: 0.4rem !important;
  }

  /* ── NEWSLETTER ─────────────────────────────────────────── */
  .newsletter-strip { padding-block: 2.5rem !important; }
  .newsletter-strip h2 { font-size: 1.7rem !important; }
  .newsletter-form {
    flex-direction: column !important;
    gap: 0.75rem !important;
    width: 100% !important;
  }
  .newsletter-form input,
  .newsletter-form .btn {
    width: 100% !important;
    border-radius: 10px !important;
  }

  /* ── CONTACT FORM ───────────────────────────────────────── */
  .contact-layout { grid-template-columns: 1fr !important; }
  .contact-info { grid-template-columns: 1fr !important; }
  .cf-row--2col { grid-template-columns: 1fr !important; }
  .contact-form-wrap { padding: 1.5rem 1.2rem !important; }

  /* ── ARCHIVE PAGE HEADER ────────────────────────────────── */
  .archive-header .container {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
  }
  .archive-header__title { font-size: clamp(1.5rem, 7vw, 2rem) !important; }

  /* ── POLICY PAGES ───────────────────────────────────────── */
  .policy-hero__title { font-size: clamp(1.6rem, 7vw, 2.2rem) !important; }
  .policy-body { padding: 2rem 1.2rem !important; }

  /* ── PREVENT ANY HORIZONTAL OVERFLOW ───────────────────── */
  body { overflow-x: hidden !important; }
  .site-header, section, footer, main, article { max-width: 100vw !important; overflow-x: hidden !important; }
  img { max-width: 100% !important; }

}

/* ── Extra small (< 400px) ──────────────────────────────── */
@media (max-width: 400px) {
  .hero__title { font-size: 2rem !important; }
  .hero__actions .btn { padding: 0.8rem 1.3rem !important; font-size: 0.9rem !important; }
  .share-pill { font-size: 0.75rem !important; padding: 0.5rem 0.85rem !important; }
  .fsoc, .footer-social a { width: 34px !important; height: 34px !important; }
  .fvc__count { font-size: 1.15rem !important; }
}


/* ============================================================
   v12.16 — CONTAINER WIDER + HEADER DARKER + FOOTER LOGO
   ============================================================ */

/* ── 1. WIDER CONTAINER: more room for hero text ────────── */
:root {
  --max-w: 1340px !important;
}
.container {
  max-width: 1340px !important;
  padding-inline: clamp(1.2rem, 4vw, 2.5rem) !important;
}

/* ── 2. HEADER: slightly darker to better match hero top ── */
.site-header,
.site-header:hover,
.site-header.scrolled,
.site-header:focus-within {
  background: #080808 !important;
}
.header-topbar {
  background: #050505 !important;
}

/* ── 3. FOOTER LOGO: transparent, white text visible ──────── */
.site-footer .site-logo img,
.site-footer .footer-brand img {
  mix-blend-mode: lighten !important;
  background: transparent !important;
  filter: brightness(1.1) !important;
  height: 38px !important;
  width: auto !important;
}


/* ============================================================
   v12.17 — HERO PADDING -10px + BLOG CARD REDESIGN
   ============================================================ */

/* ── 1. HERO: 10px less padding top and bottom ───────────── */
.hero__grid {
  padding-block: calc(clamp(1.5rem, 3vw, 2.5rem) - 10px) !important;
}

/* ── 2. BLOG CARD: shorter height, image-to-text blend ────── */

/* Card wrapper — compact, no excessive height */
.post-card {
  display: flex !important;
  flex-direction: column !important;
  background: var(--clr-surface) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid var(--clr-rule) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
  position: relative !important;
}
.post-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 32px rgba(232,101,26,0.12), 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* Image: fixed height, not too tall */
.post-card__thumb {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  overflow: hidden !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.post-card--featured .post-card__thumb {
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
}
.post-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.5s ease !important;
}
.post-card:hover .post-card__thumb img {
  transform: scale(1.04) !important;
}

/* Gradient blend — image fades into card body */
.post-card__thumb::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 60% !important;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(255, 251, 246, 0.5) 60%,
    rgba(255, 251, 246, 1) 100%
  ) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Body: slides up to overlap the image blend */
.post-card__body {
  padding: 0 1.35rem 1.3rem !important;
  margin-top: -28px !important;
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.45rem !important;
  flex: 1 !important;
}

/* Category badge — sits at the blend point */
.post-card__category {
  margin-bottom: 0.1rem !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* Title: tighter */
.post-card__title {
  font-size: 1.08rem !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}
.post-card--featured .post-card__title {
  font-size: 1.25rem !important;
}

/* Excerpt: 2 lines max */
.post-card__excerpt {
  font-size: 0.87rem !important;
  line-height: 1.6 !important;
  -webkit-line-clamp: 2 !important;
  color: var(--clr-ink-mid) !important;
  margin: 0 !important;
}

/* Meta row */
.post-card__meta {
  margin-top: auto !important;
  padding-top: 0.7rem !important;
  border-top: 1px solid var(--clr-rule) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 0.78rem !important;
}

/* Dark sections (gear) — invert the blend */
.gear-section .post-card__thumb::after,
.dark-section .post-card__thumb::after {
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(15, 8, 2, 0.5) 60%,
    rgba(15, 8, 2, 0.95) 100%
  ) !important;
}

/* ── 3. SOCIAL LINKS CSS for dynamic rendering ───────────── */
.header-social {
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
}
.header-social .fsoc {
  width: 30px !important;
  height: 30px !important;
}
.header-social .fsoc svg {
  width: 14px !important;
  height: 14px !important;
}


/* ============================================================
   v12.18 — BLOG CARDS: Hero-style dark design
   Dark background, image top, gradient dissolve, white text
   ============================================================ */

/* ── BASE CARD: dark glass like the hero feature card ──── */
.post-card {
  display: flex !important;
  flex-direction: column !important;
  background: rgba(15, 8, 2, 0.88) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(232, 101, 26, 0.18) !important;
  box-shadow:
    0 0 0 1px rgba(232,101,26,0.08),
    0 8px 32px rgba(0,0,0,0.45),
    0 2px 8px rgba(0,0,0,0.3) !important;
  transition: transform 0.25s cubic-bezier(.34,1.56,.64,1), box-shadow 0.25s ease !important;
  position: relative !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}
.post-card:hover {
  transform: translateY(-5px) !important;
  box-shadow:
    0 0 0 1px rgba(232,101,26,0.28),
    0 20px 48px rgba(0,0,0,0.55),
    0 6px 16px rgba(232,101,26,0.15) !important;
}

/* Orange glow line at top on hover */
.post-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #E8651A, transparent) !important;
  opacity: 0 !important;
  transition: opacity 0.25s !important;
  z-index: 3 !important;
}
.post-card:hover::before { opacity: 1 !important; }

/* ── IMAGE AREA ─────────────────────────────────────────── */
.post-card__thumb {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  overflow: hidden !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.post-card--featured .post-card__thumb {
  height: 230px !important;
  min-height: 230px !important;
  max-height: 230px !important;
}
.post-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.55s ease !important;
}
.post-card:hover .post-card__thumb img {
  transform: scale(1.06) !important;
}

/* Gradient dissolve — image fades into dark body */
.post-card__thumb::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 65% !important;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(15,8,2,0.55) 45%,
    rgba(15,8,2,0.95) 100%
  ) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* ── BODY: overlaps faded image bottom ──────────────────── */
.post-card__body {
  padding: 0 1.4rem 1.4rem !important;
  margin-top: -42px !important;
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
  flex: 1 !important;
}

/* ── CATEGORY BADGE: orange pill on dark bg ─────────────── */
.post-card .post-card__category {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.67rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #E8651A !important;
  background: rgba(232,101,26,0.15) !important;
  border: 1px solid rgba(232,101,26,0.3) !important;
  border-radius: 999px !important;
  padding: 0.28rem 0.8rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  width: fit-content !important;
  backdrop-filter: blur(6px) !important;
}
.post-card .post-card__category:hover {
  background: rgba(232,101,26,0.25) !important;
}

/* ── TITLE: white, MD Nichrome ──────────────────────────── */
.post-card .post-card__title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.1rem !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  letter-spacing: -0.012em !important;
  margin: 0 !important;
}
.post-card--featured .post-card__title {
  font-size: 1.28rem !important;
}
.post-card .post-card__title a {
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.18s !important;
}
.post-card .post-card__title a:hover {
  color: #E8651A !important;
}

/* ── EXCERPT: muted white ───────────────────────────────── */
.post-card .post-card__excerpt {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.86rem !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,0.58) !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 0 !important;
}

/* ── META ROW: date + read button ───────────────────────── */
.post-card .post-card__meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: auto !important;
  padding-top: 0.75rem !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  font-size: 0.77rem !important;
  color: rgba(255,255,255,0.38) !important;
  font-family: 'Manrope', sans-serif !important;
}

/* READ button: orange pill */
.post-card .post-card__readmore-btn,
.post-card .post-card__readmore {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: #E8651A !important;
  background: rgba(232,101,26,0.12) !important;
  border: 1.5px solid rgba(232,101,26,0.3) !important;
  border-radius: 999px !important;
  padding: 0.38rem 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.2rem !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s !important;
  white-space: nowrap !important;
}
.post-card .post-card__readmore-btn:hover,
.post-card .post-card__readmore:hover {
  background: #E8651A !important;
  color: #fff !important;
  border-color: #E8651A !important;
}

/* ── MOBILE: keep dark style ────────────────────────────── */
@media (max-width: 767px) {
  .post-card {
    background: rgba(15,8,2,0.88) !important;
    border-color: rgba(232,101,26,0.18) !important;
  }
  .post-card__thumb::after {
    background: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(15,8,2,0.55) 45%,
      rgba(15,8,2,0.95) 100%
    ) !important;
  }
}


/* ============================================================
   v12.19 — BLOG CARD: EXACT MATCH TO TARGET IMAGE
   Image top (60%), badge overlaid on image, title + meta only
   No excerpt visible. Compact dark card. Clean.
   ============================================================ */

.post-card {
  display: flex !important;
  flex-direction: column !important;
  background: #1a0d05 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(232,101,26,0.15) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.5) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
  position: relative !important;
  /* No flex:1 stretch — card is only as tall as its content */
  height: auto !important;
}
.post-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.65), 0 0 0 1px rgba(232,101,26,0.25) !important;
}

/* ── IMAGE: fixed height, fills top portion ─────────────── */
.post-card__thumb {
  display: block !important;
  width: 100% !important;
  height: 195px !important;
  min-height: 195px !important;
  max-height: 195px !important;
  overflow: hidden !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.post-card--featured .post-card__thumb {
  height: 210px !important;
  min-height: 210px !important;
  max-height: 210px !important;
}
.post-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.5s ease !important;
}
.post-card:hover .post-card__thumb img {
  transform: scale(1.04) !important;
}

/* Dark gradient at bottom of image for badge readability */
.post-card__thumb::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    transparent 30%,
    rgba(15,7,2,0.72) 100%
  ) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* ── CATEGORY BADGE: sit on image, bottom-left ──────────── */
.post-card .post-card__category {
  position: absolute !important;
  bottom: 1rem !important;
  left: 1.2rem !important;
  z-index: 2 !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #E8651A !important;
  background: rgba(20,10,2,0.75) !important;
  border: 1px solid rgba(232,101,26,0.35) !important;
  border-radius: 999px !important;
  padding: 0.25rem 0.75rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.28rem !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  width: auto !important;
  margin: 0 !important;
}

/* ── BODY: tight, just title + meta ─────────────────────── */
.post-card__body {
  padding: 1.1rem 1.3rem 1.25rem !important;
  margin-top: 0 !important;
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
  flex: 0 !important;          /* do NOT stretch — stay content height */
  background: transparent !important;
}

/* ── TITLE: white, readable ─────────────────────────────── */
.post-card .post-card__title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.05rem !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
}
.post-card--featured .post-card__title {
  font-size: 1.2rem !important;
}
.post-card .post-card__title a {
  color: #ffffff !important;
  text-decoration: none !important;
}
.post-card .post-card__title a:hover { color: #E8651A !important; }

/* ── EXCERPT: hidden — not shown in target image ────────── */
.post-card .post-card__excerpt {
  display: none !important;
}

/* ── META: "6 min read" only, no border, muted ──────────── */
.post-card .post-card__meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 0 !important;
  border-top: none !important;
  margin-top: 0 !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.78rem !important;
  color: rgba(255,255,255,0.42) !important;
}

/* Read button — compact orange pill */
.post-card .post-card__readmore-btn,
.post-card .post-card__readmore {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #E8651A !important;
  background: rgba(232,101,26,0.1) !important;
  border: 1.5px solid rgba(232,101,26,0.28) !important;
  border-radius: 999px !important;
  padding: 0.32rem 0.9rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.2rem !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background 0.18s, color 0.18s !important;
}
.post-card .post-card__readmore-btn:hover,
.post-card .post-card__readmore:hover {
  background: #E8651A !important;
  color: #fff !important;
  border-color: #E8651A !important;
}

/* ── MOBILE ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  .post-card .post-card__excerpt { display: none !important; }
  .post-card__thumb { height: 180px !important; min-height: 180px !important; max-height: 180px !important; }
}


/* ── ARCHIVE CARDS: same design as post cards ────────────── */
.archive-card.post-card {
  background: #1a0d05 !important;
}
.archive-card .archive-card__thumb,
.archive-card.post-card .post-card__thumb {
  height: 195px !important;
  min-height: 195px !important;
  max-height: 195px !important;
}
/* Badge inside thumb — already handled by .post-card .post-card__category absolute positioning */
.archive-card .post-card__category {
  position: absolute !important;
  bottom: 1rem !important;
  left: 1.2rem !important;
  z-index: 2 !important;
  margin: 0 !important;
}
/* Hide archive excerpts */
.archive-card .archive-card__excerpt { display: none !important; }
.archive-card .archive-card__body { margin-top: 0 !important; }


/* ============================================================
   v12.20 — MOBILE: ALL LAYOUTS STACK VERTICALLY
   Text/headline always first, visual/card always below
   Applies to: hero, about, archive pairs, footer, contact, post
   ============================================================ */

@media (max-width: 767px) {

  /* ── HERO: text first, feature card below ─────────────── */
  .hero__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.75rem !important;
    padding-block: 2rem 2.25rem !important;
  }
  .hero__copy {
    order: 1 !important;
    width: 100% !important;
  }
  .hero__visual {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
  }
  .hero__feature-card {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* ── ABOUT SECTION: text first, avatar below (or hidden) ─ */
  .about-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5rem !important;
  }
  .about-content  { order: 1 !important; }
  .about-avatar   { order: 2 !important; display: none !important; }

  /* ── SINGLE POST: content first, sidebar hidden ─────────── */
  .post-content-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }
  .post-content  { order: 1 !important; width: 100% !important; }
  .post-sidebar  { display: none !important; }

  /* ── ARCHIVE PAGE: content first, sidebar hidden ─────────── */
  .archive-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }
  .archive-grid > div:first-child { order: 1 !important; width: 100% !important; }
  .archive-grid aside              { display: none !important; }

  /* ── ARCHIVE PAIR CARDS: stack vertically ───────────────── */
  .archive-posts-pair {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
  }

  /* ── SECTION HEADERS: stack label+title then button below ─ */
  .hp-section-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.85rem !important;
  }
  .hp-section-header__inner { order: 1 !important; width: 100% !important; }
  .hp-section-header .btn-pill-outline { order: 2 !important; align-self: flex-start !important; }

  /* ── CONTACT PAGE: info cards above, form below ──────────── */
  .contact-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }
  .contact-info      { order: 1 !important; display: flex !important; flex-direction: column !important; gap: 1rem !important; }
  .contact-form-wrap { order: 2 !important; }
  .cf-row--2col {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
  }

  /* ── FOOTER: brand first, then columns ──────────────────── */
  .footer-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }
  .footer-brand { order: 1 !important; }
  .footer-col   { order: 2 !important; }

  /* Footer bottom: stack copyright + built-by ─────────────── */
  .footer-bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0.4rem !important;
    font-size: 0.78rem !important;
  }

  /* ── POST PAGE: share block stacks ──────────────────────── */
  .post-share-block {
    flex-direction: column !important;
    gap: 1.25rem !important;
  }
  .post-share-block__left  { order: 1 !important; }
  .post-share-block__right {
    order: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0.6rem !important;
    width: 100% !important;
  }
  .share-pill {
    flex: 1 1 calc(50% - 0.6rem) !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  /* ── AUTHOR BOX: stacks cleanly ─────────────────────────── */
  .post-author-box__header {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
  }
  .post-author-box__footer {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.6rem !important;
  }

  /* ── POSTS GRID: single column ──────────────────────────── */
  .posts-grid,
  .posts-grid--featured,
  .gear-grid,
  .compact-posts-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
  }

  /* ── HERO STATS: keep as row, 3 items across ────────────── */
  .hero__stats {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    gap: 0 !important;
    width: 100% !important;
  }

  /* ── HERO ACTIONS: stack buttons ────────────────────────── */
  .hero__actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
  }

  /* ── VISITOR COUNTER: wrap in rows ──────────────────────── */
  .footer-visitor-bar__inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  /* ── NEWSLETTER: stack input + button ───────────────────── */
  .newsletter-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    width: 100% !important;
  }
  .newsletter-form input,
  .newsletter-form .btn {
    width: 100% !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  /* ── PREVENT OVERFLOW ────────────────────────────────────── */
  body { overflow-x: hidden !important; }
  * { max-width: 100% !important; box-sizing: border-box !important; }
  img, video, iframe { max-width: 100% !important; height: auto !important; }

}

/* ── EXTRA SMALL < 400px ─────────────────────────────────── */
@media (max-width: 400px) {
  .hero__title  { font-size: 1.9rem !important; }
  .share-pill   { flex: 1 1 100% !important; }
  .hero__actions .btn { width: 100% !important; justify-content: center !important; }
}


/* ============================================================
   v12.21 — BLOG CARD: Reference design
   White card · padded inner image · author · title+arrow
   excerpt · category pill + date footer
   ============================================================ */

/* ── CARD WRAPPER ───────────────────────────────────────── */
.post-card {
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: 0 4px 28px rgba(0,0,0,0.07), 0 1px 4px rgba(0,0,0,0.04) !important;
  transition: transform 0.22s cubic-bezier(.34,1.56,.64,1), box-shadow 0.22s ease !important;
  position: relative !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.post-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.13), 0 2px 8px rgba(232,101,26,0.08) !important;
}
/* Remove the glow-line pseudo we added earlier */
.post-card::before { display: none !important; }

/* ── IMAGE: padded inside card, own rounded border ───────── */
.post-card__thumb {
  display: block !important;
  margin: 0.85rem 0.85rem 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  height: 185px !important;
  min-height: 185px !important;
  max-height: 185px !important;
  flex-shrink: 0 !important;
  position: relative !important;
  background: #f0ebe3 !important;
}
.post-card--featured .post-card__thumb {
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
}
.post-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.5s ease !important;
  border-radius: 14px !important;
}
.post-card:hover .post-card__thumb img {
  transform: scale(1.04) !important;
}
/* No gradient overlay — clean like reference */
.post-card__thumb::after { display: none !important; }

/* ── BODY ───────────────────────────────────────────────── */
.post-card__body {
  padding: 1rem 1.35rem 1.3rem !important;
  margin-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
  flex: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ── ROW 1: Author · read time ──────────────────────────── */
.post-card__byline {
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 400 !important;
  color: #888 !important;
  line-height: 1 !important;
}
.post-card__dot {
  color: #bbb !important;
  font-size: 0.6rem !important;
}
.post-card__author { color: #666 !important; font-weight: 500 !important; }
.post-card__readtime { color: #888 !important; }

/* ── ROW 2: Title + arrow ───────────────────────────────── */
.post-card__title-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
}
.post-card .post-card__title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.05rem !important;
  line-height: 1.32 !important;
  color: #111111 !important;
  letter-spacing: -0.012em !important;
  margin: 0 !important;
  flex: 1 !important;
}
.post-card--featured .post-card__title {
  font-size: 1.15rem !important;
}
.post-card .post-card__title a {
  color: #111111 !important;
  text-decoration: none !important;
  transition: color 0.18s !important;
}
.post-card .post-card__title a:hover { color: #E8651A !important; }

/* Arrow icon — top right, orange on hover */
.post-card__arrow {
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  color: #bbb !important;
  background: #f5f5f5 !important;
  transition: background 0.18s, color 0.18s !important;
  text-decoration: none !important;
}
.post-card:hover .post-card__arrow,
.post-card__arrow:hover {
  background: #E8651A !important;
  color: #fff !important;
}
.post-card__arrow svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
}

/* ── ROW 3: Excerpt ─────────────────────────────────────── */
.post-card .post-card__excerpt {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #666 !important;
  margin: 0 !important;
}

/* ── ROW 4: Category pill + date ────────────────────────── */
.post-card__footer-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-top: auto !important;
  padding-top: 0.5rem !important;
  flex-wrap: wrap !important;
}
/* Category badge override for light card */
.post-card .post-card__category {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  z-index: auto !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #444 !important;
  background: transparent !important;
  border: 1.5px solid #ddd !important;
  border-radius: 999px !important;
  padding: 0.22rem 0.75rem !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  width: auto !important;
  margin: 0 !important;
  transition: border-color 0.18s, color 0.18s !important;
}
.post-card .post-card__category:hover {
  border-color: #E8651A !important;
  color: #E8651A !important;
  background: transparent !important;
}
.post-card__date {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.76rem !important;
  color: #999 !important;
  font-weight: 400 !important;
}

/* ── Hide old meta row (replaced by new footer-row) ─────── */
.post-card .post-card__meta { display: none !important; }
.post-card .post-card__readmore-btn,
.post-card .post-card__readmore { display: none !important; }

/* ── MOBILE ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  .post-card {
    background: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
  }
  .post-card__thumb {
    margin: 0.7rem 0.7rem 0 !important;
    height: 170px !important;
    min-height: 170px !important;
    max-height: 170px !important;
  }
  .post-card__body { padding: 0.85rem 1.1rem 1.1rem !important; }
  .post-card .post-card__title { font-size: 0.98rem !important; }
}


/* ============================================================
   v12.22 — BLOG CARD: EXACT 50/50 PROPORTIONS
   Image = 50% card height | Body = 50% card height
   Big title, small meta/excerpt below
   ============================================================ */

/* ── CARD: fixed square-ish height so 50/50 works ────────── */
.post-card {
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: 0 4px 28px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04) !important;
  transition: transform 0.22s cubic-bezier(.34,1.56,.64,1), box-shadow 0.25s ease !important;
  position: relative !important;
  /* Fixed height = card is a square-ish block, 50/50 split */
  min-height: 460px !important;
  height: 460px !important;
}
.post-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,0.13), 0 2px 8px rgba(232,101,26,0.1) !important;
}
.post-card::before { display: none !important; }

/* ── IMAGE: exactly 50% of card height ──────────────────── */
.post-card__thumb {
  display: block !important;
  width: calc(100% - 1.4rem) !important;
  margin: 0.7rem 0.7rem 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  /* 50% of 460px = 230px, minus top margin = ~223px */
  height: 223px !important;
  min-height: 223px !important;
  max-height: 223px !important;
  flex-shrink: 0 !important;
  background: #edeae5 !important;
}
.post-card--featured .post-card__thumb {
  height: 223px !important;
  min-height: 223px !important;
  max-height: 223px !important;
}
.post-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 14px !important;
  transition: transform 0.5s ease !important;
}
.post-card:hover .post-card__thumb img { transform: scale(1.04) !important; }
.post-card__thumb::after { display: none !important; }

/* ── BODY: exactly 50% — flex fills remaining space ─────── */
.post-card__body {
  padding: 0.9rem 1.25rem 1.1rem !important;
  margin-top: 0 !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

/* ── ROW 1: author · readtime — SMALL ───────────────────── */
.post-card__byline {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 400 !important;
  color: #999 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}
.post-card__author { color: #666 !important; font-weight: 500 !important; }
.post-card__dot { color: #ccc !important; font-size: 0.55rem !important; }
.post-card__readtime { color: #999 !important; }

/* ── ROW 2: TITLE — BIG, bold, dark ─────────────────────── */
.post-card__title-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
  flex-shrink: 0 !important;
}
.post-card .post-card__title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.22rem !important;      /* noticeably bigger than excerpt */
  line-height: 1.3 !important;
  color: #0f0f0f !important;
  letter-spacing: -0.015em !important;
  margin: 0 !important;
  flex: 1 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.post-card--featured .post-card__title { font-size: 1.28rem !important; }
.post-card .post-card__title a { color: #0f0f0f !important; text-decoration: none !important; }
.post-card .post-card__title a:hover { color: #E8651A !important; }

/* Arrow button */
.post-card__arrow {
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  color: #bbb !important;
  background: #f5f5f5 !important;
  text-decoration: none !important;
  transition: background 0.18s, color 0.18s !important;
}
.post-card:hover .post-card__arrow { background: #E8651A !important; color: #fff !important; }
.post-card__arrow svg { width: 13px !important; height: 13px !important; display: block !important; }

/* ── ROW 3: EXCERPT — SMALL, grey ───────────────────────── */
.post-card .post-card__excerpt {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.8rem !important;       /* smaller than title */
  font-weight: 400 !important;
  line-height: 1.58 !important;
  color: #777 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* ── ROW 4: Category pill + date — SMALL, pushes to bottom ─ */
.post-card__footer-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin-top: auto !important;
  padding-top: 0.4rem !important;
  flex-wrap: nowrap !important;
}
.post-card .post-card__category {
  position: static !important;
  bottom: auto !important; left: auto !important;
  z-index: auto !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.69rem !important;      /* small */
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: #444 !important;
  background: transparent !important;
  border: 1.5px solid #ddd !important;
  border-radius: 999px !important;
  padding: 0.2rem 0.7rem !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.2rem !important;
  width: auto !important;
  margin: 0 !important;
  white-space: nowrap !important;
  transition: border-color 0.18s, color 0.18s !important;
}
.post-card .post-card__category:hover { border-color: #E8651A !important; color: #E8651A !important; }
.post-card__date {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.69rem !important;     /* small, same as pill */
  color: #aaa !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}

/* ── Hide old unused elements ────────────────────────────── */
.post-card .post-card__meta     { display: none !important; }
.post-card .post-card__readmore-btn,
.post-card .post-card__readmore { display: none !important; }

/* ── MOBILE ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  .post-card {
    height: auto !important;
    min-height: unset !important;
  }
  .post-card__thumb {
    height: 185px !important;
    min-height: 185px !important;
    max-height: 185px !important;
    width: calc(100% - 1.2rem) !important;
    margin: 0.6rem 0.6rem 0 !important;
  }
  .post-card .post-card__title { font-size: 1.08rem !important; }
  .post-card .post-card__excerpt { -webkit-line-clamp: 2 !important; }
}


/* ============================================================
   v12.23 — CARD FINAL: +5px title, 12px excerpt,
   equal 4-side image padding, narrower card width
   ============================================================ */

/* ── CARD: narrower max-width, all content fits ─────────── */
.post-card {
  max-width: 360px !important;    /* narrower — less wide */
  height: auto !important;        /* let content define height */
  min-height: unset !important;
}

/* Centre cards in grid columns */
.posts-grid--featured {
  justify-items: center !important;
}

/* ── IMAGE: equal padding all 4 sides ───────────────────── */
.post-card__thumb {
  width: calc(100% - 1.6rem) !important;   /* equal left+right */
  margin: 0.8rem auto 0 !important;        /* 0.8rem top, auto centres horizontally */
  margin-left: 0.8rem !important;
  margin-right: 0.8rem !important;
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}
.post-card--featured .post-card__thumb {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
}

/* ── BODY: equal side padding matching image ─────────────── */
.post-card__body {
  padding: 0.85rem 0.8rem 0.8rem !important;   /* matches image left/right */
  gap: 0.42rem !important;
}

/* ── TITLE: current 1.22rem + 5px = ~1.53rem ────────────── */
.post-card .post-card__title {
  font-size: 1.53rem !important;
  line-height: 1.25 !important;
  -webkit-line-clamp: 3 !important;
}
.post-card--featured .post-card__title {
  font-size: 1.53rem !important;
}

/* ── EXCERPT: exactly 12px = 0.75rem ────────────────────── */
.post-card .post-card__excerpt {
  font-size: 0.75rem !important;
  line-height: 1.6 !important;
  -webkit-line-clamp: 4 !important;   /* show more lines at smaller size */
  color: #777 !important;
}

/* ── MOBILE: remove max-width constraint on small screens ── */
@media (max-width: 767px) {
  .post-card {
    max-width: 100% !important;
    height: auto !important;
    min-height: unset !important;
  }
  .post-card__thumb {
    margin: 0.7rem 0.7rem 0 !important;
    width: calc(100% - 1.4rem) !important;
    height: 175px !important;
    min-height: 175px !important;
    max-height: 175px !important;
  }
  .post-card__body { padding: 0.8rem 0.85rem 0.9rem !important; }
  .post-card .post-card__title { font-size: 1.2rem !important; }
  .post-card .post-card__excerpt { -webkit-line-clamp: 3 !important; }
}


/* ============================================================
   v12.24 — CARD: +40px wider, +20px taller, title 20% bigger,
   arrow moved below title row, arrow bigger
   ============================================================ */

/* ── CARD: 360 + 40 = 400px wide ────────────────────────── */
.post-card {
  max-width: 400px !important;
  height: auto !important;
  min-height: unset !important;
}

/* ── IMAGE: +20px taller → 180 + 20 = 200px ─────────────── */
.post-card__thumb,
.post-card--featured .post-card__thumb {
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
}

/* ── TITLE: 1.53rem × 1.2 = 1.836rem ≈ 1.85rem ──────────── */
.post-card .post-card__title {
  font-size: 1.85rem !important;
  line-height: 1.22 !important;
  -webkit-line-clamp: 3 !important;
}
.post-card--featured .post-card__title {
  font-size: 1.85rem !important;
}

/* ── TITLE ROW: title stacks above arrow (not side by side) ─ */
.post-card__title-row {
  display: flex !important;
  flex-direction: column !important;   /* arrow goes BELOW title */
  align-items: flex-start !important;
  gap: 0.6rem !important;
}

/* ── ARROW: bigger, sits below title ────────────────────── */
.post-card__arrow {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  background: #f0ede8 !important;
  color: #888 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  transition: background 0.18s, color 0.18s, transform 0.18s !important;
  margin-top: 0 !important;            /* reset the top margin from earlier */
}
.post-card:hover .post-card__arrow {
  background: #E8651A !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}
.post-card__arrow svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

/* ── MOBILE ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  .post-card { max-width: 100% !important; }
  .post-card .post-card__title { font-size: 1.35rem !important; }
  .post-card__arrow { width: 34px !important; height: 34px !important; }
  .post-card__arrow svg { width: 16px !important; height: 16px !important; }
}


/* ============================================================
   v12.25 — UNIFIED CARDS: Gear + Automations sections
   Same post-card design site-wide. Gear section gets slight
   card tint to work on its dark background.
   ============================================================ */

/* Gear section — cards on dark bg: keep white but add warm border */
.gear-section .post-card {
  background: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.35), 0 2px 8px rgba(0,0,0,0.2) !important;
}
.gear-section .post-card:hover {
  box-shadow: 0 20px 56px rgba(0,0,0,0.5), 0 0 0 1px rgba(232,101,26,0.3) !important;
}

/* Grid: 3 columns on desktop for gear (matching original 3-up layout) */
.gear-section .posts-grid--featured {
  grid-template-columns: repeat(3, 1fr) !important;
  justify-items: stretch !important;
}
.gear-section .post-card {
  max-width: 100% !important;   /* fill column in 3-up grid */
}

/* Tablet: 2 cols */
@media (max-width: 900px) {
  .gear-section .posts-grid--featured {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
/* Mobile: 1 col */
@media (max-width: 640px) {
  .gear-section .posts-grid--featured {
    grid-template-columns: 1fr !important;
  }
  .gear-section .post-card { max-width: 100% !important; }
}


/* ============================================================
   v12.27 — LOGO FIX + NAV FONT + CONTACT PAGE POLISH
   ============================================================ */

/* ── 1. LOGO: nuke every possible container background ────── */
.site-logo,
.site-logo a,
.site-logo > a,
.custom-logo-link,
a.site-logo,
.site-header .site-logo,
.site-header .site-logo a,
.site-header .custom-logo-link,
.site-header__inner .site-logo,
header .site-logo,
header .custom-logo-link {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.site-logo img,
.custom-logo-link img,
.site-logo .custom-logo,
.site-header .site-logo img,
.site-header .custom-logo-link img {
  background: transparent !important;
  background-color: transparent !important;
  mix-blend-mode: lighten !important;
  box-shadow: none !important;
  border: none !important;
  display: block !important;
  height: 38px !important;
  width: auto !important;
  filter: brightness(1.15) contrast(1.05) !important;
}

/* ── 2. NAV: crisper, brighter, lighter weight ─────────────── */
.primary-nav a {
  font-family: 'Manrope', 'Poppins', system-ui, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.88) !important;   /* brighter */
  letter-spacing: 0.02em !important;
  padding: 0.45rem 0.9rem !important;
  border-radius: var(--radius-sm) !important;
  transition: color 0.15s, background 0.15s !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}
.primary-nav a:hover,
.primary-nav a.current-menu-item,
.primary-nav a:focus-visible {
  color: #E8651A !important;
  background: rgba(232,101,26,0.1) !important;
}

/* ── 3. CONTACT PAGE: polished redesign ─────────────────── */

/* Hero */
.contact-hero {
  background: linear-gradient(145deg, #1c0a00 0%, #0d0d0d 70%) !important;
  color: #fff;
  padding-block: clamp(3.5rem, 7vw, 5.5rem);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.contact-hero::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 70% 130% at 50% -10%, rgba(232,101,26,0.22) 0%, transparent 65%);
  pointer-events: none;
}
.contact-hero__label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: 'Manrope', sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--clr-accent);
  background: rgba(232,101,26,0.12);
  border: 1px solid rgba(232,101,26,0.28);
  border-radius: 999px;
  padding: 0.32rem 1.1rem;
  margin-bottom: 1.2rem;
  position: relative;
}
.contact-hero__title {
  font-family: 'MD Nichrome', Georgia, serif;
  font-size: clamp(2.2rem, 4.5vw, 3.8rem);
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.022em;
  line-height: 1.1;
  margin-bottom: 1rem;
  position: relative;
}
.contact-hero__sub {
  font-family: 'Manrope', sans-serif;
  font-size: 1.05rem;
  color: rgba(255,255,255,0.6);
  max-width: 50ch;
  margin-inline: auto;
  position: relative;
  line-height: 1.7;
}

/* Section */
.contact-section {
  padding-block: clamp(3rem, 6vw, 5rem);
  background: var(--clr-bg);
}

/* Two-column layout */
.contact-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: start;
}

/* Info cards */
.contact-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.contact-info__card {
  background: var(--clr-surface);
  border: 1px solid var(--clr-rule);
  border-radius: 16px;
  padding: 1.25rem 1.4rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.contact-info__card:hover {
  border-color: rgba(232,101,26,0.3);
  transform: translateX(3px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.contact-info__icon-wrap {
  font-size: 1.3rem;
  line-height: 1;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: rgba(232,101,26,0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(232,101,26,0.15);
}
.contact-info__card h3 {
  font-family: 'Manrope', sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--clr-ink);
  margin: 0 0 0.25rem;
}
.contact-info__card p {
  font-family: 'Manrope', sans-serif;
  font-size: 0.82rem !important;
  color: var(--clr-ink-mid);
  line-height: 1.6;
  margin: 0;
}

/* Form wrapper */
.contact-form-wrap {
  background: var(--clr-surface);
  border: 1px solid var(--clr-rule);
  border-radius: 24px;
  padding: clamp(1.75rem, 4vw, 3rem);
  box-shadow: 0 4px 32px rgba(0,0,0,0.06);
}

.contact-form-header {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--clr-rule);
}
.contact-form-header h2 {
  font-family: 'MD Nichrome', serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--clr-ink);
  margin: 0 0 0.4rem;
  letter-spacing: -0.018em;
}
.contact-form-header p {
  font-family: 'Manrope', sans-serif;
  font-size: 0.83rem !important;
  color: var(--clr-ink-muted);
  margin: 0;
}

/* Form groups */
.contact-form { display: flex; flex-direction: column; gap: 1.35rem; }
.cf-row { display: grid; gap: 1.35rem; }
.cf-row--2col { grid-template-columns: 1fr 1fr; }
.cf-group { display: flex; flex-direction: column; gap: 0.45rem; }

.cf-label {
  font-family: 'Manrope', sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--clr-ink);
  letter-spacing: 0.005em;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.cf-required { color: var(--clr-accent); font-weight: 700; }

.cf-input {
  font-family: 'Manrope', sans-serif;
  font-size: 0.95rem;
  color: var(--clr-ink);
  background: var(--clr-bg);
  border: 1.5px solid var(--clr-rule);
  border-radius: 12px;
  padding: 0.82rem 1rem;
  width: 100%;
  outline: none;
  transition: border-color 0.18s, box-shadow 0.18s;
  line-height: 1.5;
  appearance: none;
  -webkit-appearance: none;
}
.cf-input:focus {
  border-color: var(--clr-accent);
  box-shadow: 0 0 0 3px rgba(232,101,26,0.12);
  background: #fff;
}
.cf-input::placeholder { color: #bbb; font-size: 0.9rem; }

.cf-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px;
  padding-right: 2.8rem;
  cursor: pointer;
}

.cf-textarea { resize: vertical; min-height: 140px; line-height: 1.7; }

/* Checkbox */
.cf-group--checkbox { flex-direction: row; }
.cf-checkbox-label { display: flex; align-items: flex-start; gap: 0.75rem; cursor: pointer; }
.cf-checkbox { position: absolute; opacity: 0; width: 0; height: 0; }
.cf-checkbox-custom {
  flex-shrink: 0; width: 20px; height: 20px;
  border: 2px solid var(--clr-rule); border-radius: 6px;
  background: var(--clr-bg); margin-top: 2px;
  display: flex; align-items: center; justify-content: center;
  transition: border-color 0.18s, background 0.18s;
}
.cf-checkbox:checked + .cf-checkbox-custom {
  background: var(--clr-accent); border-color: var(--clr-accent);
}
.cf-checkbox:checked + .cf-checkbox-custom::after {
  content: '';
  width: 5px; height: 9px;
  border: 2px solid #fff; border-top: none; border-left: none;
  transform: rotate(45deg) translateY(-1px);
  display: block;
}
.cf-checkbox-text {
  font-family: 'Manrope', sans-serif;
  font-size: 0.85rem; color: var(--clr-ink-mid); line-height: 1.6;
}
.cf-checkbox-text a { color: var(--clr-accent); text-decoration: underline; text-underline-offset: 2px; }

.cf-submit { padding-top: 0.25rem; }
.btn--lg { padding: 0.95rem 2rem !important; font-size: 1rem !important; font-weight: 700 !important; }

/* Error + success */
.contact-error {
  background: #fff3f3; border: 1px solid #f5c6c6;
  border-left: 4px solid #e55353; border-radius: 12px;
  padding: 1rem 1.2rem; font-family: 'Manrope', sans-serif;
  font-size: 0.9rem; color: #c0392b; margin-bottom: 1.5rem;
}
.contact-success {
  text-align: center; padding: 3rem 2rem;
}
.contact-success__icon { font-size: 2.8rem; margin-bottom: 1rem; }
.contact-success h2 {
  font-family: 'MD Nichrome', serif; font-size: 2rem; font-weight: 400;
  color: var(--clr-ink); margin-bottom: 0.75rem;
}
.contact-success p {
  font-size: 1rem !important; color: var(--clr-ink-mid); margin-bottom: 2rem; line-height: 1.7;
}

/* Responsive */
@media (max-width: 860px) {
  .contact-layout { grid-template-columns: 1fr; }
  .contact-info { flex-direction: row; flex-wrap: wrap; }
  .contact-info__card { flex: 1 1 calc(50% - 0.5rem); }
}
@media (max-width: 600px) {
  .cf-row--2col { grid-template-columns: 1fr; }
  .contact-info { flex-direction: column; }
  .contact-info__card { flex: unset; }
  .contact-form-wrap { padding: 1.5rem 1.2rem; border-radius: 18px; }
}


/* ============================================================
   v12.28 — SINGLE POST PAGE: share icons, progress donut, TOC
   ============================================================ */

/* ── 1. META-BAR SHARE BUTTONS: proper icon circles ───────── */
.meta-share-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #111 !important;
  color: #fff !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s cubic-bezier(.34,1.56,.64,1), background 0.18s, box-shadow 0.18s !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.22) !important;
}
.meta-share-btn svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
  fill: #fff !important;
  color: #fff !important;
  stroke: #fff !important;
  pointer-events: none !important;
}
.meta-share-btn:hover { transform: translateY(-2px) scale(1.08) !important; }
.meta-share-btn--x:hover   { background: #222 !important; box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important; }
.meta-share-btn--fb:hover  { background: #1877F2 !important; box-shadow: 0 4px 16px rgba(24,119,242,0.4) !important; }
.meta-share-btn--pin:hover { background: #E60023 !important; box-shadow: 0 4px 16px rgba(230,0,35,0.4) !important; }
.meta-share-btn--copy:hover,
.meta-share-btn--copy.copied { background: #E8651A !important; box-shadow: 0 4px 16px rgba(232,101,26,0.4) !important; }

.social-share {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
.social-share__label {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--clr-ink-muted) !important;
  margin-right: 0.25rem !important;
}

/* Also update the big share-pill block icons in the share block at bottom */
.share-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  padding: 0.6rem 1.25rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.13) !important;
  background: rgba(255,255,255,0.07) !important;
  color: rgba(255,255,255,0.82) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background 0.18s, border-color 0.18s, color 0.18s, transform 0.15s !important;
  white-space: nowrap !important;
}
.share-pill:hover { transform: translateX(3px) !important; }
.share-pill__icon {
  font-size: 0.95rem !important;
  line-height: 1 !important;
  width: 18px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}
.share-pill--x:hover     { background: rgba(29,155,240,0.18) !important; border-color: rgba(29,155,240,0.4) !important; color: #6dbff5 !important; }
.share-pill--fb:hover    { background: rgba(24,119,242,0.18) !important; border-color: rgba(24,119,242,0.4) !important; color: #7aabff !important; }
.share-pill--pin:hover   { background: rgba(230,0,35,0.18) !important;   border-color: rgba(230,0,35,0.4) !important;   color: #ff8080 !important; }
.share-pill--copy:hover  { background: rgba(232,101,26,0.2) !important;  border-color: rgba(232,101,26,0.5) !important; color: #E8651A !important; }

/* ── 2. SIDEBAR READING PROGRESS DONUT ─────────────────────── */
.sidebar-progress-widget {
  text-align: center !important;
  padding: 1.5rem 1.25rem 1.35rem !important;
}

.sidebar-progress__label {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--clr-ink-muted) !important;
  margin: 0 0 1.1rem !important;
}

.sidebar-progress__donut-wrap {
  position: relative !important;
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto !important;
}

.sidebar-progress__donut {
  width: 100px !important;
  height: 100px !important;
  display: block !important;
}

.sidebar-progress__track {
  stroke: var(--clr-rule) !important;
}

.sidebar-progress__fill {
  stroke: var(--clr-accent) !important;
  transition: stroke-dashoffset 0.4s cubic-bezier(0.4,0,0.2,1) !important;
  stroke-dasharray: 251.2 !important;
  stroke-dashoffset: 251.2 !important;
}

.sidebar-progress__inner {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
}

/* Override the old conic-gradient style on .reading-pct inside donut */
.sidebar-progress__pct.reading-pct {
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: var(--clr-accent) !important;
  background: none !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  display: block !important;
  line-height: 1 !important;
}

.sidebar-progress__time {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.8rem !important;
  color: var(--clr-ink-muted) !important;
  margin: 0.8rem 0 0 !important;
  font-weight: 500 !important;
}

/* ── 3. TOC WIDGET: bigger headline, better spacing ─────────── */
.toc-widget__header {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  margin-bottom: 1.1rem !important;
  padding-bottom: 0.85rem !important;
  border-bottom: 2px solid var(--clr-rule) !important;
}

.toc-widget__icon {
  font-size: 1.1rem !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

.toc-widget__title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
  color: var(--clr-ink) !important;
  letter-spacing: -0.012em !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

/* Remove the old h3 default from toc-widget */
.toc-widget h3 {
  /* Reset — header is now .toc-widget__title */
  font-size: inherit !important;
  margin: 0 !important;
}

.toc-widget__nav ol {
  list-style: none !important;
  counter-reset: toc-counter !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.toc-widget__nav li {
  counter-increment: toc-counter !important;
  position: relative !important;
}

.toc-widget__nav li a {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.65rem !important;
  padding: 0.55rem 0.6rem !important;
  border-radius: 8px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.84rem !important;
  font-weight: 500 !important;
  color: var(--clr-ink-mid) !important;
  text-decoration: none !important;
  line-height: 1.45 !important;
  transition: background 0.15s, color 0.15s, padding-left 0.15s !important;
}

.toc-widget__nav li a::before {
  content: counter(toc-counter) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  color: var(--clr-accent) !important;
  background: rgba(232,101,26,0.1) !important;
  border-radius: 5px !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 1px !important;
  flex-shrink: 0 !important;
}

.toc-widget__nav li a:hover {
  background: rgba(232,101,26,0.07) !important;
  color: var(--clr-ink) !important;
  padding-left: 0.9rem !important;
}

.toc-widget__nav li a.toc-active {
  background: rgba(232,101,26,0.1) !important;
  color: var(--clr-accent) !important;
  font-weight: 600 !important;
}

.toc-widget__nav li a.toc-active::before {
  background: var(--clr-accent) !important;
  color: #fff !important;
}


/* ============================================================
   v12.29 — AUTHOR CARD: matches reference design
   White card · circular avatar · star badge · read-all pill
   WRITTEN BY · bold name · role with orange site · bio text
   ============================================================ */

/* ── CARD WRAPPER ─────────────────────────────────────────── */
.author-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 2rem !important;
  background: #f9f6f2 !important;          /* warm off-white, matches reference */
  border-radius: 20px !important;
  padding: 2rem 2.25rem !important;
  margin-top: 2.5rem !important;
  border: 1px solid #eee8e0 !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.05) !important;
  position: relative !important;
  overflow: visible !important;
}

/* ── LEFT COLUMN ──────────────────────────────────────────── */
.author-card__left {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 1rem !important;
  flex-shrink: 0 !important;
}

/* Avatar circle */
.author-card__avatar-wrap {
  position: relative !important;
  width: 88px !important;
  height: 88px !important;
  flex-shrink: 0 !important;
}

.author-card__avatar,
.author-card__avatar--override {
  width: 88px !important;
  height: 88px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  border: 3px solid #fff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.12) !important;
}

/* Override: show publisher photo on top if set */
.author-card__avatar--override {
  position: absolute !important;
  inset: 0 !important;
}

/* Star badge — bottom right of avatar */
.author-card__badge {
  position: absolute !important;
  bottom: 2px !important;
  right: 2px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #22c55e !important;         /* green star badge like reference */
  color: #fff !important;
  font-size: 0.75rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #fff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.15) !important;
  line-height: 1 !important;
}

/* "Read all Post" pill button */
.author-card__read-all {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: var(--clr-ink) !important;
  background: transparent !important;
  border: 1.5px solid #d0c8be !important;
  border-radius: 999px !important;
  padding: 0.38rem 1rem !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: border-color 0.18s, color 0.18s, background 0.18s !important;
  display: inline-block !important;
}
.author-card__read-all:hover {
  border-color: var(--clr-accent) !important;
  color: var(--clr-accent) !important;
  background: rgba(232,101,26,0.05) !important;
}

/* ── RIGHT COLUMN ─────────────────────────────────────────── */
.author-card__right {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding-top: 0.1rem !important;
}

/* "WRITTEN BY" label — orange uppercase small */
.author-card__eyebrow {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--clr-accent) !important;
  display: block !important;
  margin-bottom: 0.1rem !important;
}

/* Big bold name */
.author-card__name {
  font-family: 'Poppins', 'MD Nichrome', sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  color: #111 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

/* Role line — "Smart Lighting Tester & Editor at LightCheckUp." */
.author-card__role {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #444 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}
.author-card__site-link {
  color: var(--clr-accent) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
.author-card__site-link:hover {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* Bio paragraph */
.author-card__bio {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 400 !important;
  color: #555 !important;
  line-height: 1.72 !important;
  margin: 0.25rem 0 0 !important;
  max-width: 58ch !important;
}

/* ── REMOVE OLD AUTHOR BOX STYLES (prevent conflicts) ─────── */
.post-author-box { display: none !important; }

/* ── MOBILE ───────────────────────────────────────────────── */
@media (max-width: 640px) {
  .author-card {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 1.5rem 1.25rem !important;
    gap: 1.25rem !important;
  }
  .author-card__left { width: 100% !important; align-items: center !important; }
  .author-card__right { align-items: center !important; }
  .author-card__bio { max-width: 100% !important; text-align: left !important; }
  .author-card__name { font-size: 1.25rem !important; }
}


/* ============================================================
   v12.30 — ARCHIVE + SIDEBAR CONSISTENCY FIXES
   1. Article count — nice UI badge
   2. Archive header — consistent with site design
   3. Sidebar ALL widgets — 14px font, consistent headlines
   4. Hide default WP widgets (Recent Posts, Comments, Archives, Categories)
   5. Same for single.php sidebar
   ============================================================ */

/* ── 1. ARTICLE COUNT — nice orange badge ─────────────────── */
.archive-header__count {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: var(--clr-accent) !important;
  background: rgba(232,101,26,0.13) !important;
  border: 1.5px solid rgba(232,101,26,0.3) !important;
  border-radius: 999px !important;
  padding: 0.38rem 1rem !important;
  white-space: nowrap !important;
  align-self: center !important;
  letter-spacing: 0.01em !important;
}

/* ── 2. ARCHIVE HEADER — polished, consistent ─────────────── */
.archive-header {
  background: linear-gradient(145deg, #1c0a00 0%, #0d0d0d 70%) !important;
  padding-block: clamp(2.5rem, 5vw, 4rem) !important;
  position: relative !important;
  overflow: hidden !important;
}
.archive-header::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 60% 120% at 50% -10%, rgba(232,101,26,0.18) 0%, transparent 65%) !important;
  pointer-events: none !important;
}
.archive-header .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
  flex-wrap: wrap !important;
  position: relative !important;
  z-index: 1 !important;
}
.archive-header__label {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--clr-accent) !important;
  margin-bottom: 0.5rem !important;
  display: block !important;
}
.archive-header__title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-size: clamp(1.8rem, 3.5vw, 3rem) !important;
  font-weight: 400 !important;
  color: #fff !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
}

/* ── 3. HIDE DEFAULT WP WIDGETS ───────────────────────────── */
/* These get added automatically by WordPress — remove them */
.widget_recent_entries,
.widget_recent_comments,
.widget_archive,
.widget_categories,
.widget_tag_cloud,
.widget_calendar,
.widget_meta,
.widget_search,
.widget_pages,
.widget_rss,
.post-sidebar .widget_recent_entries,
.post-sidebar .widget_recent_comments,
.post-sidebar .widget_archive,
.post-sidebar .widget_categories,
aside .widget_recent_entries,
aside .widget_recent_comments,
aside .widget_archive,
aside .widget_categories {
  display: none !important;
}

/* ── 4. SIDEBAR: ALL WIDGETS — consistent 14px font ──────── */

/* Sidebar widget container */
.sidebar-widget {
  background: var(--clr-surface) !important;
  border: 1px solid var(--clr-rule) !important;
  border-radius: 16px !important;
  padding: 1.35rem 1.4rem !important;
  margin-bottom: 1.25rem !important;
}

/* ── CONSISTENT H3 WIDGET HEADLINE — same across ALL sidebars ── */
/* Style: small ALL-CAPS orange label + heavier title on next line */
.sidebar-widget h3,
.sidebar-widget .widget-title,
.toc-widget h3,
.sidebar-widget > h3 {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--clr-ink-muted) !important;
  margin: 0 0 1.1rem !important;
  padding: 0 0 0.75rem !important;
  border-bottom: 1.5px solid var(--clr-rule) !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
}

/* Orange accent dot before every widget title */
.sidebar-widget h3::before,
.sidebar-widget .widget-title::before {
  content: '' !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--clr-accent) !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

/* ── ALL SIDEBAR TEXT: 14px (0.875rem) consistently ─────── */
.sidebar-widget,
.sidebar-widget p,
.sidebar-widget li,
.sidebar-widget a,
.sidebar-widget span,
.sidebar-cat-link,
.sidebar-post__title,
.sidebar-post__date,
.toc-widget a,
.toc-widget li {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.875rem !important;   /* exactly 14px at 16px base */
}

/* Sidebar category links */
.sidebar-cat-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.5rem 0.65rem !important;
  border-radius: 9px !important;
  color: var(--clr-ink) !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  text-decoration: none !important;
  transition: background 0.15s, color 0.15s !important;
}
.sidebar-cat-link:hover,
.sidebar-cat-link--active {
  background: rgba(232,101,26,0.08) !important;
  color: var(--clr-accent) !important;
}
.sidebar-cat-count {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.7) !important;
  background: var(--clr-accent) !important;
  border-radius: 999px !important;
  padding: 0.1rem 0.5rem !important;
  min-width: 20px !important;
  text-align: center !important;
}

/* Sidebar posts (Latest Guides) */
.sidebar-post {
  display: flex !important;
  gap: 0.85rem !important;
  padding-block: 0.85rem !important;
  border-bottom: 1px solid var(--clr-rule) !important;
  align-items: flex-start !important;
}
.sidebar-post:last-child { border-bottom: none !important; padding-bottom: 0 !important; }

.sidebar-post__thumb {
  width: 54px !important;
  height: 54px !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}
.sidebar-post__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.sidebar-post__title {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.42 !important;
  color: var(--clr-ink) !important;
  display: block !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}
.sidebar-post__title:hover { color: var(--clr-accent) !important; }

.sidebar-post__date {
  font-size: 0.75rem !important;
  color: var(--clr-ink-muted) !important;
  margin-top: 0.25rem !important;
  display: block !important;
}

/* ── TOCTITLE: uses the new .toc-widget__title — stays bigger ── */
/* Override the generic h3 rule just for TOC */
.toc-widget .toc-widget__header {
  border-bottom: 1.5px solid var(--clr-rule) !important;
  padding-bottom: 0.75rem !important;
  margin-bottom: 1rem !important;
}
.toc-widget .toc-widget__title {
  font-family: 'MD Nichrome', serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: var(--clr-ink) !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
/* Remove the orange dot from toc-widget__title (has emoji icon instead) */
.toc-widget .toc-widget__title::before { display: none !important; }

/* TOC links 14px */
.toc-widget__nav a {
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
}

/* ── READING PROGRESS WIDGET label consistency ─────────────── */
.sidebar-progress__label {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--clr-ink-muted) !important;
}
.sidebar-progress-widget {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
/* Remove the h3 dot from progress widget since it uses .sidebar-progress__label */
.sidebar-progress-widget h3::before { display: none !important; }

/* ── RELATED GUIDES widget font ────────────────────────────── */
.sidebar-widget .sidebar-post__title { font-size: 0.875rem !important; }

/* ── MOBILE: keep sidebar consistent ──────────────────────── */
@media (max-width: 767px) {
  .sidebar-widget { padding: 1.1rem 1.15rem !important; }
}


/* ============================================================
   v12.31 — SINGLE.PHP FIXES
   1. Background brighter — near white, easy to read
   2. Post content headings — all identical consistent style
   3. Author badge orange not green
   4. Author "Read all Post" button moved down
   5. Share block social icons — proper SVG circles
   ============================================================ */

/* ── 1. BLOG DETAIL PAGE ONLY: brighter reading background ── */
/* Only the single post page gets the brighter bg.
   All other pages keep the original warm orange-cream theme. */
body.single-post {
  background: #FDFCFA !important;
}
body.single-post .post-content-wrapper {
  background: #FDFCFA !important;
}
body.single-post .post-content {
  background: transparent !important;
}
body.single-post .post-sidebar .sidebar-widget {
  background: #FFFFFF !important;
  border-color: #EBEBEA !important;
}
/* Post content text — good contrast on bright bg */
body.single-post .post-content p,
body.single-post .post-content li {
  color: #1a1a1a !important;
}

/* ── 2. POST CONTENT HEADINGS — identical consistent style ── */
/* All h2 and h3 inside post content use same font family,
   weight, color and bottom border accent for visual anchor */

.post-content h2,
.post-content h3,
.post-content h4 {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  color: #111111 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.018em !important;
  position: relative !important;
}

.post-content h2 {
  font-size: clamp(1.45rem, 2.5vw, 1.85rem) !important;
  margin-top: 3rem !important;
  margin-bottom: 0.9rem !important;
  padding-bottom: 0.65rem !important;
  border-bottom: 2px solid #EBEBEA !important;
}

.post-content h3 {
  font-size: clamp(1.15rem, 2vw, 1.4rem) !important;
  margin-top: 2.25rem !important;
  margin-bottom: 0.75rem !important;
}

.post-content h4 {
  font-size: 1.05rem !important;
  margin-top: 1.75rem !important;
  margin-bottom: 0.6rem !important;
  color: #333 !important;
}

/* Body text in post — brighter bg means we can use darker ink */
.post-content p,
.post-content li {
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.05rem !important;
  line-height: 1.88 !important;
  color: #222222 !important;
  letter-spacing: 0.005em !important;
}

/* ── 3. AUTHOR BADGE: orange not green ───────────────────── */
.author-card__badge {
  background: var(--clr-accent) !important;   /* orange */
  color: #fff !important;
  font-size: 0.65rem !important;
}

/* ── 4. "Read all Post" button — move further down ────────── */
.author-card__left {
  gap: 1.35rem !important;    /* was 1rem — more space between avatar and button */
}
.author-card__read-all {
  margin-top: 0.35rem !important;
}

/* ── 5. SHARE BLOCK: proper SVG circle icons ─────────────── */
/* The share-pill__icon spans currently show text/emoji chars.
   Replace with SVG background icons via CSS. */

/* Hide the text/emoji inside share-pill__icon */
.share-pill__icon {
  font-size: 0 !important;      /* hides text */
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #111 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
}

/* SVG icon via pseudo — each platform */
.share-pill__icon::after {
  content: '' !important;
  display: block !important;
  width: 13px !important;
  height: 13px !important;
  background: #fff !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.share-pill--x .share-pill__icon::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.747l7.73-8.835L1.254 2.25H8.08l4.26 5.632L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.747l7.73-8.835L1.254 2.25H8.08l4.26 5.632L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z'/%3E%3C/svg%3E") !important;
}

.share-pill--fb .share-pill__icon::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E") !important;
}

.share-pill--pin .share-pill__icon::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z'/%3E%3C/svg%3E") !important;
}

.share-pill--copy .share-pill__icon::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71'/%3E%3C/svg%3E") !important;
  background: #fff !important;
}

/* Share block brand hover colours for icon circle */
.share-pill--x:hover     .share-pill__icon { background: #222 !important; }
.share-pill--fb:hover    .share-pill__icon { background: #1877F2 !important; }
.share-pill--pin:hover   .share-pill__icon { background: #E60023 !important; }
.share-pill--copy:hover  .share-pill__icon { background: #E8651A !important; }


/* ============================================================
   v12.35 — SINGLE PAGE FIXES (from screenshot annotations)
   1. Share block: text readable — lighten bg, force white text
   2. Author: less gap between WRITTEN BY and name
   3. Author: Read all Post button moved further down
   4. Author bio: smaller text
   ============================================================ */

/* ── 1. SHARE BLOCK: readable text ──────────────────────── */
.post-share-block {
  /* Lighter dark bg so white text is clearly visible */
  background: linear-gradient(135deg, #2d1400 0%, #3d1c00 50%, #2a1100 100%) !important;
}

/* Make sure all text layers are above pseudo elements */
.post-share-block__left,
.post-share-block__right {
  position: relative !important;
  z-index: 2 !important;
}

/* Heading — bright white, guaranteed visible */
.post-share-block__heading {
  color: #ffffff !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.4) !important;
  font-size: 1.25rem !important;
}

/* Eyebrow label */
.post-share-block__eyebrow {
  color: #E8651A !important;
  background: rgba(232,101,26,0.18) !important;
  border-color: rgba(232,101,26,0.4) !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Sub text — lighter but still readable */
.post-share-block__sub {
  color: rgba(255,255,255,0.72) !important;
}

/* ── 2. AUTHOR: reduce gap between eyebrow and name ─────── */
.author-card__right {
  gap: 0.18rem !important;  /* was 0.35rem — tighter */
}
.author-card__eyebrow {
  margin-bottom: 0 !important;  /* no extra gap below WRITTEN BY */
}
.author-card__name {
  margin-top: 0.05rem !important;
}

/* ── 3. READ ALL POST: move button lower ─────────────────── */
.author-card__left {
  gap: 1.6rem !important;         /* more space between avatar and button */
  justify-content: flex-start !important;
}
.author-card__avatar-wrap {
  margin-bottom: 0.2rem !important;
}
.author-card__read-all {
  margin-top: 0.5rem !important;  /* extra push down */
}

/* ── 4. BIO TEXT: smaller ────────────────────────────────── */
.author-card__bio {
  font-size: 0.8rem !important;  /* was 0.88rem */
  line-height: 1.65 !important;
  color: #666 !important;
}
.author-card__role {
  font-size: 0.82rem !important;  /* slightly smaller too for hierarchy */
}


/* ============================================================
   v12.36 — SHARE BLOCK TEXT: DEFINITIVE FIX
   Force all text white with highest specificity
   ============================================================ */

/* Force white on EVERYTHING inside the share block —
   overrides .single-post p and any other cascade */
.post-share-block,
.post-share-block * {
  color: #ffffff !important;
}

/* Specific overrides */
.post-share-block .post-share-block__heading {
  color: #ffffff !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  font-family: 'Poppins', sans-serif !important;
}

.post-share-block .post-share-block__sub {
  color: rgba(255,255,255,0.82) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.92rem !important;
}

.post-share-block .post-share-block__eyebrow {
  color: #E8651A !important;
}

/* Pills keep their own styling */
.post-share-block .share-pill {
  color: rgba(255,255,255,0.88) !important;
}


/* ── AUTHOR CARD: override .single-post p cascade ─────────── */
.author-card .author-card__bio,
.author-card p.author-card__bio {
  font-size: 0.8rem !important;
  line-height: 1.65 !important;
  color: #666 !important;
  font-family: 'Manrope', sans-serif !important;
}
.author-card .author-card__role,
.author-card p.author-card__role {
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #444 !important;
  font-family: 'Manrope', sans-serif !important;
}
/* Tighten WRITTEN BY → name gap */
.author-card .author-card__right {
  gap: 0.18rem !important;
}
.author-card .author-card__eyebrow {
  margin-bottom: 0 !important;
}
/* Button further down */
.author-card .author-card__left {
  gap: 1.8rem !important;
}
.author-card .author-card__read-all {
  margin-top: 0.6rem !important;
}


/* ============================================================
   v12.37 — SHARE BLOCK + AUTHOR CARD FINAL FIX
   Root cause (.single-post p) fixed at source above.
   ============================================================ */

/* ── SHARE BLOCK: all text forced white / off-white ──────── */
.post-share-block {
  background: linear-gradient(135deg, #2d1400 0%, #3d1c00 50%, #2a1100 100%) !important;
}
.post-share-block * { color: #ffffff !important; }

.post-share-block .post-share-block__heading {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
}
/* "Share this guide..." — off-white, clearly readable */
.post-share-block .post-share-block__sub {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  color: #f0e8e0 !important;  /* warm off-white — readable on dark bg */
  line-height: 1.65 !important;
}
.post-share-block .post-share-block__eyebrow {
  color: #E8651A !important;
}
.post-share-block .share-pill {
  color: rgba(255,255,255,0.88) !important;
}

/* ── AUTHOR CARD: bigger text (+2–4px), button lower ─────── */

/* Name: was 1.45rem (~23px) → 1.65rem (~26px) +3px */
.author-card .author-card__name {
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  color: #111 !important;
}
/* Role: was 0.82rem (~13px) → 0.95rem (~15px) +2px */
.author-card .author-card__role,
.author-card p.author-card__role {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #444 !important;
}
/* Bio: was 0.8rem (~13px) → 0.9rem (~14.5px) +2px */
.author-card .author-card__bio,
.author-card p.author-card__bio {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: #555 !important;
  line-height: 1.72 !important;
}

/* WRITTEN BY → name: tight gap */
.author-card .author-card__right { gap: 0.2rem !important; }
.author-card .author-card__eyebrow { margin-bottom: 0 !important; }

/* Read all Post: pushed noticeably lower */
.author-card .author-card__left {
  gap: 0 !important;
  flex-direction: column !important;
  align-items: center !important;
}
.author-card .author-card__avatar-wrap {
  margin-bottom: 0 !important;
}
.author-card .author-card__read-all {
  margin-top: 1.25rem !important;  /* clear gap below avatar */
}

/* ── MOBILE: share block + author card stack cleanly ─────── */
@media (max-width: 767px) {
  /* Share block: stack vertically */
  .post-share-block {
    flex-direction: column !important;
    padding: 1.75rem 1.4rem !important;
    gap: 1.5rem !important;
  }
  .post-share-block__right {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0.6rem !important;
    width: 100% !important;
  }
  .share-pill {
    flex: 1 1 calc(50% - 0.3rem) !important;
    justify-content: center !important;
    font-size: 0.78rem !important;
    padding: 0.55rem 0.8rem !important;
  }

  /* Author card: stack vertically, centred */
  .author-card {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 1.5rem 1.25rem !important;
    gap: 1rem !important;
  }
  .author-card .author-card__left {
    width: 100% !important;
    align-items: center !important;
    flex-direction: column !important;
  }
  .author-card .author-card__right {
    align-items: center !important;
    width: 100% !important;
  }
  .author-card .author-card__bio {
    text-align: left !important;
    max-width: 100% !important;
  }
  .author-card .author-card__name { font-size: 1.35rem !important; }
  .author-card .author-card__bio  { font-size: 0.87rem !important; }
}

@media (max-width: 400px) {
  .share-pill { flex: 1 1 100% !important; }
  .post-share-block { padding: 1.4rem 1.1rem !important; }
}


/* ============================================================
   v12.38 — TWO TARGETED FIXES ONLY
   1. Share block sub text → warm off-white
   2. Author card text → +3px across the board
   + Mobile fit confirmed
   ============================================================ */

/* ── 1. SHARE BLOCK: sub-text off-white, guaranteed readable ── */
.post-share-block .post-share-block__sub,
.post-share-block p.post-share-block__sub,
.post-share-block__left .post-share-block__sub {
  color: #f0e8e0 !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  opacity: 1 !important;
}

/* ── 2. AUTHOR CARD TEXT: +3px ─────────────────────────────── */
/* Name: 1.45rem → 1.65rem (+3px) */
.author-card .author-card__name {
  font-size: 1.65rem !important;
}
/* Role: 0.82rem → 0.95rem (+2px) */
.author-card .author-card__role,
.author-card p.author-card__role {
  font-size: 0.95rem !important;
  font-family: 'Manrope', sans-serif !important;
  color: #444 !important;
}
/* Bio: 0.8rem → 0.9rem (+2px) */
.author-card .author-card__bio,
.author-card p.author-card__bio {
  font-size: 0.9rem !important;
  font-family: 'Manrope', sans-serif !important;
  color: #555 !important;
  line-height: 1.72 !important;
}

/* ── MOBILE: ensure both fit cleanly ───────────────────────── */
@media (max-width: 767px) {
  /* Share block: stack vertically */
  .post-share-block {
    flex-direction: column !important;
    padding: 1.75rem 1.4rem !important;
    gap: 1.5rem !important;
  }
  .post-share-block__right {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0.6rem !important;
    width: 100% !important;
    min-width: unset !important;
  }
  .share-pill {
    flex: 1 1 calc(50% - 0.3rem) !important;
    justify-content: center !important;
    font-size: 0.78rem !important;
    padding: 0.55rem 0.8rem !important;
  }
  /* Author card: stack, centred */
  .author-card {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 1.5rem 1.25rem !important;
    gap: 1.25rem !important;
  }
  .author-card .author-card__left {
    width: 100% !important;
    align-items: center !important;
  }
  .author-card .author-card__right {
    align-items: center !important;
    width: 100% !important;
  }
  .author-card .author-card__bio {
    text-align: left !important;
    max-width: 100% !important;
  }
  .author-card .author-card__name { font-size: 1.35rem !important; }
}

@media (max-width: 400px) {
  .share-pill { flex: 1 1 100% !important; }
}


/* ============================================================
   v12.39 — FINAL DEFINITIVE FIXES (all 5 annotations)
   ============================================================ */

/* ── 1. SUB TEXT: pure white, no opacity, no rgba ─────────── */
/* Using inline-style-level specificity with attribute selector */
.post-share-block[class] .post-share-block__sub {
  color: #ffffff !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── 2. STAR BADGE: white color, shift right ──────────────── */
.author-card__badge {
  background: var(--clr-accent) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  /* Shift right: change from right:2px to right:-4px */
  right: -5px !important;
  bottom: 2px !important;
  font-size: 0.7rem !important;
  border: 2px solid #fff !important;
}

/* ── 3. WRITTEN BY → NAME: cut gap by 50% ────────────────── */
.author-card__right {
  gap: 0.1rem !important;  /* was 0.35rem, now 50% less */
}
.author-card__eyebrow {
  margin-bottom: 0.05rem !important;
  line-height: 1 !important;
}
.author-card__name {
  margin-top: 0 !important;
  line-height: 1.15 !important;
}

/* ── 4. READ ALL POST: push button further down ──────────── */
.author-card__left {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  /* Large gap pushes button well below avatar */
  gap: 1.5rem !important;
}
.author-card__read-all {
  margin-top: 0.25rem !important;
  display: inline-block !important;
}

/* ── 5. FONT BIGGER: role + bio +2-3px ───────────────────── */
.author-card .author-card__role,
.author-card p.author-card__role {
  font-family: 'Manrope', sans-serif !important;
  font-size: 1rem !important;      /* +3px from 0.82rem */
  font-weight: 600 !important;
  color: #333 !important;
  -webkit-text-fill-color: #333 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}
.author-card .author-card__bio,
.author-card p.author-card__bio {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.95rem !important;   /* +3px from 0.8rem */
  font-weight: 400 !important;
  color: #555 !important;
  -webkit-text-fill-color: #555 !important;
  line-height: 1.75 !important;
  margin: 0.2rem 0 0 !important;
}

/* ── MOBILE ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  .post-share-block {
    flex-direction: column !important;
    padding: 1.75rem 1.4rem !important;
    gap: 1.5rem !important;
  }
  .post-share-block__right {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0.6rem !important;
    width: 100% !important;
    min-width: unset !important;
  }
  .share-pill {
    flex: 1 1 calc(50% - 0.3rem) !important;
    justify-content: center !important;
    font-size: 0.78rem !important;
    padding: 0.55rem 0.8rem !important;
  }
  .author-card {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 1.5rem 1.25rem !important;
    gap: 1rem !important;
  }
  .author-card .author-card__left {
    width: 100% !important;
    align-items: center !important;
    gap: 1.25rem !important;
  }
  .author-card .author-card__right {
    align-items: center !important;
    width: 100% !important;
  }
  .author-card .author-card__bio {
    text-align: left !important;
    max-width: 100% !important;
  }
  .author-card .author-card__name { font-size: 1.35rem !important; }
  .author-card .author-card__bio  { font-size: 0.9rem !important; }
}

@media (max-width: 400px) {
  .share-pill { flex: 1 1 100% !important; }
}


/* ============================================================
   v12.40 — BODY FONT FIX + SHARE PILL SVG + CARD OVERLAP FIX
   ============================================================ */

/* ── 1. POST BODY: Manrope, comfortable reading size ─────── */
.post-content p,
.post-content li,
.single-post .post-content p,
.single-post .post-content li {
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 1.05rem !important;
  line-height: 1.88 !important;
  color: #222 !important;
  letter-spacing: 0.01em !important;
}
.post-content h2,
.post-content h3,
.post-content h4 {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  color: #111 !important;
}

/* ── 2. SHARE PILL ICON: clean circle with inline SVG ────── */
.share-pill__icon {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.15) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 0 !important;     /* hide any text fallback */
}
.share-pill__icon svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  fill: white !important;
  flex-shrink: 0 !important;
}
/* stroke-based icon (copy link) */
.share-pill--copy .share-pill__icon svg {
  fill: none !important;
  stroke: white !important;
}

/* ── 3. ARCHIVE/HOME CARD: readmore not overlapping image ── */
/* The post-card__body has margin-top: -42px which pulls it
   over the image. The category badge was placed inside thumb
   absolutely. Make sure body z-index is above image overlay */
.post-card__thumb {
  z-index: 0 !important;
  position: relative !important;
}
.post-card__body {
  position: relative !important;
  z-index: 1 !important;
  /* Reset the negative margin that was causing overlap */
  margin-top: 0 !important;
  background: #ffffff !important;
}
/* Category badge repositioned: inside body, not overlapping image */
.post-card .post-card__category {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  display: inline-flex !important;
  margin-bottom: 0.3rem !important;
}


/* ============================================================
   v12.41 — KILL DOUBLE ICONS + AUTHOR CARD BUTTON FIX
   ============================================================ */

/* ── 1. KILL the old CSS mask ::after icons completely ─────── */
.share-pill__icon::after,
.share-pill__icon::before {
  display: none !important;
  content: none !important;
  background: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* The icon span now only contains the inline SVG */
.share-pill__icon {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.15) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 0 !important;
  position: static !important;
}
.share-pill__icon svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  fill: white !important;
  flex-shrink: 0 !important;
  position: static !important;
}
.share-pill--copy .share-pill__icon svg {
  fill: none !important;
  stroke: white !important;
  stroke-width: 2.2 !important;
}

/* ── 2. AUTHOR CARD: move Read all Post to bottom row ──────── */
/* The PHP has been restructured — these rules support the new layout */

/* Left col: just avatar, centred, no flex gap pushing button */
.author-card__left {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  flex-shrink: 0 !important;
}
/* Avatar wrap: no extra margin */
.author-card__avatar-wrap {
  margin-bottom: 0 !important;
  position: relative !important;
}
/* Hide button in left col (it will be in footer row now) */
.author-card__left .author-card__read-all {
  display: none !important;
}
/* Footer row: sits below everything, left-aligned */
.author-card__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-top: 1rem !important;
  margin-top: 0.5rem !important;
  border-top: 1px solid #eee8e0 !important;
  width: 100% !important;
  grid-column: 1 / -1 !important;
}
.author-card__footer .author-card__read-all {
  display: inline-block !important;
}


/* ── AUTHOR CARD: grid layout so footer spans full width ──── */
.author-card {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  grid-template-rows: auto auto !important;
  gap: 0 1.75rem !important;
  background: #f9f6f2 !important;
  border-radius: 20px !important;
  padding: 2rem 2.25rem !important;
  margin-top: 2.5rem !important;
  border: 1px solid #eee8e0 !important;
}

.author-card__left  { grid-column: 1; grid-row: 1; }
.author-card__right { grid-column: 2; grid-row: 1; }

/* Footer: spans both columns, sits below */
.author-card__footer {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: flex !important;
  padding-top: 1rem !important;
  margin-top: 0.75rem !important;
  border-top: 1px solid #eee8e0 !important;
}

/* Mobile: stack */
@media (max-width: 640px) {
  .author-card {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    text-align: center !important;
    padding: 1.5rem 1.25rem !important;
    gap: 0 !important;
  }
  .author-card__left  { grid-column: 1; grid-row: 1; justify-self: center; margin-bottom: 1rem; }
  .author-card__right { grid-column: 1; grid-row: 2; }
  .author-card__footer { grid-column: 1; grid-row: 3; justify-content: center; }
  .author-card__bio   { text-align: left !important; }
}


/* ============================================================
   v12.43 — MOBILE FIXES (all 4 screenshots)
   ============================================================ */

@media (max-width: 767px) {

  /* ── IMAGE 2: Post header category badge — centre align ── */
  .post-header,
  .single-post-header {
    text-align: center !important;
  }
  .post-header .post-card__category,
  .single-post-header .post-card__category,
  .post-header__category,
  .post-header [class*="category"] {
    display: inline-flex !important;
    margin-inline: auto !important;
    margin-bottom: 0.75rem !important;
  }

  /* ── IMAGE 2: Meta-bar share icons — bigger ─────────────── */
  .meta-share-btn {
    width: 44px !important;
    height: 44px !important;
  }
  .meta-share-btn svg {
    width: 18px !important;
    height: 18px !important;
  }
  .social-share {
    gap: 0.6rem !important;
    flex-wrap: wrap !important;
  }

  /* ── IMAGE 3: Share block pills — icon vertically centred ─ */
  .share-pill {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.75rem !important;
    padding: 0.75rem 1.1rem !important;
    font-size: 0.88rem !important;
  }
  .share-pill__icon {
    width: 28px !important;
    height: 28px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* Pills 2-column equal width grid */
  .post-share-block__right {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.6rem !important;
    width: 100% !important;
  }

  /* ── IMAGE 4: Archive header — centre aligned ────────────── */
  .archive-header .container {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0.75rem !important;
  }
  .archive-header__label {
    font-size: 0.72rem !important;
    letter-spacing: 0.14em !important;
  }
  .archive-header__title {
    font-size: clamp(1.7rem, 8vw, 2.2rem) !important;
    text-align: center !important;
  }
  .archive-header__count {
    align-self: center !important;
  }

  /* ── IMAGE 4: Archive card title — bigger on mobile ─────── */
  .archive-card__title,
  .archive-card .post-card__title {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
  }
  /* Featured card title bigger */
  .archive-card--featured .archive-card__title {
    font-size: 1.15rem !important;
  }

  /* ── IMAGE 4: Card footer row — stack vertically ─────────── */
  /* Category badge + Read button were cramping each other */
  .archive-card__footer,
  .archive-card .post-card__meta {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.6rem !important;
  }
  /* Make Read Guide button full width on mobile */
  .archive-card .post-card__readmore-btn,
  .archive-card .post-card__readmore,
  .archive-card__footer a[class*="readmore"] {
    width: 100% !important;
    justify-content: center !important;
    padding: 0.6rem 1rem !important;
    font-size: 0.85rem !important;
  }

  /* ── IMAGE 1: Footer column headers — bigger, clearer ────── */
  .footer-col h4 {
    font-size: 0.75rem !important;
    letter-spacing: 0.14em !important;
    color: rgba(255,255,255,0.55) !important;
    margin-bottom: 1rem !important;
  }
  .footer-col a {
    font-size: 0.95rem !important;
    padding-block: 0.5rem !important;
  }

  /* ── AUTHOR CARD: centred on mobile ──────────────────────── */
  .author-card {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    padding: 1.75rem 1.25rem !important;
  }
  .author-card__left {
    justify-self: center !important;
    margin-bottom: 0.5rem !important;
  }
  .author-card__right {
    align-items: center !important;
  }
  .author-card__bio {
    text-align: left !important;
  }
  .author-card__footer {
    justify-content: center !important;
  }

}

/* ── Extra small phones ─────────────────────────────────── */
@media (max-width: 400px) {
  .post-share-block__right {
    grid-template-columns: 1fr !important;
  }
  .archive-header__title {
    font-size: 1.6rem !important;
  }
}


/* ============================================================
   v12.44 — COMPLETE MOBILE CARD & ALIGNMENT FIX
   No overlapping, clean stacked layout on all cards
   ============================================================ */

@media (max-width: 767px) {

  /* ══════════════════════════════════════════
     BLOG/ARCHIVE CARD — full stack, no overlap
     ══════════════════════════════════════════ */

  /* Card: clean white box, full width */
  .post-card,
  .archive-card {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  /* Image: full width, fixed height */
  .post-card__thumb,
  .archive-card__thumb {
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 0 !important;          /* NO inset padding on mobile — full bleed */
    border-radius: 0 !important;   /* flat edges, card border-radius handles corners */
  }
  .post-card__thumb img,
  .archive-card__thumb img {
    border-radius: 0 !important;
  }

  /* Body: clean padding, vertical stack */
  .post-card__body,
  .archive-card__body {
    padding: 0.85rem 1rem 1rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.45rem !important;
    margin-top: 0 !important;
    background: transparent !important;
  }

  /* Category badge: static, inline, top of body */
  .post-card .post-card__category,
  .archive-card .post-card__category,
  .post-card__category {
    position: static !important;
    display: inline-flex !important;
    align-self: flex-start !important;
    bottom: auto !important;
    left: auto !important;
    font-size: 0.65rem !important;
    padding: 0.2rem 0.65rem !important;
    margin: 0 !important;
  }

  /* Title row: stack title + hide arrow on mobile */
  .post-card__title-row {
    display: block !important;  /* no flex, just stack */
  }
  /* Arrow button: hide on mobile — title itself is tappable */
  .post-card__arrow {
    display: none !important;
  }
  /* Title: clear readable size */
  .post-card .post-card__title,
  .archive-card__title {
    font-size: 1rem !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
  }

  /* Excerpt: 2 lines */
  .post-card .post-card__excerpt {
    font-size: 0.82rem !important;
    -webkit-line-clamp: 2 !important;
    margin: 0 !important;
  }

  /* Footer row: category + date STACKED, then Read button below */
  .post-card__footer-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    margin-top: 0.35rem !important;
  }
  .post-card__date {
    font-size: 0.72rem !important;
    color: #999 !important;
  }

  /* Featured archive card */
  .archive-card--featured {
    grid-template-columns: 1fr !important;
  }
  .archive-card--featured .archive-card__thumb {
    height: 200px !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }
  .archive-card__footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.6rem !important;
    padding-top: 0.5rem !important;
  }
  /* Read Guide / readmore: full width button */
  .post-card__readmore,
  .post-card__readmore-btn,
  .archive-card__footer .post-card__readmore {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    padding: 0.65rem 1rem !important;
    font-size: 0.85rem !important;
    display: flex !important;
    box-sizing: border-box !important;
  }

  /* Archive pairs: single column */
  .archive-posts-pair {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
  }

  /* ══════════════════════════════════════════
     ARCHIVE HEADER — centre aligned
     ══════════════════════════════════════════ */
  .archive-header .container {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0.75rem !important;
  }
  .archive-header__label {
    display: block !important;
    text-align: center !important;
  }
  .archive-header__title {
    font-size: clamp(1.6rem, 9vw, 2.2rem) !important;
    text-align: center !important;
  }

  /* ══════════════════════════════════════════
     SINGLE POST HEADER — category badge centre
     ══════════════════════════════════════════ */
  .post-header,
  .single-post-header {
    text-align: center !important;
  }
  .post-header .post-card__category,
  .post-header__category,
  .single-post-header .post-card__category {
    display: inline-flex !important;
    margin: 0 auto 0.75rem !important;
  }

  /* ══════════════════════════════════════════
     META BAR SHARE ICONS — bigger tap targets
     ══════════════════════════════════════════ */
  .meta-share-btn {
    width: 44px !important;
    height: 44px !important;
  }
  .meta-share-btn svg {
    width: 18px !important;
    height: 18px !important;
  }

  /* ══════════════════════════════════════════
     SHARE BLOCK PILLS — 2-col grid, aligned
     ══════════════════════════════════════════ */
  .post-share-block {
    flex-direction: column !important;
    padding: 1.5rem 1.25rem !important;
    gap: 1.25rem !important;
  }
  .post-share-block__right {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.6rem !important;
    width: 100% !important;
    min-width: unset !important;
  }
  .share-pill {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    padding: 0.7rem 0.75rem !important;
    font-size: 0.82rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .share-pill__icon {
    width: 26px !important;
    height: 26px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* ══════════════════════════════════════════
     AUTHOR CARD — clean centred stack
     ══════════════════════════════════════════ */
  .author-card {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    padding: 1.5rem 1.25rem !important;
    gap: 0 !important;
  }
  .author-card__left {
    justify-self: center !important;
    margin-bottom: 1rem !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  .author-card__right {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-items: center !important;
    text-align: center !important;
  }
  .author-card__bio { text-align: left !important; }
  .author-card__footer {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-content: center !important;
  }

  /* ══════════════════════════════════════════
     FOOTER — columns readable
     ══════════════════════════════════════════ */
  .footer-col h4 {
    font-size: 0.72rem !important;
    letter-spacing: 0.14em !important;
    color: rgba(255,255,255,0.5) !important;
    margin-bottom: 0.85rem !important;
  }
  .footer-col a {
    font-size: 0.95rem !important;
    padding-block: 0.45rem !important;
    display: block !important;
  }

}

/* Extra small <400px */
@media (max-width: 400px) {
  .post-share-block__right {
    grid-template-columns: 1fr !important;
  }
  .post-card .post-card__title,
  .archive-card__title {
    font-size: 0.95rem !important;
  }
}


/* ============================================================
   v12.45 — DESKTOP-ONLY FIXES (min-width: 768px)
   1. Blog cards: back to dark hero-style design
   2. Post header: badge smaller, title bigger
   NOTE: no mobile rules here — mobile has its own block
   ============================================================ */

/* ── 1. CARD: dark hero-style (desktop only) ──────────────── */
@media (min-width: 768px) {

  /* Dark card background */
  .post-card {
    background: #1a0d05 !important;
    border: 1px solid rgba(232,101,26,0.15) !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.45) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: unset !important;
  }
  .post-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.6), 0 0 0 1px rgba(232,101,26,0.25) !important;
  }
  .post-card::before { display: none !important; }

  /* Image: full-bleed top, fixed height, dark gradient overlay */
  .post-card__thumb {
    display: block !important;
    width: 100% !important;
    height: 195px !important;
    min-height: 195px !important;
    max-height: 195px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .post-card--featured .post-card__thumb {
    height: 215px !important;
    min-height: 215px !important;
    max-height: 215px !important;
  }
  .post-card__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    transition: transform 0.5s ease !important;
  }
  .post-card:hover .post-card__thumb img { transform: scale(1.04) !important; }

  /* Dark gradient at bottom of image */
  .post-card__thumb::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to bottom, transparent 30%, rgba(15,7,2,0.72) 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
    display: block !important;
  }

  /* Category badge: overlaid on image, bottom-left */
  .post-card .post-card__category {
    position: absolute !important;
    bottom: 1rem !important;
    left: 1.2rem !important;
    z-index: 2 !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #E8651A !important;
    background: rgba(20,10,2,0.75) !important;
    border: 1px solid rgba(232,101,26,0.35) !important;
    border-radius: 999px !important;
    padding: 0.25rem 0.75rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.28rem !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    margin: 0 !important;
    width: auto !important;
  }

  /* Body: compact, dark */
  .post-card__body {
    padding: 1rem 1.3rem 1.25rem !important;
    margin-top: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.55rem !important;
  }

  /* Hide byline row (author · readtime) — not shown in dark card style */
  .post-card__byline { display: none !important; }

  /* Title row: title + arrow side by side */
  .post-card__title-row {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
  }
  .post-card .post-card__title {
    font-family: 'MD Nichrome', Georgia, serif !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    margin: 0 !important;
    flex: 1 !important;
  }
  .post-card .post-card__title a { color: #ffffff !important; text-decoration: none !important; }
  .post-card .post-card__title a:hover { color: #E8651A !important; }

  /* Arrow button: visible desktop */
  .post-card__arrow {
    display: flex !important;
    flex-shrink: 0 !important;
    width: 32px !important;
    height: 32px !important;
    background: rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255,255,255,0.6) !important;
    transition: background 0.18s !important;
    text-decoration: none !important;
    margin-top: 2px !important;
  }
  .post-card:hover .post-card__arrow {
    background: #E8651A !important;
    color: #fff !important;
  }
  .post-card__arrow svg {
    width: 14px !important;
    height: 14px !important;
  }

  /* Excerpt: hidden in dark card — keep it clean */
  .post-card .post-card__excerpt { display: none !important; }

  /* Footer row: just date, muted */
  .post-card__footer-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.65rem !important;
    margin-top: 0.25rem !important;
  }
  .post-card__date {
    font-size: 0.75rem !important;
    color: rgba(255,255,255,0.4) !important;
  }
  /* Hide category in footer row since it's on the image */
  .post-card__footer-row .post-card__category { display: none !important; }

  /* Hide old meta row */
  .post-card .post-card__meta { display: none !important; }

/* ── 2. SINGLE POST HEADER: badge smaller, title bigger ────── */

  /* Category badge on post header: smaller pill */
  .post-header .post-card__category,
  .post-header__category,
  .single-post-header .post-card__category {
    font-size: 0.68rem !important;
    padding: 0.28rem 0.85rem !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 0.9rem !important;
  }

  /* Post title: bigger on desktop */
  .post-header__title,
  .post-title {
    font-size: clamp(2.4rem, 4vw, 3.8rem) !important;
    line-height: 1.08 !important;
    max-width: 20ch !important;
  }

} /* end @media min-width: 768px */


/* ============================================================
   v12.46 — CLEAN SIMPLE BLOG CARD (desktop + mobile)
   White card, image top, simple content below, "Read More" btn
   ============================================================ */

/* Reset ALL previous card overrides cleanly */
.post-card,
.post-card--featured {
  background: #ffffff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid #e8e0d8 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07) !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  height: auto !important;
  min-height: unset !important;
  max-width: 100% !important;
  position: relative !important;
}
.post-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.12) !important;
}
.post-card::before { display: none !important; }

/* ── IMAGE: full-bleed top, no inset ──────────────────────── */
.post-card__thumb {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  position: relative !important;
}
.post-card--featured .post-card__thumb {
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
}
.post-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}
.post-card:hover .post-card__thumb img { transform: scale(1.03) !important; }
/* No gradient overlay */
.post-card__thumb::after { display: none !important; }

/* ── BODY: clean white, simple stack ──────────────────────── */
.post-card__body {
  padding: 1.1rem 1.25rem 1.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
  flex: 1 !important;
  margin-top: 0 !important;
  background: #ffffff !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ── CATEGORY BADGE: static, top of body ──────────────────── */
.post-card .post-card__category {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  display: inline-flex !important;
  align-self: flex-start !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #E8651A !important;
  background: rgba(232,101,26,0.08) !important;
  border: 1px solid rgba(232,101,26,0.25) !important;
  border-radius: 999px !important;
  padding: 0.22rem 0.7rem !important;
  backdrop-filter: none !important;
  width: auto !important;
  margin: 0 !important;
}

/* ── TITLE: dark, readable ─────────────────────────────────── */
.post-card__title-row {
  display: block !important;   /* no flex — just block */
}
.post-card__arrow { display: none !important; }  /* remove arrow */

.post-card .post-card__title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 1.1rem !important;
  line-height: 1.35 !important;
  color: #111111 !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
  display: block !important;
  width: 100% !important;
}
.post-card--featured .post-card .post-card__title { font-size: 1.2rem !important; }
.post-card .post-card__title a { color: #111111 !important; text-decoration: none !important; }
.post-card .post-card__title a:hover { color: #E8651A !important; }

/* ── BYLINE: author · read time ──────────────────────────── */
.post-card__byline {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.75rem !important;
  color: #999 !important;
}
.post-card__dot { color: #ccc !important; font-size: 0.55rem !important; }
.post-card__author { font-weight: 600 !important; color: #666 !important; }

/* ── EXCERPT: 2 lines ─────────────────────────────────────── */
.post-card .post-card__excerpt {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.84rem !important;
  line-height: 1.6 !important;
  color: #666 !important;
  margin: 0 !important;
}

/* ── FOOTER: date + READ MORE button ─────────────────────── */
.post-card__footer-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  margin-top: auto !important;
  padding-top: 0.6rem !important;
  border-top: 1px solid #f0ebe3 !important;
  flex-wrap: nowrap !important;
}
/* Hide category in footer — already shown at top of card */
.post-card__footer-row .post-card__category { display: none !important; }
.post-card__date {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.75rem !important;
  color: #aaa !important;
  white-space: nowrap !important;
}

/* ── "Read More" button — orange outlined pill ─────────────── */
.post-card__footer-row::after {
  content: 'Read More →' !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #E8651A !important;
  background: transparent !important;
  border: 1.5px solid rgba(232,101,26,0.35) !important;
  border-radius: 999px !important;
  padding: 0.32rem 0.9rem !important;
  white-space: nowrap !important;
  transition: background 0.18s, color 0.18s !important;
  cursor: pointer !important;
}
.post-card:hover .post-card__footer-row::after {
  background: #E8651A !important;
  color: #ffffff !important;
  border-color: #E8651A !important;
}

/* Hide old meta / readmore elements */
.post-card .post-card__meta { display: none !important; }
.post-card .post-card__readmore,
.post-card .post-card__readmore-btn { display: none !important; }

/* ── MOBILE: same clean layout, smaller ───────────────────── */
@media (max-width: 767px) {
  .post-card { border-radius: 12px !important; }
  .post-card__thumb {
    height: 175px !important;
    min-height: 175px !important;
    max-height: 175px !important;
  }
  .post-card__body { padding: 0.9rem 1rem 1rem !important; gap: 0.5rem !important; }
  .post-card .post-card__title { font-size: 1rem !important; }
  .post-card .post-card__excerpt { -webkit-line-clamp: 2 !important; }
  .post-card__footer-row { flex-wrap: nowrap !important; }
}


/* ============================================================
   v12.47 — CARD: title 1.4rem, body 0.99rem, 20px padding
   ============================================================ */

/* Title: 1.4rem */
.post-card .post-card__title {
  font-size: 1.4rem !important;
  line-height: 1.3 !important;
}

/* All text below title: 0.99rem */
.post-card__byline,
.post-card__byline *,
.post-card .post-card__excerpt,
.post-card__date,
.post-card__author,
.post-card__readtime,
.post-card__dot {
  font-size: 0.99rem !important;
  line-height: 1.65 !important;
}

/* 20px padding all 4 sides on body */
.post-card__body {
  padding: 20px !important;
}

/* Mobile: keep same values */
@media (max-width: 767px) {
  .post-card .post-card__title { font-size: 1.4rem !important; }
  .post-card__byline,
  .post-card .post-card__excerpt,
  .post-card__date { font-size: 0.99rem !important; }
  .post-card__body { padding: 20px !important; }
}


/* ============================================================
   v12.48 — 3 EQUAL CARDS PER ROW
   ============================================================ */

/* Grid: 3 equal columns */
.posts-grid--featured,
.posts-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.5rem !important;
  align-items: start !important;
  justify-items: stretch !important;
}

/* Cards fill their column — no max-width restriction */
.post-card,
.posts-grid--featured .post-card,
.posts-grid .post-card {
  max-width: 100% !important;
  width: 100% !important;
}

/* Tablet: 2 columns */
@media (max-width: 900px) {
  .posts-grid--featured,
  .posts-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Mobile: 1 column */
@media (max-width: 600px) {
  .posts-grid--featured,
  .posts-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   v12.49 — SHOW byline (joy · 6 min read) below title
   ============================================================ */
.post-card__byline {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.99rem !important;
  color: #999 !important;
  order: 99 !important;  /* sits below title */
}
.post-card__author { color: #666 !important; font-weight: 600 !important; }
.post-card__dot    { color: #ccc !important; font-size: 0.55rem !important; }
.post-card__readtime { color: #999 !important; }


/* ============================================================
   v12.50 — byline + date on one line at bottom
   ============================================================ */
.post-card__footer-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
  flex-wrap: nowrap !important;
  margin-top: auto !important;
  padding-top: 0.6rem !important;
  border-top: 1px solid #f0ebe3 !important;
}

/* Move byline into footer row by hiding the separate byline div
   and showing author+readtime inside footer */
.post-card__byline {
  display: none !important;
}

/* Show combined "joy • 6 min read  ·  May 25, 2026" in footer */
/* We achieve this by making footer-row show: [author · readtime] [date] [Read More] */
/* The byline info comes from data we add via CSS — but since it's PHP-rendered,
   we instead show byline INSIDE footer by reordering: keep byline visible in footer */

/* Better approach: show byline as inline flex beside date */
.post-card__footer-row .post-card__date::before {
  content: attr(data-author) ' • ' attr(data-readtime) ' · ';
  color: #666 !important;
  font-weight: 600 !important;
}


/* ============================================================
   v12.50 FINAL — byline + date on one line
   ============================================================ */

/* Remove previous broken attr() attempt */
.post-card__footer-row .post-card__date::before {
  content: none !important;
}

/* Hide the separate byline div — info is now in footer row */
.post-card__byline { display: none !important; }

/* Footer row: single line with all meta */
.post-card__footer-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
  flex-wrap: nowrap !important;
  margin-top: auto !important;
  padding-top: 0.6rem !important;
  border-top: 1px solid #f0ebe3 !important;
}

/* Meta line: joy • 6 min read · May 25, 2026 */
.post-card__meta-line {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.85rem !important;
  color: #999 !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
}
.post-card__meta-line .post-card__author {
  color: #666 !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
}
.post-card__meta-line .post-card__dot,
.post-card__meta-line .post-card__sep {
  color: #ccc !important;
  font-size: 0.6rem !important;
  flex-shrink: 0 !important;
}
.post-card__meta-line .post-card__sep {
  font-size: 0.75rem !important;
}
.post-card__meta-line .post-card__readtime,
.post-card__meta-line .post-card__date {
  font-size: 0.85rem !important;
  color: #aaa !important;
}

/* Hide category in footer — shown at top of card */
.post-card__footer-row > .post-card__category { display: none !important; }


/* ============================================================
   v12.51 — FEATURED ARCHIVE CARD: fill white space + badge fix
   ============================================================ */

/* Card: side-by-side, image fills full height */
.archive-card--featured {
  display: grid !important;
  grid-template-columns: 320px 1fr !important;
  grid-template-rows: 1fr !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: var(--clr-surface) !important;
  border: 1px solid var(--clr-rule) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06) !important;
}

/* Image: stretch full height — no fixed height, no aspect ratio */
.archive-card--featured .archive-card__thumb {
  width: 100% !important;
  height: 100% !important;
  min-height: unset !important;
  max-height: none !important;
  aspect-ratio: unset !important;
  overflow: hidden !important;
  position: relative !important;
  align-self: stretch !important;
}
.archive-card--featured .archive-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Badge: bottom-RIGHT of image, smaller */
.archive-card--featured .archive-card__meta-top .post-card__category,
.archive-card--featured .archive-card__meta-top [class*="category"],
.archive-card--featured .post-card__category {
  position: absolute !important;
  bottom: 0.75rem !important;
  right: 0.75rem !important;   /* right side */
  left: auto !important;
  font-size: 0.6rem !important;
  padding: 0.18rem 0.55rem !important;
  z-index: 2 !important;
}

/* Hide meta-top row (badge moved to image overlay) */
.archive-card--featured .archive-card__meta-top {
  display: none !important;
}

/* Body: no extra top gap */
.archive-card--featured .archive-card__body {
  padding: 1.5rem 1.75rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
  justify-content: center !important;
}

/* Mobile: stack */
@media (max-width: 767px) {
  .archive-card--featured {
    grid-template-columns: 1fr !important;
    grid-template-rows: 200px auto !important;
  }
  .archive-card--featured .archive-card__thumb {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
  }
}


/* ============================================================
   v12.52 — POST HEADER TITLE: bigger on desktop only
   ============================================================ */
@media (min-width: 768px) {
  .post-header__title,
  .post-title {
    font-size: clamp(2.8rem, 4.5vw, 4.2rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.025em !important;
  }
}


/* ============================================================
   v12.53 — 5 FIXES: Read More link, topbar, nav caps,
   search compact, post title 70% width
   ============================================================ */

/* ── 1. READ MORE: real <a> link styled as button ─────────── */
/* Remove old CSS ::after pseudo button */
.post-card__footer-row::after { display: none !important; content: none !important; }

.post-card__readmore-link {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #E8651A !important;
  background: transparent !important;
  border: 1.5px solid rgba(232,101,26,0.35) !important;
  border-radius: 999px !important;
  padding: 0.35rem 1rem !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  transition: background 0.18s, color 0.18s, border-color 0.18s !important;
  display: inline-flex !important;
  align-items: center !important;
}
.post-card__readmore-link:hover {
  background: #E8651A !important;
  color: #fff !important;
  border-color: #E8651A !important;
}

/* ── 2. TOPBAR: modern look with temperature ──────────────── */
.header-topbar {
  background: #030303 !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  padding-block: 0.28rem !important;
}
.header-topbar__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
}
.header-datetime,
.header-weather {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.42) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.header-weather { color: rgba(255,200,100,0.65) !important; }
.header-topbar__sep {
  color: rgba(255,255,255,0.15) !important;
  font-size: 0.6rem !important;
}

/* ── 3. NAV: ALL CAPS + smooth underline hover animation ───── */
.primary-nav a {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.75) !important;
  padding: 0.5rem 0.85rem !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  position: relative !important;
  transition: color 0.2s !important;
}
/* Underline slide-in on hover */
.primary-nav a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 0.85rem !important;
  right: 0.85rem !important;
  height: 1.5px !important;
  background: #E8651A !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform 0.22s cubic-bezier(0.4,0,0.2,1) !important;
  border-radius: 999px !important;
}
.primary-nav a:hover {
  color: #ffffff !important;
  background: transparent !important;
}
.primary-nav a:hover::after { transform: scaleX(1) !important; }
.primary-nav a.current-menu-item,
.primary-nav a.current-page-ancestor {
  color: #E8651A !important;
}
.primary-nav a.current-menu-item::after { transform: scaleX(1) !important; }

/* ── 4. SEARCH: compact icon button + dropdown ────────────── */
.header-search { position: relative !important; margin-left: auto !important; }

.header-search__toggle {
  width: 38px !important;
  height: 38px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 10px !important;
  color: rgba(255,255,255,0.75) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.18s, color 0.18s !important;
  flex-shrink: 0 !important;
}
.header-search__toggle:hover {
  background: rgba(232,101,26,0.18) !important;
  color: #E8651A !important;
  border-color: rgba(232,101,26,0.35) !important;
}

.header-search__dropdown {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 0.6rem) !important;
  right: 0 !important;
  width: 300px !important;
  background: #111 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 12px !important;
  padding: 0.75rem !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
  z-index: 500 !important;
}
.header-search__dropdown.is-open { display: block !important; }

.header-search__dropdown .search-field,
.header-search__dropdown input[type="search"],
.header-search__dropdown input[type="text"] {
  width: 100% !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.9rem !important;
  padding: 0.6rem 0.9rem !important;
  outline: none !important;
  box-sizing: border-box !important;
}
.header-search__dropdown .search-field:focus,
.header-search__dropdown input:focus {
  border-color: #E8651A !important;
  box-shadow: 0 0 0 2px rgba(232,101,26,0.2) !important;
}
.header-search__dropdown .search-submit {
  margin-top: 0.5rem !important;
  width: 100% !important;
  background: #E8651A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 0.55rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  cursor: pointer !important;
}

/* ── 5. POST HEADER TITLE: bigger + 70% width ─────────────── */
@media (min-width: 768px) {
  .post-header__title,
  .post-title {
    font-size: clamp(3rem, 5vw, 4.5rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.028em !important;
    max-width: 70% !important;
  }
}


/* ============================================================
   v12.54 — NAV, SEARCH, ARCHIVE BADGE, POST TITLE, PROGRESS
   ============================================================ */

/* ── 1. NAV: less bold, colour + lift hover animation ──────── */
.primary-nav a {
  font-weight: 500 !important;          /* was 700 — less heavy */
  font-size: 0.8rem !important;
  letter-spacing: 0.08em !important;
  color: rgba(255,255,255,0.7) !important;
  padding: 0.45rem 0.9rem !important;
  border-radius: 7px !important;
  transition: color 0.18s, background 0.18s, transform 0.15s !important;
  position: relative !important;
}
/* Orange colour + subtle bg + slight lift on hover */
.primary-nav a:hover {
  color: #E8651A !important;
  background: rgba(232,101,26,0.1) !important;
  transform: translateY(-1px) !important;
}
/* Remove underline pseudo — replaced by bg highlight */
.primary-nav a::after { display: none !important; }
.primary-nav a.current-menu-item,
.primary-nav a.current-page-ancestor {
  color: #E8651A !important;
  background: rgba(232,101,26,0.1) !important;
}

/* ── 2. SEARCH DROPDOWN: no button, just input + Enter ─────── */
.header-search__dropdown .search-submit {
  display: none !important;
}
.header-search__dropdown {
  width: 260px !important;
  padding: 0.6rem !important;
}
.header-search__dropdown .search-field,
.header-search__dropdown input[type="search"],
.header-search__dropdown input[type="text"] {
  padding: 0.65rem 1rem !important;
  font-size: 0.88rem !important;
  border-radius: 10px !important;
}
/* Search icon button: slightly warmer */
.header-search__toggle {
  background: rgba(255,255,255,0.06) !important;
  border-radius: 8px !important;
  transition: background 0.18s, color 0.18s, transform 0.15s !important;
}
.header-search__toggle:hover {
  transform: translateY(-1px) !important;
}

/* ── 3. ARCHIVE FEATURED CARD: hide category badge ─────────── */
/* Already on that category page — badge is redundant */
.archive-card--featured .post-card__category,
.archive-card--featured .archive-card__meta-top,
.archive-card--featured [class*="category-badge"] {
  display: none !important;
}

/* ── 4. POST HEADER TITLE: bigger, lighter, letter-spaced ──── */
@media (min-width: 768px) {
  .post-header__title,
  .post-title {
    font-size: clamp(3.2rem, 5.5vw, 5rem) !important;
    font-weight: 300 !important;          /* light weight — elegant */
    letter-spacing: 0.015em !important;   /* slight spacing */
    line-height: 1.08 !important;
    max-width: 70% !important;
  }
}

/* ── 5. READING PROGRESS: stylish card UI ──────────────────── */
.sidebar-progress-widget {
  background: linear-gradient(135deg, #1a0d05 0%, #2d1400 100%) !important;
  border: 1px solid rgba(232,101,26,0.2) !important;
  border-radius: 16px !important;
  padding: 1.5rem 1.25rem 1.35rem !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
.sidebar-progress__label {
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.4) !important;
  margin: 0 !important;
}
/* Donut: slightly larger */
.sidebar-progress__donut-wrap {
  width: 110px !important;
  height: 110px !important;
  margin: 0.25rem auto !important;
  position: relative !important;
}
.sidebar-progress__donut {
  width: 110px !important;
  height: 110px !important;
}
.sidebar-progress__track {
  stroke: rgba(255,255,255,0.08) !important;
  stroke-width: 6 !important;
}
.sidebar-progress__fill {
  stroke: #E8651A !important;
  stroke-width: 6 !important;
  filter: drop-shadow(0 0 6px rgba(232,101,26,0.5)) !important;
}
/* Percentage text inside donut */
.sidebar-progress__inner {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.sidebar-progress__pct.reading-pct {
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  color: #E8651A !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
}
/* Read time below donut */
.sidebar-progress__time {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.75rem !important;
  color: rgba(255,255,255,0.45) !important;
  font-weight: 500 !important;
  margin: 0 !important;
  letter-spacing: 0.04em !important;
}


/* ============================================================
   v12.55 — SEARCH FORM: remove extra boxes + AI SUMMARY UI
   ============================================================ */

/* ── SEARCH FORM: strip ALL default WP boxes ──────────────── */
/* WP renders: .search-form > label + input + button
   All of them have borders — kill everything then re-style */

.header-search__dropdown .search-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Hide the label entirely */
.header-search__dropdown .search-form label,
.header-search__dropdown .search-form .screen-reader-text {
  display: none !important;
}
/* Input: single clean box */
.header-search__dropdown .search-form input[type="search"],
.header-search__dropdown .search-form .search-field {
  width: 100% !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1.5px solid rgba(255,255,255,0.15) !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.9rem !important;
  padding: 0.65rem 1rem !important;
  outline: none !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.header-search__dropdown .search-form input[type="search"]:focus {
  border-color: #E8651A !important;
  box-shadow: 0 0 0 2px rgba(232,101,26,0.2) !important;
  background: rgba(255,255,255,0.1) !important;
}
/* Submit button: hidden — Enter key submits */
.header-search__dropdown .search-form button[type="submit"],
.header-search__dropdown .search-form input[type="submit"],
.header-search__dropdown .search-form .search-submit {
  display: none !important;
}
/* Hint text */
.header-search__dropdown::after {
  content: 'Press Enter to search' !important;
  display: block !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.68rem !important;
  color: rgba(255,255,255,0.25) !important;
  text-align: center !important;
  padding-top: 0.35rem !important;
}

/* ── READING PROGRESS WIDGET: number only, no donut ring ──── */
/* Make the % number the hero — large, colourful, animated */
.sidebar-progress-widget {
  background: linear-gradient(145deg, #1a0800 0%, #2a1000 100%) !important;
  border: 1px solid rgba(232,101,26,0.25) !important;
  border-radius: 18px !important;
  padding: 1.5rem 1rem 1.25rem !important;
  text-align: center !important;
  overflow: hidden !important;
  position: relative !important;
}
/* Decorative background glow */
.sidebar-progress-widget::before {
  content: '' !important;
  position: absolute !important;
  bottom: -30px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 120px !important;
  height: 120px !important;
  background: radial-gradient(circle, rgba(232,101,26,0.25) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
/* Content above glow */
.sidebar-progress__label,
.sidebar-progress__donut-wrap,
.sidebar-progress__time {
  position: relative !important;
  z-index: 1 !important;
}
.sidebar-progress__label {
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.35) !important;
  display: block !important;
  margin-bottom: 0.75rem !important;
}
/* Donut: glow on fill */
.sidebar-progress__fill {
  stroke: #E8651A !important;
  stroke-width: 7 !important;
  filter: drop-shadow(0 0 5px rgba(232,101,26,0.6)) !important;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.4,0,0.2,1) !important;
}
.sidebar-progress__track {
  stroke: rgba(255,255,255,0.06) !important;
  stroke-width: 7 !important;
}
/* % text: large orange */
.sidebar-progress__pct.reading-pct {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: #E8651A !important;
  letter-spacing: -0.02em !important;
}
.sidebar-progress__time {
  font-size: 0.72rem !important;
  color: rgba(255,255,255,0.35) !important;
  display: block !important;
  margin-top: 0.6rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}


/* ── AI SUMMARY BOX ─────────────────────────────────────────── */
.lc-ai-summary {
  margin-block: 2rem !important;
  background: linear-gradient(135deg, #fff8f0 0%, #fff3e5 100%) !important;
  border: 1.5px solid rgba(232,101,26,0.2) !important;
  border-left: 4px solid #E8651A !important;
  border-radius: 14px !important;
  padding: 1.25rem 1.5rem !important;
  position: relative !important;
  overflow: hidden !important;
}
.lc-ai-summary::before {
  content: '' !important;
  position: absolute !important;
  top: -20px !important; right: -20px !important;
  width: 100px !important; height: 100px !important;
  background: radial-gradient(circle, rgba(232,101,26,0.08) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.lc-ai-summary__header {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-bottom: 0.75rem !important;
}
.lc-ai-summary__icon {
  color: #E8651A !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}
.lc-ai-summary__title {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #E8651A !important;
}
.lc-ai-summary__badge {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.6rem !important;
  font-weight: 800 !important;
  background: #E8651A !important;
  color: #fff !important;
  border-radius: 4px !important;
  padding: 0.1rem 0.4rem !important;
  letter-spacing: 0.08em !important;
}
.lc-ai-summary__body p {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.72 !important;
  color: #333 !important;
  margin: 0 !important;
}


/* ============================================================
   v12.56 — SEARCH INPUT FIX + READING PROGRESS REDESIGN
   ============================================================ */

/* ── SEARCH DROPDOWN: clean, pointer-events safe ───────────── */
.header-search__dropdown {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  width: 280px !important;
  background: #161616 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 14px !important;
  padding: 0.75rem !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.6) !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
}
.header-search__dropdown.is-open {
  display: block !important;
}
/* Remove ::after hint — replace with inline span */
.header-search__dropdown::after { display: none !important; content: none !important; }

.lc-search-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
}
.lc-search-input {
  width: 100% !important;
  background: rgba(255,255,255,0.07) !important;
  border: 1.5px solid rgba(255,255,255,0.12) !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.9rem !important;
  padding: 0.7rem 1rem !important;
  outline: none !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  display: block !important;
  pointer-events: auto !important;
  cursor: text !important;
}
.lc-search-input:focus {
  border-color: #E8651A !important;
  box-shadow: 0 0 0 3px rgba(232,101,26,0.18) !important;
  background: rgba(255,255,255,0.1) !important;
}
.lc-search-input::placeholder { color: rgba(255,255,255,0.3) !important; }
.lc-search-hint {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.68rem !important;
  color: rgba(255,255,255,0.22) !important;
  text-align: center !important;
  display: block !important;
  padding-bottom: 0.1rem !important;
}

/* ── READING PROGRESS: animated arc, light→dark colour shift ── */
.sidebar-progress-widget {
  background: #ffffff !important;
  border: 1px solid #ede8e0 !important;
  border-radius: 18px !important;
  padding: 1.5rem 1.25rem 1.25rem !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.4rem !important;
  position: relative !important;
  overflow: hidden !important;
}
/* Subtle warm bg glow behind donut */
.sidebar-progress-widget::before {
  content: '' !important;
  position: absolute !important;
  bottom: -20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 130px !important;
  height: 130px !important;
  background: radial-gradient(circle, rgba(232,101,26,0.08) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.sidebar-progress__label {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #bbb !important;
  margin: 0 0 0.5rem !important;
  position: relative !important;
  z-index: 1 !important;
}
/* Donut wrap */
.sidebar-progress__donut-wrap {
  width: 120px !important;
  height: 120px !important;
  position: relative !important;
  z-index: 1 !important;
}
.sidebar-progress__donut {
  width: 120px !important;
  height: 120px !important;
  display: block !important;
  /* Rotate so arc starts from top */
  transform: rotate(-90deg) !important;
}
/* Track: light grey */
.sidebar-progress__track {
  stroke: #f0ebe3 !important;
  stroke-width: 8 !important;
  fill: none !important;
}
/* Fill arc: orange with glow, transition on dashoffset */
.sidebar-progress__fill {
  stroke: url(#progressGradient) !important;
  stroke-width: 8 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-dasharray: 251.2 !important;
  stroke-dashoffset: 251.2 !important;
  transition: stroke-dashoffset 0.6s cubic-bezier(0.4, 0, 0.2, 1),
              stroke 0.6s ease !important;
  filter: drop-shadow(0 0 4px rgba(232,101,26,0.4)) !important;
}
/* % number inside donut */
.sidebar-progress__inner {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 0 !important;
}
.sidebar-progress__pct.reading-pct {
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #E8651A !important;
  line-height: 1 !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}
/* Read time below donut */
.sidebar-progress__time {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.72rem !important;
  color: #aaa !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  margin: 0.4rem 0 0 !important;
  position: relative !important;
  z-index: 1 !important;
}


/* ============================================================
   AFFILIATE PRODUCT CARDS — Option B
   ============================================================ */

/* ── PRODUCT CARD GRID ──────────────────────────────────────── */
.lc-products-grid {
  display: grid;
  gap: 1.5rem;
  align-items: start;
}
.lc-products-grid--cols-1 { grid-template-columns: 1fr; }
.lc-products-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.lc-products-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }

/* ── PRODUCT CARD ───────────────────────────────────────────── */
.lc-product-card {
  background: #ffffff;
  border: 1px solid #ede8e0;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
  transition: transform 0.22s cubic-bezier(.34,1.56,.64,1), box-shadow 0.22s ease;
}
.lc-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.12), 0 0 0 1px rgba(232,101,26,0.15);
}

/* Image */
.lc-product-card__thumb {
  position: relative;
  height: 200px;
  overflow: hidden;
  background: #f5f0ea;
}
.lc-product-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.lc-product-card:hover .lc-product-card__thumb img { transform: scale(1.03); }
.lc-product-card__no-image {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
}

/* Badge */
.lc-product-card__badge {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  background: #E8651A;
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.22rem 0.7rem;
  border-radius: 999px;
  z-index: 2;
  box-shadow: 0 2px 8px rgba(232,101,26,0.4);
}

/* Body */
.lc-product-card__body {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  flex: 1;
}

/* Stars */
.lc-product-card__rating {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.lc-star { font-size: 0.9rem; }
.lc-star--full  { color: #E8651A; }
.lc-star--half  { color: #E8651A; opacity: 0.7; }
.lc-star--empty { color: #ddd; }
.lc-product-card__rating-num {
  font-family: 'Manrope', sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #666;
}

/* Title */
.lc-product-card__title {
  font-family: 'MD Nichrome', Georgia, serif;
  font-size: 1.05rem;
  font-weight: 400;
  color: #111;
  line-height: 1.3;
  margin: 0;
  letter-spacing: -0.01em;
}
.lc-product-card__title a { color: #111; text-decoration: none; }
.lc-product-card__title a:hover { color: #E8651A; }

/* Verdict */
.lc-product-card__verdict {
  font-family: 'Manrope', sans-serif;
  font-size: 0.83rem;
  color: #555;
  line-height: 1.55;
  margin: 0;
  font-style: italic;
}

/* Best for */
.lc-product-card__best-for {
  font-family: 'Manrope', sans-serif;
  font-size: 0.78rem;
  color: #666;
  margin: 0;
  background: #fdf6ee;
  border-radius: 8px;
  padding: 0.35rem 0.7rem;
  border-left: 3px solid #E8651A;
}
.lc-product-card__best-for-label { font-weight: 700; color: #E8651A; }

/* Pros / Cons */
.lc-product-card__proscons {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.lc-product-card__pros,
.lc-product-card__cons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.lc-product-card__pros li,
.lc-product-card__cons li {
  font-family: 'Manrope', sans-serif;
  font-size: 0.78rem;
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  line-height: 1.45;
}
.lc-product-card__pros .lc-pc-icon { color: #22c55e; font-weight: 700; flex-shrink: 0; }
.lc-product-card__cons .lc-pc-icon { color: #ef4444; font-weight: 700; flex-shrink: 0; }

/* Footer: price + buy button */
.lc-product-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: auto;
  padding-top: 0.75rem;
  border-top: 1px solid #f0ebe3;
  flex-wrap: wrap;
}
.lc-product-card__price {
  font-family: 'Manrope', sans-serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #111;
}
.lc-product-card__buy-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: #E8651A;
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  padding: 0.5rem 1.1rem;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.18s, transform 0.15s;
  box-shadow: 0 2px 8px rgba(232,101,26,0.35);
}
.lc-product-card__buy-btn:hover {
  background: #c45210;
  transform: translateY(-1px);
}

/* Disclosure */
.lc-product-card__disclosure {
  font-family: 'Manrope', sans-serif;
  font-size: 0.65rem;
  color: #bbb;
  margin: 0;
  font-style: italic;
}

/* ── SINGLE PRODUCT PAGE ────────────────────────────────────── */
.lc-product-hero {
  background: var(--clr-bg);
  padding-block: 3rem;
  border-bottom: 1px solid var(--clr-rule);
}
.lc-product-hero__inner {
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 3rem;
  align-items: start;
}
.lc-product-hero__image {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 4px 32px rgba(0,0,0,0.1);
}
.lc-product-hero__img { width: 100%; display: block; }
.lc-product-hero__no-img {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  background: #f5f0ea;
}
.lc-product-hero__title {
  font-family: 'MD Nichrome', Georgia, serif;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 400;
  color: var(--clr-ink);
  margin: 0 0 1rem;
  letter-spacing: -0.015em;
  line-height: 1.15;
}
.lc-product-hero__rating {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.lc-product-hero__rating .lc-star { font-size: 1.2rem; }
.lc-product-hero__rating-num {
  font-family: 'Manrope', sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  color: #666;
}
.lc-product-hero__verdict {
  font-family: 'Manrope', sans-serif;
  font-size: 1rem;
  color: #555;
  line-height: 1.65;
  font-style: italic;
  border-left: 3px solid #E8651A;
  padding-left: 1rem;
  margin: 0 0 1rem;
}
.lc-product-hero__best-for {
  font-family: 'Manrope', sans-serif;
  font-size: 0.88rem;
  color: #555;
  background: #fdf6ee;
  padding: 0.5rem 0.9rem;
  border-radius: 8px;
  border-left: 3px solid #E8651A;
  margin: 0 0 1.25rem;
}
.lc-product-hero__proscons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.lc-product-hero__pros h4,
.lc-product-hero__cons h4 {
  font-family: 'Manrope', sans-serif;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 0.5rem;
}
.lc-product-hero__pros h4 { color: #22c55e; }
.lc-product-hero__cons h4 { color: #ef4444; }
.lc-product-hero__pros ul,
.lc-product-hero__cons ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.lc-product-hero__pros li,
.lc-product-hero__cons li {
  font-family: 'Manrope', sans-serif;
  font-size: 0.85rem;
  color: #444;
  line-height: 1.45;
  padding-left: 1.25rem;
  position: relative;
}
.lc-product-hero__pros li::before { content: '✓'; color: #22c55e; position: absolute; left: 0; font-weight: 700; }
.lc-product-hero__cons li::before { content: '✕'; color: #ef4444; position: absolute; left: 0; font-weight: 700; }

.lc-product-hero__cta {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.lc-product-hero__price {
  font-family: 'Manrope', sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  color: #111;
}
.lc-product-hero__buy-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: #E8651A;
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.85rem 2rem;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 4px 20px rgba(232,101,26,0.4);
  transition: background 0.18s, transform 0.15s;
}
.lc-product-hero__buy-btn:hover { background: #c45210; transform: translateY(-2px); }
.lc-product-hero__disclosure {
  font-size: 0.7rem;
  color: #aaa;
  font-style: italic;
  width: 100%;
  margin: 0;
}

.lc-product-review {
  padding-block: 3rem;
}
.lc-product-related {
  padding-block: 3rem;
  background: var(--clr-bg);
  border-top: 1px solid var(--clr-rule);
}
.lc-product-related__title {
  font-family: 'MD Nichrome', serif;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0 0 2rem;
  color: var(--clr-ink);
}

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width: 900px) {
  .lc-products-grid--cols-3 { grid-template-columns: repeat(2, 1fr); }
  .lc-product-hero__inner    { grid-template-columns: 1fr; }
  .lc-product-hero__proscons { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .lc-products-grid--cols-2,
  .lc-products-grid--cols-3 { grid-template-columns: 1fr; }
}


/* ============================================================
   v12.58 — CONTACT PAGE + EMAIL POPUP
   ============================================================ */

/* ── CONTACT INFO CARDS: bigger fonts, more spacing ─────────── */
.contact-info__card {
  padding: 1.5rem 1.6rem !important;
  gap: 1.1rem !important;
  align-items: center !important;
}
.contact-info__icon-wrap {
  width: 46px !important;
  height: 46px !important;
  font-size: 1.4rem !important;
  flex-shrink: 0 !important;
}
.contact-info__card h3 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  margin: 0 0 0.35rem !important;
  color: var(--clr-ink) !important;
}
.contact-info__card p,
.contact-info__card p a {
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  color: var(--clr-ink-mid) !important;
}
.contact-info__card p a {
  color: var(--clr-accent) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* ── EMAIL SUBSCRIBE POPUP ───────────────────────────────────── */
/* Overlay */
.lc-popup-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(10,4,0,0.72) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  z-index: 99998 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.5rem !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.35s ease, visibility 0.35s ease !important;
}
.lc-popup-overlay.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Popup box */
.lc-popup {
  background: #ffffff !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: 220px 1fr !important;
  max-width: 640px !important;
  width: 100% !important;
  box-shadow: 0 24px 80px rgba(0,0,0,0.45) !important;
  position: relative !important;
  transform: translateY(24px) scale(0.97) !important;
  transition: transform 0.35s cubic-bezier(.34,1.56,.64,1) !important;
}
.lc-popup-overlay.is-visible .lc-popup {
  transform: translateY(0) scale(1) !important;
}

/* Close button */
.lc-popup__close {
  position: absolute !important;
  top: 0.85rem !important;
  right: 0.85rem !important;
  width: 32px !important;
  height: 32px !important;
  background: rgba(0,0,0,0.07) !important;
  border: none !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1rem !important;
  color: #555 !important;
  z-index: 2 !important;
  transition: background 0.18s !important;
  line-height: 1 !important;
}
.lc-popup__close:hover { background: rgba(0,0,0,0.14) !important; color: #111 !important; }

/* Left: woman image */
.lc-popup__image {
  background: linear-gradient(160deg, #1a0800 0%, #E8651A 100%) !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  min-height: 340px !important;
}
/* Illustrated woman via CSS — pointing finger */
.lc-popup__illustration {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding-bottom: 0 !important;
}
.lc-popup__illustration img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
}
/* Fallback SVG woman illustration */
.lc-popup__illustration-svg {
  width: 180px !important;
  height: auto !important;
  position: relative !important;
  z-index: 1 !important;
}
/* Decorative circles */
.lc-popup__image::before {
  content: '' !important;
  position: absolute !important;
  top: -40px !important; right: -40px !important;
  width: 180px !important; height: 180px !important;
  background: rgba(255,255,255,0.08) !important;
  border-radius: 50% !important;
}
.lc-popup__image::after {
  content: '' !important;
  position: absolute !important;
  bottom: -20px !important; left: -30px !important;
  width: 120px !important; height: 120px !important;
  background: rgba(255,255,255,0.06) !important;
  border-radius: 50% !important;
}

/* Right: content */
.lc-popup__content {
  padding: 2.25rem 2rem 2rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0.75rem !important;
}
.lc-popup__badge {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #E8651A !important;
  background: rgba(232,101,26,0.1) !important;
  border: 1px solid rgba(232,101,26,0.25) !important;
  border-radius: 999px !important;
  padding: 0.22rem 0.75rem !important;
  display: inline-block !important;
  width: fit-content !important;
}
.lc-popup__title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-size: 1.55rem !important;
  font-weight: 400 !important;
  color: #111 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.018em !important;
  margin: 0 !important;
}
.lc-popup__title span { color: #E8651A !important; }
.lc-popup__desc {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.88rem !important;
  color: #666 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}
.lc-popup__form {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.6rem !important;
  margin-top: 0.25rem !important;
}
.lc-popup__input {
  width: 100% !important;
  border: 1.5px solid #e0d8d0 !important;
  border-radius: 10px !important;
  padding: 0.75rem 1rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.9rem !important;
  color: #111 !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.18s, box-shadow 0.18s !important;
}
.lc-popup__input:focus {
  border-color: #E8651A !important;
  box-shadow: 0 0 0 3px rgba(232,101,26,0.12) !important;
}
.lc-popup__input::placeholder { color: #bbb !important; }
.lc-popup__btn {
  width: 100% !important;
  background: #E8651A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 0.82rem 1rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background 0.18s, transform 0.15s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
}
.lc-popup__btn:hover { background: #c45210 !important; transform: translateY(-1px) !important; }
.lc-popup__skip {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.75rem !important;
  color: #bbb !important;
  text-align: center !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  width: 100% !important;
  transition: color 0.15s !important;
}
.lc-popup__skip:hover { color: #888 !important; }
.lc-popup__success {
  text-align: center !important;
  padding: 1rem 0 !important;
}
.lc-popup__success-icon { font-size: 2.5rem !important; }
.lc-popup__success h3 {
  font-family: 'MD Nichrome', serif !important;
  font-size: 1.3rem !important;
  color: #111 !important;
  margin: 0.5rem 0 0.4rem !important;
}
.lc-popup__success p {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.88rem !important;
  color: #666 !important;
}

/* Mobile */
@media (max-width: 600px) {
  .lc-popup {
    grid-template-columns: 1fr !important;
    max-width: 360px !important;
  }
  .lc-popup__image { display: none !important; }
  .lc-popup__content { padding: 2rem 1.5rem 1.75rem !important; }
}


/* ============================================================
   v12.59 — PINTEREST SIDEBAR WIDGET + HIDE EMPTY WP WIDGETS
   ============================================================ */

/* Hide ALL default WP widgets — they show as blank boxes */
.widget_recent_entries,
.widget_recent_comments,
.widget_archive,
.widget_categories,
.widget_tag_cloud,
.widget_calendar,
.widget_meta,
.widget_search,
.widget_pages,
.widget_rss,
.widget_nav_menu,
.widget_media_image,
.widget_block,
/* Hide if widget has no real content (empty sidebar-widget div) */
.sidebar-widget:empty {
  display: none !important;
}

/* Pinterest widget */
.sidebar-pinterest-widget h3 {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--clr-ink-muted) !important;
  margin: 0 0 1rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1.5px solid var(--clr-rule) !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
}
.sidebar-pinterest-widget h3::before { display: none !important; }

.sidebar-pinterest-widget__link {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  background: #E60023 !important;
  color: #fff !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  padding: 0.75rem 1.1rem !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  transition: background 0.18s, transform 0.15s !important;
}
.sidebar-pinterest-widget__link:hover {
  background: #c0001d !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}
.sidebar-pinterest-widget__fallback { margin: 0 !important; }

/* Pinterest embed responsive */
.sidebar-pinterest-widget [data-pin-do] {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
}

/* ── POPUP: man illustration adjustments ─────────────────── */
.lc-popup__illustration-svg {
  width: 185px !important;
  height: auto !important;
  position: relative !important;
  z-index: 1 !important;
  margin-top: auto !important;
  display: block !important;
}
.lc-popup__image {
  background: linear-gradient(160deg, #1a0600 0%, #c04a0e 60%, #E8651A 100%) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding-top: 1.5rem !important;
  overflow: hidden !important;
}


/* ── HERO: decrease padding top+bottom by 15px ─────────────── */
.hero__grid {
  padding-block: clamp(1.2rem, 2.5vw, 2.2rem) !important;
}

/* ============================================================
   PAGE HERO — matches archive/contact/policy hero exactly
   ============================================================ */
.page-hero {
  background: linear-gradient(145deg, #1c0a00 0%, #0d0d0d 70%) !important;
  padding-block: clamp(2.5rem, 5vw, 4rem) !important;
  position: relative !important;
  overflow: hidden !important;
}
.page-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 60% 120% at 50% -10%, rgba(232,101,26,0.18) 0%, transparent 65%) !important;
  pointer-events: none !important;
}
.page-hero__inner {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}
.page-hero__label {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--clr-accent) !important;
  display: block !important;
}
.page-hero__title {
  font-family: 'MD Nichrome', Georgia, serif !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
}
.page-hero__desc {
  font-family: 'Manrope', sans-serif !important;
  font-size: 1rem !important;
  color: rgba(255,255,255,0.6) !important;
  line-height: 1.7 !important;
  max-width: 55ch !important;
  margin: 0 !important;
}
.page-hero__thumb-wrap {
  background: #0d0d0d !important;
  padding-bottom: 2rem !important;
}
.page-hero__thumb-img {
  width: 100% !important;
  max-height: 380px !important;
  object-fit: cover !important;
  border-radius: 0 0 16px 16px !important;
  display: block !important;
}
.page-body {
  padding-block: clamp(2.5rem, 5vw, 4rem) !important;
}


/* PAGE HERO: centre aligned */
.page-hero__inner {
  align-items: center !important;
  text-align: center !important;
}
.page-hero__label,
.page-hero__title,
.page-hero__desc {
  text-align: center !important;
  margin-inline: auto !important;
}


/* PAGE BODY: 70% width content area for sub pages */
.page-body .post-content {
  max-width: 70% !important;
  margin-inline: auto !important;
  width: 100% !important;
}

@media (max-width: 900px) {
  .page-body .post-content { max-width: 90% !important; }
}
@media (max-width: 600px) {
  .page-body .post-content { max-width: 100% !important; }
}


/* PAGE BODY: 1024px max width for sub pages */
.page-body .post-content {
  max-width: 1024px !important;
  margin-inline: auto !important;
  width: 100% !important;
}


/* ============================================================
   v12.68 — COMPREHENSIVE MOBILE AUDIT FIXES
   ============================================================ */

/* ── GLOBAL: prevent any horizontal overflow ──────────────── */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}
*, *::before, *::after {
  box-sizing: border-box !important;
}

/* ── SHARE PILL ICONS: kill ALL ::after masks — SVG only ──── */
.share-pill__icon::after,
.share-pill__icon::before,
.share-pill--x .share-pill__icon::after,
.share-pill--fb .share-pill__icon::after,
.share-pill--pin .share-pill__icon::after,
.share-pill--copy .share-pill__icon::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* ── SEARCH DROPDOWN: stays on screen on mobile ───────────── */
@media (max-width: 767px) {
  .header-search__dropdown {
    right: -8px !important;
    width: calc(100vw - 32px) !important;
    max-width: 320px !important;
  }
}

/* ── POST META BAR: wrap on narrow screens ─────────────────── */
@media (max-width: 640px) {
  .post-meta-bar {
    flex-wrap: wrap !important;
    gap: 0.6rem 1rem !important;
  }
  .social-share {
    flex-wrap: wrap !important;
  }
}

/* ── POPUP: fully responsive ───────────────────────────────── */
@media (max-width: 640px) {
  .lc-popup {
    grid-template-columns: 1fr !important;
    margin: 0.75rem !important;
    max-width: calc(100vw - 1.5rem) !important;
    border-radius: 18px !important;
  }
  .lc-popup__image { display: none !important; }
  .lc-popup__content {
    padding: 1.75rem 1.5rem 1.5rem !important;
  }
  .lc-popup__title { font-size: 1.3rem !important; }
}

/* ── HERO: text doesn't overflow on small phones ───────────── */
@media (max-width: 400px) {
  .hero__title {
    font-size: 1.8rem !important;
    word-break: break-word !important;
  }
  .hero__desc { font-size: 0.92rem !important; }
}

/* ── BLOG CARDS: safe on all screen sizes ─────────────────── */
@media (max-width: 767px) {
  .post-card {
    max-width: 100% !important;
    width: 100% !important;
  }
  .post-card__thumb {
    height: 180px !important;
    border-radius: 12px 12px 0 0 !important;
  }
  .post-card__body { padding: 16px !important; }
  .post-card .post-card__title { font-size: 1.1rem !important; }
  .post-card__footer-row {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }
  .post-card__readmore-link {
    font-size: 0.75rem !important;
  }
}

/* ── AUTHOR CARD: clean stack on mobile ────────────────────── */
@media (max-width: 640px) {
  .author-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 1rem !important;
    padding: 1.5rem 1.25rem !important;
  }
  .author-card__right { align-items: center !important; width: 100% !important; }
  .author-card__bio   { text-align: left !important; }
  .author-card__footer { justify-content: center !important; }
}

/* ── SHARE BLOCK: clean 2-col pills on mobile ──────────────── */
@media (max-width: 767px) {
  .post-share-block {
    flex-direction: column !important;
    padding: 1.5rem 1.25rem !important;
    gap: 1.25rem !important;
  }
  .post-share-block__right {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.6rem !important;
    width: 100% !important;
  }
  .share-pill {
    width: 100% !important;
    justify-content: center !important;
    padding: 0.65rem 0.75rem !important;
    font-size: 0.8rem !important;
  }
}
@media (max-width: 380px) {
  .post-share-block__right {
    grid-template-columns: 1fr !important;
  }
}

/* ── ARCHIVE HEADER: centred on mobile ─────────────────────── */
@media (max-width: 767px) {
  .archive-header .container {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .archive-header__title {
    font-size: clamp(1.6rem, 8vw, 2.2rem) !important;
    text-align: center !important;
  }
}

/* ── FOOTER: readable on small screens ─────────────────────── */
@media (max-width: 767px) {
  .footer-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }
  .footer-col a {
    font-size: 0.95rem !important;
    padding-block: 0.4rem !important;
    display: block !important;
  }
  .footer-social {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }
  .footer-bottom {
    flex-direction: column !important;
    text-align: center !important;
    gap: 0.4rem !important;
    font-size: 0.78rem !important;
  }
}

/* ── NEWSLETTER STRIP: stacked on mobile ───────────────────── */
@media (max-width: 600px) {
  .newsletter-form {
    flex-direction: column !important;
    gap: 0.75rem !important;
    width: 100% !important;
  }
  .newsletter-form input,
  .newsletter-form .btn {
    width: 100% !important;
    border-radius: 10px !important;
  }
  .newsletter-strip h2 {
    font-size: 1.6rem !important;
  }
}

/* ── PAGE HERO: centred, readable on mobile ─────────────────── */
@media (max-width: 767px) {
  .page-hero {
    padding-block: 2rem !important;
  }
  .page-hero__title {
    font-size: clamp(1.7rem, 8vw, 2.4rem) !important;
  }
  .page-hero__desc {
    font-size: 0.92rem !important;
  }
  .page-body .post-content {
    max-width: 100% !important;
  }
}

/* ── CONTACT LAYOUT: stack on mobile ───────────────────────── */
@media (max-width: 860px) {
  .contact-layout {
    grid-template-columns: 1fr !important;
  }
  .contact-info {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.75rem !important;
  }
}
@media (max-width: 600px) {
  .contact-info {
    grid-template-columns: 1fr !important;
  }
  .cf-row--2col {
    grid-template-columns: 1fr !important;
  }
  .contact-form-wrap {
    padding: 1.5rem 1.1rem !important;
    border-radius: 14px !important;
  }
}

/* ── VISITOR COUNTER BAR: fit on mobile ─────────────────────── */
@media (max-width: 480px) {
  .footer-visitor-bar__inner {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0 !important;
  }
  .footer-visitor-counter {
    padding: 0.6rem 0.9rem !important;
  }
}


/* ── POPUP: mascot image fill ─────────────────────────────── */
.lc-popup__image {
  background: linear-gradient(160deg, #c04a00 0%, #E8651A 100%) !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
}
.lc-popup__mascot-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  min-height: 340px !important;
}


/* ============================================================
   SEO & AI SEARCH UPGRADE — VISUAL COMPONENTS
   ============================================================ */

/* ── BREADCRUMBS ─────────────────────────────────────────────── */
.lc-breadcrumbs {
  padding: 0.7rem 0;
  font-family: 'Manrope', sans-serif;
  font-size: 0.78rem;
  color: #aaa;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.2rem;
  max-width: 1340px;
  margin-inline: auto;
  padding-inline: clamp(1.2rem, 4vw, 2.5rem);
}
.lc-bc__item { color: #888; text-decoration: none; }
.lc-bc__item:hover { color: #E8651A; }
.lc-bc__current { color: #444; font-weight: 600; }
.lc-bc__sep { color: #ccc; font-size: 0.85rem; margin-inline: 0.2rem; }

/* ── QUICK ANSWER BOX ─────────────────────────────────────────── */
.lc-quick-answer {
  margin: 1.25rem auto 0;
}
.lc-quick-answer__inner {
  background: linear-gradient(135deg, #fff7f0 0%, #fff3e8 100%);
  border: 1.5px solid rgba(232,101,26,0.25);
  border-left: 5px solid #E8651A;
  border-radius: 14px;
  padding: 1.1rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.lc-quick-answer__label {
  font-family: 'Manrope', sans-serif;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #E8651A;
}
.lc-quick-answer__text {
  font-family: 'Manrope', sans-serif;
  font-size: 0.98rem;
  line-height: 1.7;
  color: #222;
  font-weight: 500;
  margin: 0;
}

/* ── LAST UPDATED NOTICE ─────────────────────────────────────── */
.lc-last-updated {
  font-family: 'Manrope', sans-serif;
  font-size: 0.78rem;
  color: #888;
  background: #f5f5f0;
  border-radius: 6px;
  padding: 0.45rem 0.9rem;
  margin-bottom: 0.75rem;
  display: inline-block;
}
.lc-last-updated time { font-weight: 700; color: #555; }

/* ── FAQ ACCORDION ───────────────────────────────────────────── */
.lc-faq-section {
  margin: 2.5rem 0;
  border-top: 2px solid #f0ebe3;
  padding-top: 2rem;
}
.lc-faq-section__title {
  font-family: 'MD Nichrome', Georgia, serif;
  font-size: 1.55rem;
  font-weight: 400;
  color: #111;
  margin: 0 0 1.25rem;
  letter-spacing: -0.015em;
}
.lc-faq-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.lc-faq-item {
  background: #fff;
  border: 1.5px solid #ede8e0;
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.18s;
}
.lc-faq-item.is-open { border-color: #E8651A; }
.lc-faq-item__q {
  width: 100%;
  background: none;
  border: none;
  padding: 1rem 1.25rem;
  text-align: left;
  font-family: 'Manrope', sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: #111;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  line-height: 1.45;
  transition: color 0.18s;
}
.lc-faq-item__q:hover { color: #E8651A; }
.lc-faq-item.is-open .lc-faq-item__q { color: #E8651A; }
.lc-faq-item__icon {
  font-size: 1.3rem;
  font-weight: 300;
  flex-shrink: 0;
  color: #E8651A;
  transition: transform 0.22s ease;
  line-height: 1;
}
.lc-faq-item.is-open .lc-faq-item__icon { transform: rotate(45deg); }
.lc-faq-item__a {
  padding: 0 1.25rem 1rem;
}
.lc-faq-item__a p {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.9rem !important;
  line-height: 1.72 !important;
  color: #444 !important;
  margin: 0 !important;
}


/* Author credentials badge */
.author-card__credentials {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.78rem !important;
  color: #E8651A !important;
  font-weight: 600 !important;
  background: rgba(232,101,26,0.08) !important;
  border-radius: 6px !important;
  padding: 0.3rem 0.7rem !important;
  display: inline-block !important;
  margin: 0 !important;
}


/* Meta bar removed — hide completely if any remnant renders */
.post-meta-bar { display: none !important; }


/* AUTHOR CARD MOBILE: fix WRITTEN BY overlapping avatar */
@media (max-width: 640px) {
  .author-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  /* Avatar left col: full width, centred, no overlap */
  .author-card__left {
    grid-column: unset !important;
    grid-row: unset !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    margin-bottom: 0.75rem !important;
  }
  /* Right col: full width, centred, sits BELOW avatar */
  .author-card__right {
    grid-column: unset !important;
    grid-row: unset !important;
    width: 100% !important;
    align-items: center !important;
    gap: 0.25rem !important;
  }
  /* WRITTEN BY: shown above name, not floating over avatar */
  .author-card__eyebrow {
    display: block !important;
    position: static !important;
    margin-bottom: 0.15rem !important;
  }
  /* Footer button */
  .author-card__footer {
    grid-column: unset !important;
    grid-row: unset !important;
    justify-content: center !important;
    width: 100% !important;
  }
  .author-card__bio { text-align: left !important; }
}


/* Decrease spacing between breadcrumbs and post content */
.lc-breadcrumbs {
  padding-block: 0.4rem !important;
  margin-bottom: 0 !important;
}
.post-content-wrapper {
  padding-top: 0.75rem !important;
}


/* ── AUTHOR CARD MOBILE: definitive fix for WRITTEN BY overlap ── */
@media (max-width: 767px) {

  /* Override ALL previous author card rules with a clean flex stack */
  .author-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 1.75rem 1.25rem 1.5rem !important;
    gap: 0 !important;
  }

  /* Left col: avatar only, full width row, centred */
  .author-card__left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    grid-column: unset !important;
    grid-row: unset !important;
    gap: 0 !important;
    margin-bottom: 1rem !important;
  }

  /* Right col: text block, full width, below avatar */
  .author-card__right {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    grid-column: unset !important;
    grid-row: unset !important;
    gap: 0.3rem !important;
  }

  /* Eyebrow: sits ABOVE name in right col, centred */
  .author-card__eyebrow {
    display: block !important;
    position: static !important;
    text-align: center !important;
    margin: 0 0 0.15rem 0 !important;
    order: -1 !important;
  }

  /* Footer row: below everything */
  .author-card__footer {
    width: 100% !important;
    justify-content: center !important;
    grid-column: unset !important;
    grid-row: unset !important;
    margin-top: 0.5rem !important;
  }

  /* Bio: left-aligned for readability */
  .author-card__bio {
    text-align: left !important;
    max-width: 100% !important;
  }
}


/* Strip default paragraph margin inside archive desc */
.archive-header__desc p {
  margin: 0 !important;
  color: rgba(255,255,255,0.6) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.65 !important;
}


/* Archive header desc: single line on desktop, responsive on mobile */
.archive-header__desc {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}
.archive-header__desc p {
  font-size: 0.82rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
}

@media (max-width: 767px) {
  .archive-header__desc,
  .archive-header__desc p {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
  }
}


/* Breadcrumb: add top spacing */
.lc-breadcrumbs {
  padding-top: 1rem !important;
  padding-bottom: 0.5rem !important;
}

/* Quick Answer box: more space below it before content */
.lc-quick-answer {
  margin-bottom: 2rem !important;
}

/* AI Summary box: more space below before content */
.lc-ai-summary {
  margin-bottom: 2rem !important;
}

/* Post content: breathing room from boxes above */
.post-content > *:first-child {
  margin-top: 0 !important;
}


/* ============================================================
   NEWS TICKER STRIP — below header
   ============================================================ */

.lc-news-ticker {
  background: linear-gradient(90deg, #1a0600 0%, #2a0e00 50%, #1a0600 100%);
  border-bottom: 1px solid rgba(232,101,26,0.25);
  border-top: 1px solid rgba(232,101,26,0.15);
  overflow: hidden;
  height: 38px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 998;
}

.lc-news-ticker__inner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* LIVE NEWS badge */
.lc-news-ticker__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: #E8651A;
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0 1.1rem;
  height: 100%;
  flex-shrink: 0;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
/* Clip shape on right edge of badge */
.lc-news-ticker__badge::after {
  content: '';
  position: absolute;
  right: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 19px solid #E8651A;
  border-bottom: 19px solid #E8651A;
  border-right: 10px solid transparent;
}

/* Pulsing green dot */
.lc-news-ticker__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  animation: lc-ticker-pulse 1.8s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes lc-ticker-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.4; transform: scale(0.7); }
}

/* Scrolling track */
.lc-news-ticker__track {
  display: flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  will-change: transform;
  animation: lc-ticker-scroll 90s linear infinite;
  padding-left: 2rem;
}
.lc-news-ticker__track:hover {
  animation-play-state: paused;
}

@keyframes lc-ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Individual news item */
.lc-news-ticker__item {
  font-family: 'Manrope', sans-serif;
  font-size: 0.78rem;
  font-weight: 400;
  color: rgba(255,255,255,0.78);
  line-height: 1;
  padding-right: 3.5rem;
  position: relative;
  white-space: nowrap;
}
/* Separator dot between items */
.lc-news-ticker__item::after {
  content: '◆';
  position: absolute;
  right: 1.25rem;
  color: rgba(232,101,26,0.55);
  font-size: 0.45rem;
  top: 50%;
  transform: translateY(-50%);
}

/* Fade edges */
.lc-news-ticker::before,
.lc-news-ticker::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
  z-index: 2;
  pointer-events: none;
}
.lc-news-ticker::before {
  left: 130px; /* after badge */
  background: linear-gradient(to right, #1a0600, transparent);
}
.lc-news-ticker::after {
  right: 0;
  background: linear-gradient(to left, #1a0600, transparent);
}

/* Mobile: slightly smaller text */
@media (max-width: 767px) {
  .lc-news-ticker { height: 34px; }
  .lc-news-ticker__badge {
    font-size: 0.55rem;
    padding: 0 0.75rem;
  }
  .lc-news-ticker__item { font-size: 0.72rem; }
  .lc-news-ticker__track { animation-duration: 70s; }
  .lc-news-ticker::before { left: 100px; }
}


/* ============================================================
   v12.83 — NEWS TICKER: fix overlap, slower, cleaner
   ============================================================ */

/* Full reset and rewrite */
.lc-news-ticker {
  background: #0f0500 !important;
  border-top: 1px solid rgba(232,101,26,0.3) !important;
  border-bottom: 1px solid rgba(232,101,26,0.2) !important;
  height: 40px !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 99 !important;
  display: flex !important;
  align-items: center !important;
}

.lc-news-ticker__inner {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}

/* LIVE NEWS badge — no clip arrow, clean pill */
.lc-news-ticker__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  background: #E8651A !important;
  color: #fff !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.6rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 0 1.25rem !important;
  height: 100% !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  position: relative !important;
  z-index: 3 !important;
}
/* Remove the overlapping clip shape */
.lc-news-ticker__badge::after {
  display: none !important;
}

/* Thin vertical separator after badge */
.lc-news-ticker__badge::before {
  content: '' !important;
  position: absolute !important;
  right: -1px !important;
  top: 20% !important;
  height: 60% !important;
  width: 1px !important;
  background: rgba(255,255,255,0.3) !important;
}

/* Scrolling track */
.lc-news-ticker__track {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  white-space: nowrap !important;
  will-change: transform !important;
  padding-left: 2.5rem !important;
  /* Slower: 140s instead of 90s */
  animation: lc-ticker-scroll 140s linear infinite !important;
}
.lc-news-ticker__track:hover {
  animation-play-state: paused !important;
}
@keyframes lc-ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* News item text — clean, readable */
.lc-news-ticker__item {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.85) !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  padding-right: 4rem !important;
  position: relative !important;
}
/* Bullet separator */
.lc-news-ticker__item::after {
  content: '●' !important;
  position: absolute !important;
  right: 1.5rem !important;
  color: rgba(232,101,26,0.6) !important;
  font-size: 0.35rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Pulsing dot */
.lc-news-ticker__dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #fff !important;
  flex-shrink: 0 !important;
  animation: lc-ticker-pulse 2s ease-in-out infinite !important;
}
@keyframes lc-ticker-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.3; }
}

/* Fade edges — start AFTER badge */
.lc-news-ticker::before,
.lc-news-ticker::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 50px !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
.lc-news-ticker::before {
  left: 118px !important;
  background: linear-gradient(to right, #0f0500, transparent) !important;
}
.lc-news-ticker::after {
  right: 0 !important;
  background: linear-gradient(to left, #0f0500, transparent) !important;
}

/* Mobile */
@media (max-width: 767px) {
  .lc-news-ticker { height: 36px !important; }
  .lc-news-ticker__badge {
    font-size: 0.55rem !important;
    padding: 0 0.85rem !important;
    letter-spacing: 0.12em !important;
  }
  .lc-news-ticker__item { font-size: 0.76rem !important; }
  .lc-news-ticker__track { animation-duration: 110s !important; }
  .lc-news-ticker::before { left: 92px !important; }
}


/* ── HERO ROTATING TEXT ─────────────────────────────────────── */
.hero__title-accent--rotate {
  display: inline-block !important;
  position: relative !important;
  min-width: 10px !important;
}
.hero__rotate-word {
  display: block !important;
  opacity: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  transition: opacity 0.55s ease !important;
  white-space: nowrap !important;
  color: #E8651A !important;
}
.hero__rotate-word.is-active {
  opacity: 1 !important;
  position: relative !important;
}


/* ── HERO ROTATING TEXT: smooth fixed-height container ─────── */
.hero__title-accent--rotate {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  /* Height matches one line of the hero accent font */
  height: 1.2em !important;
  line-height: 1.2 !important;
}
.hero__rotate-word {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  opacity: 0 !important;
  transform: translateY(8px) !important;
  transition: opacity 0.5s ease, transform 0.5s ease !important;
  color: #E8651A !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}
.hero__rotate-word.is-active {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}


/* ── HERO ROTATING TEXT: brighter + fix cropping ───────────── */
.hero__title-accent--rotate {
  height: 1.35em !important;
  overflow: visible !important;
  padding-bottom: 0.15em !important;
}
.hero__rotate-word {
  color: #ffb347 !important;
  text-shadow: 0 0 30px rgba(255,140,50,0.45) !important;
}
.hero__rotate-word.is-active {
  color: #ffb347 !important;
}


/* ── HERO ROTATING TEXT: gradient + smooth animation ───────── */
.hero__rotate-word {
  background: linear-gradient(135deg, #E8651A 0%, #ffb347 60%, #ffd280 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
  /* Smoother transition — ease-in-out feels more natural */
  transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out !important;
  transform: translateY(6px) !important;
  opacity: 0 !important;
}
.hero__rotate-word.is-active {
  opacity: 1 !important;
  transform: translateY(0) !important;
}


/* Hero H1: match width of tagline text below */
@media (min-width: 768px) {
  .hero__title {
    font-size: clamp(2.4rem, 3.8vw, 3.2rem) !important;
    max-width: 13ch !important;
  }
}


/* Hero H1: wider to match tagline, fix rotating word overlap */
@media (min-width: 768px) {
  .hero__title {
    font-size: clamp(2.8rem, 4.2vw, 3.8rem) !important;
    max-width: 100% !important;
    width: auto !important;
  }
  /* Rotating container: must clip so only 1 word shows */
  .hero__title-accent--rotate {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    height: 1.25em !important;
    padding-bottom: 0.1em !important;
  }
  .hero__rotate-word {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 0 !important;
    transform: translateY(6px) !important;
    transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out !important;
    white-space: nowrap !important;
  }
  .hero__rotate-word.is-active {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}


/* ── HERO ROTATING TEXT: mobile fix ────────────────────────── */
@media (max-width: 767px) {
  .hero__title-accent--rotate {
    overflow: hidden !important;
    height: 1.25em !important;
    display: block !important;
    max-width: 100% !important;
  }
  .hero__rotate-word {
    white-space: nowrap !important;
    font-size: 0.85em !important; /* scale down relative to parent */
  }
  /* Hero title: smaller on mobile so text fits */
  .hero__title {
    font-size: clamp(2rem, 8vw, 2.8rem) !important;
    max-width: 100% !important;
  }
}


/* Post content headings: prominent, well-spaced, clear hierarchy */
.post-content h2 {
  letter-spacing: 0.01em !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  color: #0f0800 !important;
  margin-top: 2.25rem !important;
  margin-bottom: 0.75rem !important;
  line-height: 1.25 !important;
  padding-bottom: 0.4rem !important;
  border-bottom: 2px solid rgba(232,101,26,0.15) !important;
}
.post-content h3 {
  letter-spacing: 0.008em !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #1a0d00 !important;
  margin-top: 1.75rem !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.3 !important;
}
.post-content h4 {
  letter-spacing: 0.005em !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #2a1500 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.4rem !important;
}


/* ============================================================
   v12.94 — HEADING LETTER SPACING + NAV DECORATION
   ============================================================ */

/* ── HEADINGS: more letter spacing ─────────────────────────── */
.post-content h2 {
  letter-spacing: 0.03em !important;
}
.post-content h3 {
  letter-spacing: 0.025em !important;
}
.post-content h4 {
  letter-spacing: 0.02em !important;
}

/* ── NAV: modern pill decoration + effects ──────────────────── */
.primary-nav {
  display: flex !important;
  align-items: center !important;
  gap: 0.15rem !important;
  padding: 0.3rem !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 14px !important;
}

.primary-nav a {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.65) !important;
  padding: 0.42rem 1rem !important;
  border-radius: 9px !important;
  text-decoration: none !important;
  position: relative !important;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease !important;
  z-index: 0 !important;
}

/* Hover: orange glow pill */
.primary-nav a:hover {
  color: #ffffff !important;
  background: rgba(232,101,26,0.18) !important;
  box-shadow:
    0 0 0 1px rgba(232,101,26,0.35),
    0 2px 12px rgba(232,101,26,0.2) !important;
  transform: translateY(-1px) !important;
}

/* Active / current page: solid orange pill */
.primary-nav a.current-menu-item,
.primary-nav a.current-page-ancestor,
.primary-nav a[aria-current="page"] {
  color: #ffffff !important;
  background: #E8651A !important;
  box-shadow: 0 2px 14px rgba(232,101,26,0.45) !important;
  transform: none !important;
}
.primary-nav a.current-menu-item:hover,
.primary-nav a.current-page-ancestor:hover {
  background: #d45210 !important;
  transform: translateY(-1px) !important;
}

/* Remove old underline pseudo */
.primary-nav a::after { display: none !important; }

/* Thin separator dot between items */
.primary-nav a + a::before {
  content: '' !important;
  position: absolute !important;
  left: -0.1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 12px !important;
  width: 1px !important;
  background: rgba(255,255,255,0.1) !important;
  pointer-events: none !important;
}
.primary-nav a:hover + a::before,
.primary-nav a + a:hover::before {
  opacity: 0 !important;
}


/* ── NAV: remove the group box, keep individual pill hover ──── */
.primary-nav {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  gap: 0.2rem !important;
}


/* ── HEADLINES: Plus Jakarta Sans ───────────────────────────── */
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-header__title,
.post-title,
.archive-header__title,
.page-hero__title,
.lc-faq-section__title,
.lc-product-hero__title,
.lc-product-card__title,
.lc-product-related__title {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
}

/* Specific heading weights */
.post-content h2 { font-weight: 700 !important; }
.post-content h3 { font-weight: 600 !important; }
.post-content h4 { font-weight: 600 !important; }


/* ── HEADLINES: Oswald ──────────────────────────────────────── */
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-header__title,
.post-title,
.archive-header__title,
.page-hero__title,
.lc-faq-section__title,
.lc-product-hero__title,
.lc-product-card__title,
.lc-product-related__title {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
}
.post-content h2 { font-weight: 600 !important; }
.post-content h3 { font-weight: 500 !important; }


/* ── HEADLINES: Nunito Sans ─────────────────────────────────── */
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-header__title,
.post-title,
.archive-header__title,
.page-hero__title,
.lc-faq-section__title,
.lc-product-hero__title,
.lc-product-card__title,
.lc-product-related__title {
  font-family: 'Nunito Sans', sans-serif !important;
  letter-spacing: 0 !important;
}
.post-content h2 { font-weight: 800 !important; }
.post-content h3 { font-weight: 700 !important; }
.post-content h4 { font-weight: 700 !important; }


/* Heading: letter-spacing -0.4px, adjusted weights */
.post-content h2,
.post-content h3,
.post-content h4,
.post-header__title,
.post-title,
.archive-header__title,
.page-hero__title {
  letter-spacing: -0.4px !important;
}
.post-content h2 { font-weight: 700 !important; }
.post-content h3 { font-weight: 600 !important; }
.post-content h4 { font-weight: 600 !important; }


/* ============================================================
   AUTHOR BAR + SOCIAL FOLLOW TABS
   ============================================================ */
.lc-author-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  padding: 0.65rem clamp(1.2rem,4vw,2.5rem) !important;
  background: #fff !important;
  border-bottom: 1px solid #f0ebe3 !important;
  font-family: 'Manrope', sans-serif !important;
}
.lc-author-bar__left {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  flex-wrap: wrap !important;
}
.lc-author-bar__avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid #E8651A !important;
  flex-shrink: 0 !important;
}
.lc-author-bar__name {
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  color: #E8651A !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
.lc-author-bar__role {
  font-size: 0.75rem !important;
  color: #999 !important;
  display: block !important;
}
.lc-author-bar__sep {
  color: #ddd !important;
  font-weight: 300 !important;
}
.lc-author-bar__date {
  font-size: 0.78rem !important;
  color: #888 !important;
}
.lc-author-bar__right {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
.lc-follow-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  padding: 0.35rem 0.9rem !important;
  border-radius: 6px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: opacity 0.18s !important;
  white-space: nowrap !important;
}
.lc-follow-tab:hover { opacity: 0.85 !important; }
.lc-follow-tab--fb {
  background: #1877f2 !important;
  color: #fff !important;
}
.lc-follow-tab--share {
  background: #E8651A !important;
  color: #fff !important;
}

@media (max-width: 640px) {
  .lc-author-bar__right { display: none !important; }
  .lc-author-bar__sep  { display: none !important; }
}

/* ============================================================
   STICKY LEFT SOCIAL SHARE BAR
   ============================================================ */
.lc-sticky-share {
  position: fixed !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 990 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease !important;
}
.lc-sticky-share.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.lc-sticky-share__btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  transition: transform 0.18s, box-shadow 0.18s !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
  color: #fff !important;
}
.lc-sticky-share__btn:hover {
  transform: scale(1.12) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.22) !important;
}
.lc-sticky-share__btn--fb    { background: #1877f2 !important; }
.lc-sticky-share__btn--x     { background: #111111 !important; }
.lc-sticky-share__btn--li    { background: #0a66c2 !important; }
.lc-sticky-share__btn--wa    { background: #25d366 !important; }
.lc-sticky-share__btn--email { background: #555 !important; }
.lc-sticky-share__btn--copy  { background: #888 !important; }

@media (max-width: 1100px) {
  .lc-sticky-share { display: none !important; }
}

/* ============================================================
   AI POWERED SUMMARY BOX — new design
   ============================================================ */
.lc-ai-summary {
  margin: 1.25rem auto 1.5rem !important;
  background: #fff !important;
  border: 1.5px solid #d0e8ff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(0,80,180,0.07) !important;
}
.lc-ai-summary__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.85rem 1.25rem !important;
  border-bottom: 1px solid #e8f0ff !important;
  background: #f5faff !important;
}
.lc-ai-summary__header-left {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
.lc-ai-summary__sparkle {
  font-size: 1.1rem !important;
  color: #1a73e8 !important;
}
.lc-ai-summary__title {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  color: #1a73e8 !important;
  letter-spacing: 0 !important;
}
.lc-ai-summary__toggle {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  color: #1a73e8 !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  transition: background 0.15s !important;
}
.lc-ai-summary__toggle:hover { background: #e8f0ff !important; }
.lc-ai-summary__toggle.is-collapsed svg {
  transform: rotate(180deg) !important;
}
.lc-ai-summary__body {
  padding: 1rem 1.25rem !important;
  transition: max-height 0.3s ease !important;
}
.lc-ai-summary__body.is-hidden {
  display: none !important;
}
.lc-ai-summary__list {
  margin: 0 !important;
  padding-left: 1.25rem !important;
  list-style: disc !important;
}
.lc-ai-summary__list li {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.9rem !important;
  line-height: 1.7 !important;
  color: #333 !important;
  margin-bottom: 0.35rem !important;
  padding-left: 0.25rem !important;
}
.lc-ai-summary__list li::marker {
  color: #1a73e8 !important;
}
.lc-ai-summary__footer {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.6rem 1.25rem !important;
  border-top: 1px solid #e8f0ff !important;
  background: #f5faff !important;
}
.lc-ai-summary__footer-text {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.75rem !important;
  color: #888 !important;
  flex: 1 !important;
}
.lc-ai-summary__vote {
  background: none !important;
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  padding: 0.2rem 0.5rem !important;
  cursor: pointer !important;
  font-size: 0.85rem !important;
  transition: background 0.15s !important;
}
.lc-ai-summary__vote:hover { background: #f0f0f0 !important; }


/* ── STICKY SHARE: orange/grey brand colours + mobile bottom bar ── */

/* Desktop: left side vertical */
.lc-sticky-share__btn--fb    { background: #E8651A !important; }
.lc-sticky-share__btn--x     { background: #444444 !important; }
.lc-sticky-share__btn--li    { background: #E8651A !important; }
.lc-sticky-share__btn--wa    { background: #555555 !important; }
.lc-sticky-share__btn--email { background: #444444 !important; }
.lc-sticky-share__btn--copy  { background: #E8651A !important; }

/* Mobile: convert to horizontal bottom bar */
@media (max-width: 1100px) {
  .lc-sticky-share {
    display: flex !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    transform: none !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    z-index: 9999 !important;
    background: #1a0800 !important;
    border-top: 2px solid rgba(232,101,26,0.4) !important;
    padding: 0.55rem 0.5rem !important;
    padding-bottom: calc(0.55rem + env(safe-area-inset-bottom)) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.25) !important;
  }
  .lc-sticky-share__btn {
    width: auto !important;
    height: auto !important;
    border-radius: 8px !important;
    flex: 1 !important;
    max-width: 60px !important;
    padding: 0.5rem 0 !important;
    flex-direction: column !important;
    gap: 3px !important;
    font-size: 0.55rem !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 600 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-right: 1px solid rgba(255,255,255,0.06) !important;
    position: relative !important;
  }
  .lc-sticky-share__btn:last-child { border-right: none !important; }
  .lc-sticky-share__btn:hover { transform: none !important; box-shadow: none !important; background: rgba(232,101,26,0.15) !important; }

  /* alternating orange / grey icon colours */
  .lc-sticky-share__btn--fb    { color: #E8651A !important; }
  .lc-sticky-share__btn--x     { color: #aaa !important; }
  .lc-sticky-share__btn--li    { color: #E8651A !important; }
  .lc-sticky-share__btn--wa    { color: #aaa !important; }
  .lc-sticky-share__btn--email { color: #E8651A !important; }
  .lc-sticky-share__btn--copy  { color: #aaa !important; }

  /* Add label text below each icon via ::after */
  .lc-sticky-share__btn--fb::after    { content: 'Facebook'; display: block; font-size: 0.52rem; color: rgba(255,255,255,0.5); }
  .lc-sticky-share__btn--x::after     { content: 'X / Twitter'; display: block; font-size: 0.52rem; color: rgba(255,255,255,0.5); }
  .lc-sticky-share__btn--li::after    { content: 'LinkedIn'; display: block; font-size: 0.52rem; color: rgba(255,255,255,0.5); }
  .lc-sticky-share__btn--wa::after    { content: 'WhatsApp'; display: block; font-size: 0.52rem; color: rgba(255,255,255,0.5); }
  .lc-sticky-share__btn--email::after { content: 'Email'; display: block; font-size: 0.52rem; color: rgba(255,255,255,0.5); }
  .lc-sticky-share__btn--copy::after  { content: 'Copy Link'; display: block; font-size: 0.52rem; color: rgba(255,255,255,0.5); }

  /* Push page content up so bar doesn't overlap footer */
  body.single { padding-bottom: 70px !important; }
}

/* Very small phones: smaller icons */
@media (max-width: 380px) {
  .lc-sticky-share__btn { max-width: 50px !important; }
  .lc-sticky-share__btn svg { width: 14px !important; height: 14px !important; }
}


/* ── AI SUMMARY: orange tick bullets + refined layout ───────── */
.lc-ai-summary {
  margin: 1.5rem auto !important;
  background: #fff !important;
  border: 1.5px solid rgba(232,101,26,0.25) !important;
  border-left: 4px solid #E8651A !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 16px rgba(232,101,26,0.08) !important;
}
.lc-ai-summary__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.9rem 1.25rem !important;
  border-bottom: 1px solid rgba(232,101,26,0.1) !important;
  background: linear-gradient(90deg, rgba(232,101,26,0.06) 0%, rgba(255,255,255,0) 100%) !important;
}
.lc-ai-summary__header-left {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
.lc-ai-summary__sparkle {
  font-size: 1rem !important;
  color: #E8651A !important;
}
.lc-ai-summary__title {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  color: #E8651A !important;
  letter-spacing: 0.01em !important;
}
.lc-ai-summary__toggle {
  background: none !important;
  border: 1px solid rgba(232,101,26,0.2) !important;
  cursor: pointer !important;
  color: #E8651A !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  transition: background 0.15s !important;
  flex-shrink: 0 !important;
}
.lc-ai-summary__toggle:hover { background: rgba(232,101,26,0.1) !important; }
.lc-ai-summary__toggle.is-collapsed svg { transform: rotate(180deg) !important; }

/* Body */
.lc-ai-summary__body {
  padding: 1.1rem 1.25rem !important;
}
.lc-ai-summary__body.is-hidden { display: none !important; }

/* Orange tick bullets */
.lc-ai-summary__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
}
.lc-ai-summary__list li {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.9rem !important;
  line-height: 1.65 !important;
  color: #333 !important;
  padding-left: 1.75rem !important;
  position: relative !important;
  margin: 0 !important;
}
/* Orange tick ✓ */
.lc-ai-summary__list li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.2em !important;
  width: 18px !important;
  height: 18px !important;
  background: #E8651A !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
  background-size: 11px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* Footer */
.lc-ai-summary__footer {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.65rem 1.25rem !important;
  border-top: 1px solid rgba(232,101,26,0.1) !important;
  background: rgba(232,101,26,0.03) !important;
}
.lc-ai-summary__footer-text {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.75rem !important;
  color: #999 !important;
  flex: 1 !important;
}
.lc-ai-summary__vote {
  background: none !important;
  border: 1px solid #e0d8d0 !important;
  border-radius: 6px !important;
  padding: 0.2rem 0.5rem !important;
  cursor: pointer !important;
  font-size: 0.82rem !important;
  transition: background 0.15s, border-color 0.15s !important;
}
.lc-ai-summary__vote:hover { background: rgba(232,101,26,0.08) !important; border-color: #E8651A !important; }


/* ── QUICK ANSWER: minimal inline style ─────────────────────── */
.lc-quick-answer {
  margin: 0.75rem auto 0.5rem !important;
}
.lc-quick-answer__inner {
  background: transparent !important;
  border: none !important;
  border-left: 3px solid #E8651A !important;
  border-radius: 0 !important;
  padding: 0.35rem 0.9rem !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 0.6rem !important;
  box-shadow: none !important;
}
.lc-quick-answer__label {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #E8651A !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.lc-quick-answer__text {
  font-family: 'Manrope', sans-serif !important;
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
  color: #444 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}


/* ── SIDEBAR: proper sticky accounting for header + ticker ──── */
.post-sidebar {
  position: sticky !important;
  top: 150px !important; /* topbar 14px + header 55px + ticker 40px + gap */
  max-height: calc(100vh - 160px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important; /* hide scrollbar Firefox */
  -ms-overflow-style: none !important;
  align-self: start !important;
}
.post-sidebar::-webkit-scrollbar { display: none !important; }

/* Ensure parent grid allows sticky to work */
.post-content-wrapper {
  align-items: start !important;
}

/* Mobile: disable sticky completely */
@media (max-width: 900px) {
  .post-sidebar {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
    top: auto !important;
  }
}


/* ── SIDEBAR: true sticky for entire post length ────────────── */
.post-content-wrapper {
  align-items: start !important;
  /* Grid must NOT have overflow hidden */
  overflow: visible !important;
}
.post-sidebar {
  position: sticky !important;
  top: 155px !important;
  max-height: none !important;    /* remove height cap that was breaking sticky */
  overflow: visible !important;   /* no internal scroll - scroll with page */
  align-self: start !important;
  will-change: transform !important;
}

/* Mobile: completely off */
@media (max-width: 900px) {
  .post-sidebar {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
    will-change: auto !important;
  }
}


/* ── FIX: overflow-x hidden on main/article breaks sticky sidebar ── */
/* Override the mobile overflow rule for desktop */
@media (min-width: 901px) {
  main, article {
    overflow-x: visible !important;
    overflow: visible !important;
  }
}

/* Sticky sidebar - desktop only */
@media (min-width: 901px) {
  .post-sidebar {
    position: sticky !important;
    top: 155px !important;
    max-height: none !important;
    overflow: visible !important;
    align-self: start !important;
  }
  .post-content-wrapper {
    align-items: start !important;
    overflow: visible !important;
  }
}

/* Mobile stays static */
@media (max-width: 900px) {
  .post-sidebar {
    position: static !important;
    top: auto !important;
  }
}


/* ── ABOUT PAGE: widen content to match contact page width ──── */
.page-body .post-content {
  max-width: 1240px !important;
  margin-inline: auto !important;
  width: 100% !important;
}

@media (max-width: 1300px) {
  .page-body .post-content { max-width: 92% !important; }
}
@media (max-width: 900px) {
  .page-body .post-content { max-width: 95% !important; }
}
@media (max-width: 600px) {
  .page-body .post-content { max-width: 100% !important; }
}


/* ============================================================
   v12-127: HERO REDESIGN + PUBLISHER PHOTO RESIZE
   CSS-only. functions.php untouched.
   ============================================================ */

/* ── Eyebrow pulse dot ── */
.hero__eyebrow-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--clr-accent);
  animation: lc-dot-pulse 2s ease-in-out infinite;
  flex-shrink: 0;
  display: inline-block;
}
@keyframes lc-dot-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.4; transform: scale(0.7); }
}

/* ── Hero: compact, dark, tight ── */
.hero {
  background: #111111 !important;
  color: #fff !important;
  padding-block: clamp(2.75rem, 5.5vw, 4.5rem) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
.hero::before {
  background:
    radial-gradient(ellipse 50% 100% at 100% 0%, rgba(232,101,26,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 25% 50% at 0% 100%, rgba(232,101,26,0.07) 0%, transparent 55%) !important;
}

/* ── Grid: fixed right column for card ── */
.hero__grid {
  grid-template-columns: 1fr 400px !important;
  align-items: center !important;
  gap: clamp(2rem, 4vw, 4rem) !important;
}

/* ── Eyebrow ── */
.hero__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  font-size: 0.72rem !important;
  margin-bottom: 1.25rem !important;
  padding: 0.28rem 0.85rem !important;
}

/* ── Headline: tighter ── */
.hero__title {
  font-size: clamp(2rem, 4vw, 3.6rem) !important;
  margin-bottom: 1rem !important;
  line-height: 1.08 !important;
}

/* ── Description ── */
.hero__desc {
  font-size: 0.98rem !important;
  margin-bottom: 1.6rem !important;
  color: rgba(255,255,255,0.62) !important;
  max-width: 44ch !important;
}

/* ── Actions ── */
.hero__actions {
  margin-bottom: 2rem !important;
  gap: 0.7rem !important;
}
.btn {
  padding: 0.7rem 1.4rem !important;
  font-size: 0.88rem !important;
}

/* ── Stats: tight horizontal strip ── */
.hero__stats {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
  margin-top: 0 !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}
.hero__stat {
  flex: 1 !important;
  padding-right: 0 !important;
}
.hero__stat-sep {
  width: 1px !important;
  height: 28px !important;
  background: rgba(255,255,255,0.12) !important;
  flex-shrink: 0 !important;
  margin-inline: 1rem !important;
}
.hero__stat-num {
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1 !important;
}
.hero__stat-label {
  font-size: 0.65rem !important;
  color: rgba(255,255,255,0.42) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  margin-top: 0.18rem !important;
}

/* ── Right visual col ── */
.hero__visual {
  display: flex !important;
  align-items: stretch !important;
}

/* ── Feature card: dark glass ── */
.hero__feature-card {
  width: 100% !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.11) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: transform 0.3s, border-color 0.3s !important;
}
.hero__feature-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(232,101,26,0.4) !important;
}
.hero__card-badge {
  font-size: 0.64rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: var(--clr-accent) !important;
  background: rgba(232,101,26,0.13) !important;
  border-bottom: 1px solid rgba(232,101,26,0.18) !important;
  padding: 0.38rem 1rem !important;
}
.hero__feature-thumb {
  display: block !important;
  aspect-ratio: 16/9 !important;
  overflow: hidden !important;
  background: rgba(255,255,255,0.06) !important;
}
.hero__feature-thumb img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.45s !important;
}
.hero__feature-card:hover .hero__feature-thumb img {
  transform: scale(1.04) !important;
}
.hero__feature-thumb--empty {
  display: flex !important; align-items: center !important;
  justify-content: center !important; font-size: 2.5rem !important;
  min-height: 140px !important;
}
.hero__feature-body { padding: 1rem 1.2rem 1.3rem !important; }
.hero__card-tag {
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--clr-accent) !important;
  margin-bottom: 0.4rem !important;
}
.hero__card-title {
  font-family: var(--ff-display) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 1.35 !important;
  margin-bottom: 0.45rem !important;
}
.hero__card-title a { color: inherit !important; text-decoration: none !important; }
.hero__card-title a:hover { color: var(--clr-accent) !important; }
.hero__card-meta { font-size: 0.67rem !important; color: rgba(255,255,255,0.38) !important; }
.hero__card-preview { display: none !important; }

/* ── Mobile ── */
@media (max-width: 900px) {
  .hero__grid { grid-template-columns: 1fr !important; }
  .hero__visual { display: none !important; }
}
@media (max-width: 640px) {
  .hero { padding-block: 2.25rem 1.75rem !important; }
  .hero__stat-sep { display: none !important; }
  .hero__stats { flex-wrap: wrap !important; gap: 1rem !important; }
}

/* ── Publisher photo 20% smaller (340px → 272px) ── */
.about-inner {
  grid-template-columns: 272px 1fr !important;
}

/* ============================================================
   v12-128: HERO + PUBLISHER PHOTO — CSS only, safe version
   ============================================================ */
.hero__eyebrow-dot {
  width:6px;height:6px;border-radius:50%;background:var(--clr-accent);
  animation:lc-dot-pulse 2s ease-in-out infinite;flex-shrink:0;display:inline-block;
}
@keyframes lc-dot-pulse {
  0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.7);}
}
.hero {
  background:#111111 !important;color:#fff !important;
  padding-block:clamp(2.75rem,5.5vw,4.5rem) !important;
  border-bottom:1px solid rgba(255,255,255,0.07) !important;
}
.hero::before {
  background:
    radial-gradient(ellipse 50% 100% at 100% 0%,rgba(232,101,26,0.18) 0%,transparent 60%),
    radial-gradient(ellipse 25% 50% at 0% 100%,rgba(232,101,26,0.07) 0%,transparent 55%) !important;
}
.hero__grid { grid-template-columns:1fr 400px !important;align-items:center !important;gap:clamp(2rem,4vw,4rem) !important; }
.hero__eyebrow { display:inline-flex !important;align-items:center !important;gap:.45rem !important;font-size:.72rem !important;margin-bottom:1.25rem !important;padding:.28rem .85rem !important; }
.hero__title { font-size:clamp(2rem,4vw,3.6rem) !important;margin-bottom:1rem !important;line-height:1.08 !important; }
.hero__desc { font-size:.98rem !important;margin-bottom:1.6rem !important;color:rgba(255,255,255,0.62) !important;max-width:44ch !important; }
.hero__actions { margin-bottom:2rem !important;gap:.7rem !important; }
.btn { padding:.7rem 1.4rem !important;font-size:.88rem !important; }
.hero__stats {
  display:flex !important;align-items:center !important;gap:0 !important;
  flex-wrap:nowrap !important;margin-top:0 !important;
  padding-top:1.5rem !important;border-top:1px solid rgba(255,255,255,0.1) !important;
}
.hero__stat { flex:1 !important; }
.hero__stat-sep { width:1px !important;height:28px !important;background:rgba(255,255,255,0.12) !important;flex-shrink:0 !important;margin-inline:1rem !important; }
.hero__stat-num { font-size:1.4rem !important;font-weight:700 !important;color:#fff !important;line-height:1 !important; }
.hero__stat-label { font-size:.65rem !important;color:rgba(255,255,255,0.42) !important;text-transform:uppercase !important;letter-spacing:.07em !important;margin-top:.18rem !important; }
.hero__visual { display:flex !important;align-items:stretch !important; }
.hero__feature-card {
  width:100% !important;background:rgba(255,255,255,0.055) !important;
  border:1px solid rgba(255,255,255,0.11) !important;border-radius:var(--radius-lg) !important;
  overflow:hidden !important;box-shadow:none !important;transition:transform .3s,border-color .3s !important;
}
.hero__feature-card:hover { transform:translateY(-4px) !important;border-color:rgba(232,101,26,0.4) !important; }
.hero__card-badge {
  font-size:.64rem !important;font-weight:700 !important;letter-spacing:.13em !important;
  text-transform:uppercase !important;color:var(--clr-accent) !important;
  background:rgba(232,101,26,0.13) !important;border-bottom:1px solid rgba(232,101,26,0.18) !important;
  padding:.38rem 1rem !important;display:block !important;
}
.hero__feature-thumb { display:block !important;aspect-ratio:16/9 !important;overflow:hidden !important;background:rgba(255,255,255,0.06) !important; }
.hero__feature-thumb img { width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .45s !important; }
.hero__feature-card:hover .hero__feature-thumb img { transform:scale(1.04) !important; }
.hero__feature-thumb--empty { display:flex !important;align-items:center !important;justify-content:center !important;font-size:2.5rem !important;min-height:140px !important; }
.hero__feature-body { padding:1rem 1.2rem 1.3rem !important; }
.hero__card-tag { font-size:.65rem !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--clr-accent) !important;margin-bottom:.4rem !important; }
.hero__card-title { font-family:var(--ff-display) !important;font-size:.95rem !important;font-weight:600 !important;color:#fff !important;line-height:1.35 !important;margin-bottom:.45rem !important; }
.hero__card-title a { color:inherit !important;text-decoration:none !important; }
.hero__card-title a:hover { color:var(--clr-accent) !important; }
.hero__card-meta { font-size:.67rem !important;color:rgba(255,255,255,0.38) !important; }
.hero__card-preview { display:none !important; }
@media (max-width:900px) {
  .hero__grid { grid-template-columns:1fr !important; }
  .hero__visual { display:none !important; }
}
@media (max-width:640px) {
  .hero { padding-block:2.25rem 1.75rem !important; }
  .hero__stat-sep { display:none !important; }
  .hero__stats { flex-wrap:wrap !important;gap:1rem !important; }
}
/* Publisher photo 20% smaller */
.about-inner { grid-template-columns:272px 1fr !important; }

/* Hero centered layout — no card */
.hero__centered {
  max-width: 720px !important;
  margin-inline: auto !important;
  text-align: center !important;
}
.hero__centered .hero__eyebrow { justify-content: center !important; }
.hero__centered .hero__desc { max-width: 52ch !important; margin-inline: auto !important; }
.hero__centered .hero__actions { justify-content: center !important; }
.hero__centered .hero__stats { justify-content: center !important; }
.hero__grid { display: block !important; }
.hero__visual { display: none !important; }

/* ============================================================
   HERO v12-131 — FINAL CLEAN LOCK
   Centered, single-line headline, smooth rotation, gradient back
   ============================================================ */

/* Restore orange gradient */
.hero::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(ellipse 60% 80% at 85% 50%, rgba(232,101,26,0.22) 0%, transparent 60%),
    radial-gradient(ellipse 30% 50% at 15% 80%, rgba(232,101,26,0.10) 0%, transparent 55%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.hero::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: radial-gradient(rgba(255,255,255,0.022) 1px, transparent 1px) !important;
  background-size: 26px 26px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.hero .container { position: relative !important; z-index: 1 !important; }

/* Centered wrapper */
.hero__centered {
  max-width: 760px !important;
  margin-inline: auto !important;
  text-align: center !important;
}
.hero__centered .hero__eyebrow { justify-content: center !important; }
.hero__centered .hero__actions { justify-content: center !important; }
.hero__centered .hero__stats   { justify-content: center !important; }
.hero__centered .hero__desc {
  max-width: 54ch !important;
  margin-inline: auto !important;
}

/* Headline — single line on desktop */
.hero__title {
  font-size: clamp(2rem, 4.2vw, 3.2rem) !important;
  white-space: nowrap !important;
  margin-bottom: 1.1rem !important;
}
@media (max-width: 680px) {
  .hero__title { white-space: normal !important; font-size: clamp(1.8rem, 7vw, 2.4rem) !important; }
}

/* Rotating accent — fixed width so layout doesn't jump */
.hero__title-accent--rotate {
  display: inline-block !important;
  position: relative !important;
  min-width: 14ch !important;
  height: 1.1em !important;
  vertical-align: bottom !important;
  overflow: hidden !important;
}

/* All words stacked, hidden by default */
.hero__rotate-word {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  color: var(--clr-accent) !important;
  opacity: 0 !important;
  transform: translateY(12px) !important;
  transition: opacity 0.45s ease, transform 0.45s ease !important;
  pointer-events: none !important;
  white-space: nowrap !important;
}

/* Active word visible */
.hero__rotate-word.is-active {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Hero h1 20% bigger + reduce blank space */
.hero__title {
  font-size: clamp(2.4rem, 5vw, 3.84rem) !important;
}
.hero {
  padding-block: clamp(2rem, 4vw, 3.5rem) !important;
}

/* ============================================================
   v12-133 — Warm orange radial gradient for header + hero
   Matches the newsletter section aesthetic exactly
   ============================================================ */

/* ── HEADER ── */
.site-header,
header.site-header,
#site-header,
.lc-header {
  background:
    radial-gradient(ellipse 80% 120% at 20% 50%, #3d1a00 0%, #1a0a00 45%, #0d0600 100%) !important;
}

/* ── HERO ── */
.hero {
  background:
    radial-gradient(ellipse 75% 130% at 15% 60%, #3d1a00 0%, #1e0c00 40%, #0d0600 100%) !important;
}

/* Override the ::before orange glow — blend into the bg instead */
.hero::before {
  background:
    radial-gradient(ellipse 55% 90% at 85% 30%, rgba(180,70,0,0.35) 0%, transparent 65%),
    radial-gradient(ellipse 40% 60% at 5% 90%, rgba(140,50,0,0.20) 0%, transparent 55%) !important;
}

/* ============================================================
   v12-134 — Full homepage redesign CSS
   ============================================================ */

/* ── TRUST BAR ── */
.lc-trust-bar {
  background: rgba(232,101,26,0.10);
  border-bottom: 1px solid rgba(232,101,26,0.18);
  padding: .32rem 0;
}
.lc-trust-bar__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  flex-wrap: wrap;
}
.lc-trust-item {
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
  display: flex;
  align-items: center;
  gap: .35rem;
}
.lc-trust-check {
  color: var(--clr-accent);
  font-weight: 800;
}
.lc-trust-sep { color: rgba(255,255,255,.2); }

/* ── HEADER gradient ── */
.site-header {
  background:
    radial-gradient(ellipse 80% 200% at 10% 50%, #2e1200 0%, #160800 50%, #0a0400 100%) !important;
}

/* ── POPULAR STRIP (replaces ticker) ── */
.lc-popular-strip {
  background: rgba(0,0,0,.35);
  border-bottom: 1px solid rgba(255,255,255,.06);
  padding: .55rem 0;
}
.lc-popular-strip__inner {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.lc-popular-strip__label {
  font-size: .72rem;
  font-weight: 700;
  color: var(--clr-accent);
  white-space: nowrap;
  flex-shrink: 0;
}
.lc-popular-strip__link {
  font-size: .72rem;
  color: rgba(255,255,255,.6);
  text-decoration: none;
  white-space: nowrap;
  transition: color .15s;
  padding: .15rem .5rem;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.08);
}
.lc-popular-strip__link:hover { color: #fff; background: rgba(255,255,255,.06); }

/* ── HERO ── */
.hero {
  background:
    radial-gradient(ellipse 90% 150% at 15% 60%, #2e1200 0%, #160800 45%, #0a0400 100%) !important;
  padding-block: clamp(3rem, 6vw, 5rem) !important;
}
.hero::before {
  background:
    radial-gradient(ellipse 55% 90% at 88% 30%, rgba(200,80,0,.3) 0%, transparent 60%),
    radial-gradient(ellipse 35% 55% at 5% 85%, rgba(150,55,0,.18) 0%, transparent 55%) !important;
}
.hero__centered {
  max-width: 780px !important;
  margin-inline: auto !important;
  text-align: center !important;
}
.hero__centered .hero__eyebrow { justify-content: center !important; }
.hero__centered .hero__actions { justify-content: center !important; margin-top: 1rem !important; }
.hero__centered .hero__desc { max-width: 56ch !important; margin-inline: auto !important; }

.hero__title {
  font-size: clamp(2.4rem, 5vw, 3.84rem) !important;
  white-space: normal !important;
  line-height: 1.1 !important;
  margin-bottom: 1rem !important;
  color: #fff !important;
}
.hero__title-accent { color: var(--clr-accent) !important; }
.hero__desc {
  font-size: 1.05rem !important;
  color: rgba(255,255,255,.65) !important;
  line-height: 1.75 !important;
  margin-bottom: 1.5rem !important;
}

/* ── Problem search box ── */
.hero__search { margin-bottom: 1.5rem; }
.hero__search-form {
  display: flex;
  align-items: center;
  max-width: 560px;
  margin-inline: auto;
  background: rgba(255,255,255,.07);
  border: 1.5px solid rgba(255,255,255,.15);
  border-radius: 999px;
  overflow: hidden;
  transition: border-color .2s;
}
.hero__search-form:focus-within {
  border-color: rgba(232,101,26,.6);
  background: rgba(255,255,255,.1);
}
.hero__search-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  padding: .85rem 1.4rem;
  font-family: var(--ff-body);
  font-size: .9rem;
  color: #fff;
}
.hero__search-input::placeholder { color: rgba(255,255,255,.38); }
.hero__search-btn {
  background: var(--clr-accent);
  color: #fff;
  border: none;
  padding: .75rem 1.4rem;
  font-family: var(--ff-body);
  font-size: .85rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 0 999px 999px 0;
  transition: background .2s;
}
.hero__search-btn:hover { background: var(--clr-accent-dk); }

/* ── CATEGORY CARDS ── */
.lc-cat-cards {
  background: var(--clr-bg);
  padding: 0;
  margin-top: -1px;
}
.lc-cat-cards__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid var(--clr-rule);
  border-bottom: 3px solid var(--clr-rule);
}
.lc-cat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  padding: 1.6rem 1rem;
  text-decoration: none;
  border-right: 1px solid var(--clr-rule);
  transition: background .2s;
  position: relative;
}
.lc-cat-card:last-child { border-right: none; }
.lc-cat-card::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: var(--clr-accent);
  transform: scaleX(0);
  transition: transform .2s;
}
.lc-cat-card:hover { background: rgba(232,101,26,.04); }
.lc-cat-card:hover::after { transform: scaleX(1); }
.lc-cat-card__icon { font-size: 1.75rem; line-height: 1; }
.lc-cat-card__label {
  font-family: var(--ff-display);
  font-size: .85rem;
  font-weight: 700;
  color: var(--clr-ink);
  letter-spacing: .01em;
}
@media (max-width: 640px) {
  .lc-cat-cards__grid { grid-template-columns: repeat(2, 1fr); }
  .lc-cat-card:nth-child(2) { border-right: none; }
  .lc-cat-card:nth-child(1),
  .lc-cat-card:nth-child(2) { border-bottom: 1px solid var(--clr-rule); }
}

/* ── SOCIAL PROOF STRIP ── */
.lc-proof-strip {
  background: var(--clr-surface);
  border-bottom: 1px solid var(--clr-rule);
  padding: .9rem 0;
}
.lc-proof-strip__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.lc-proof-strip__text {
  font-size: .8rem;
  color: var(--clr-ink-muted);
}
.lc-proof-strip__text strong { color: var(--clr-ink); }
.lc-proof-strip__brands {
  font-size: .75rem;
  color: var(--clr-ink-muted);
  letter-spacing: .04em;
}

/* Hide old hero elements */
.hero__grid,
.hero__visual,
.hero__stats,
.hero__stat,
.hero__stat-sep { display: none !important; }

/* ============================================================
   v12-135 — Full visual fix: colours, layout, typography
   ============================================================ */

/* ── TRUST BAR — dark, part of header band ── */
.lc-trust-bar {
  background: rgba(0,0,0,0.4) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  padding: .38rem 0 !important;
}
.lc-trust-bar__inner {
  justify-content: center !important;
  gap: 2rem !important;
}
.lc-trust-item {
  font-size: .68rem !important;
  color: rgba(255,255,255,0.55) !important;
  letter-spacing: .09em !important;
}
.lc-trust-check { color: #E8651A !important; }
.lc-trust-sep { color: rgba(255,255,255,0.15) !important; }

/* ── POPULAR STRIP — dark band under header ── */
.lc-popular-strip {
  background: #0f0600 !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  padding: .6rem 0 !important;
}
.lc-popular-strip__inner {
  display: flex !important;
  align-items: center !important;
  gap: .75rem !important;
  overflow-x: auto !important;
  flex-wrap: nowrap !important;
  scrollbar-width: none !important;
}
.lc-popular-strip__inner::-webkit-scrollbar { display: none !important; }
.lc-popular-strip__label {
  font-size: .7rem !important;
  font-weight: 700 !important;
  color: #E8651A !important;
  white-space: nowrap !important;
  padding-right: .5rem !important;
  border-right: 1px solid rgba(255,255,255,0.12) !important;
  margin-right: .25rem !important;
}
.lc-popular-strip__link {
  font-size: .72rem !important;
  color: rgba(255,255,255,0.55) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  padding: .2rem .7rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  transition: color .15s, border-color .15s !important;
  background: rgba(255,255,255,0.03) !important;
}
.lc-popular-strip__link:hover {
  color: #fff !important;
  border-color: rgba(232,101,26,0.4) !important;
  background: rgba(232,101,26,0.08) !important;
}

/* ── SEARCH BOX — properly unified pill ── */
.hero__search { margin-bottom: 2rem !important; }
.hero__search-form {
  display: flex !important;
  align-items: stretch !important;
  max-width: 540px !important;
  margin-inline: auto !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1.5px solid rgba(255,255,255,0.18) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  transition: border-color .2s, background .2s !important;
  height: 52px !important;
}
.hero__search-form:focus-within {
  border-color: rgba(232,101,26,0.7) !important;
  background: rgba(255,255,255,0.12) !important;
}
.hero__search-input {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  padding: 0 1.4rem !important;
  font-family: var(--ff-body) !important;
  font-size: .9rem !important;
  color: #fff !important;
  height: 100% !important;
}
.hero__search-input::placeholder { color: rgba(255,255,255,0.35) !important; }
.hero__search-btn {
  background: #E8651A !important;
  color: #fff !important;
  border: none !important;
  padding: 0 1.5rem !important;
  font-family: var(--ff-body) !important;
  font-size: .85rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  border-radius: 0 999px 999px 0 !important;
  transition: background .18s !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}
.hero__search-btn:hover { background: #c45210 !important; }

/* ── CATEGORY CARDS — proper grid ── */
.lc-cat-cards {
  background: var(--clr-bg) !important;
  padding: 2rem 0 !important;
  border-bottom: 1px solid var(--clr-rule) !important;
}
.lc-cat-cards__grid {
  display: grid !important;
  grid-template-columns: repeat(4,1fr) !important;
  gap: 1rem !important;
  border: none !important;
}
.lc-cat-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .75rem !important;
  padding: 1.75rem 1rem !important;
  text-decoration: none !important;
  background: var(--clr-surface) !important;
  border: 1.5px solid var(--clr-rule) !important;
  border-radius: var(--radius-lg) !important;
  border-right: 1.5px solid var(--clr-rule) !important;
  transition: transform .2s, box-shadow .2s, border-color .2s !important;
  position: relative !important;
  overflow: hidden !important;
}
.lc-cat-card::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0; left: 0; right: 0 !important;
  height: 3px !important;
  background: #E8651A !important;
  transform: scaleX(0) !important;
  transition: transform .22s !important;
}
.lc-cat-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.09) !important;
  border-color: rgba(232,101,26,0.3) !important;
}
.lc-cat-card:hover::after { transform: scaleX(1) !important; }
.lc-cat-card__icon { font-size: 2rem !important; line-height: 1 !important; }
.lc-cat-card__label {
  font-family: var(--ff-display) !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  color: var(--clr-ink) !important;
  text-align: center !important;
}
@media (max-width: 640px) {
  .lc-cat-cards__grid { grid-template-columns: repeat(2,1fr) !important; }
}

/* ── PROOF STRIP — two-line clean layout ── */
.lc-proof-strip {
  background: #fff !important;
  border-bottom: 1px solid var(--clr-rule) !important;
  padding: 1.1rem 0 !important;
}
.lc-proof-strip__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: .5rem !important;
  text-align: center !important;
}
.lc-proof-strip__text {
  font-size: .82rem !important;
  color: var(--clr-ink-muted) !important;
  font-weight: 500 !important;
}
.lc-proof-strip__text strong { color: var(--clr-ink) !important; font-weight: 700 !important; }
.lc-proof-strip__brands {
  font-size: .72rem !important;
  color: var(--clr-ink-muted) !important;
  letter-spacing: .06em !important;
  opacity: .7 !important;
}

/* ── BUTTONS in hero ── */
.hero .btn--outline {
  background: transparent !important;
  color: rgba(255,255,255,0.85) !important;
  border: 1.5px solid rgba(255,255,255,0.25) !important;
}
.hero .btn--outline:hover {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.5) !important;
}

/* ── Hero trust badges ── */
.hero__trust {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
  margin-top: 1.5rem !important;
}
.hero__trust-item {
  display: flex !important;
  align-items: center !important;
  gap: .3rem !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.5) !important;
}
.hero__trust-check {
  color: #E8651A !important;
  font-weight: 800 !important;
}
.hero__trust-sep { color: rgba(255,255,255,0.15) !important; }

/* ============================================================
   v12-137 — Category cards + proof strip full redesign
   ============================================================ */

/* ── CATEGORY CARDS SECTION ── */
.lc-cat-cards {
  background: var(--clr-bg) !important;
  padding: 2.5rem 0 !important;
  border-top: none !important;
  border-bottom: none !important;
}
.lc-cat-cards__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1.25rem !important;
  border: none !important;
}
.lc-cat-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .85rem !important;
  padding: 2rem 1.25rem !important;
  text-decoration: none !important;
  background: #fff !important;
  border: 1.5px solid #ede8e0 !important;
  border-radius: 16px !important;
  transition: transform .22s, box-shadow .22s, border-color .22s !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}
.lc-cat-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #E8651A, #f0854a) !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform .25s ease !important;
}
.lc-cat-card::after { display: none !important; }
.lc-cat-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.1) !important;
  border-color: rgba(232,101,26,0.25) !important;
}
.lc-cat-card:hover::before { transform: scaleX(1) !important; }
.lc-cat-card__icon {
  font-size: 2.2rem !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 60px !important;
  height: 60px !important;
  background: rgba(232,101,26,0.08) !important;
  border-radius: 14px !important;
}
.lc-cat-card__label {
  font-family: var(--ff-display) !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
  color: #111 !important;
  text-align: center !important;
  line-height: 1.3 !important;
}
@media (max-width: 768px) {
  .lc-cat-cards__grid { grid-template-columns: repeat(2, 1fr) !important; gap: .85rem !important; }
}
@media (max-width: 420px) {
  .lc-cat-cards__grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ── PROOF STRIP — redesigned ── */
.lc-proof-strip {
  background: #fff !important;
  border-top: 1px solid #ede8e0 !important;
  border-bottom: 1px solid #ede8e0 !important;
  padding: 1.5rem 0 !important;
  margin-bottom: 0 !important;
}
.lc-proof-strip__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: .85rem !important;
  text-align: center !important;
}
.lc-proof-strip__text {
  font-size: .88rem !important;
  color: #555 !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: .5rem !important;
}
.lc-proof-strip__text strong {
  font-size: 1rem !important;
  color: #111 !important;
  font-weight: 800 !important;
}
.lc-proof-strip__text::before {
  content: '⭐' !important;
  font-size: .9rem !important;
}
.lc-proof-strip__brands {
  display: flex !important;
  align-items: center !important;
  gap: .6rem !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}
/* Override — turn brands into individual pill tags */
.lc-proof-strip__brands {
  font-size: 0 !important; /* hide the raw text */
}

/* Brand pills */
.lc-proof-strip__brands {
  display: flex !important;
  align-items: center !important;
  gap: .5rem !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  font-size: 1rem !important;
}
.lc-brand-pill {
  font-size: .72rem !important;
  font-weight: 600 !important;
  color: #666 !important;
  background: #f5f0ea !important;
  border: 1px solid #e8e0d5 !important;
  border-radius: 999px !important;
  padding: .28rem .85rem !important;
  letter-spacing: .03em !important;
  white-space: nowrap !important;
  transition: background .15s, color .15s !important;
}
.lc-brand-pill:hover {
  background: rgba(232,101,26,0.08) !important;
  color: #E8651A !important;
  border-color: rgba(232,101,26,0.25) !important;
}

/* ============================================================
   v12-138 — Proof inside hero + animated category cards
   ============================================================ */

/* ── Hero proof section ── */
.hero__proof {
  margin-top: 2rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}
.hero__proof-text {
  font-size: .78rem !important;
  color: rgba(255,255,255,0.45) !important;
  margin-bottom: .75rem !important;
  letter-spacing: .04em !important;
}
.hero__proof-text strong { color: rgba(255,255,255,0.75) !important; font-weight: 700 !important; }
.hero__proof-brands {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: .4rem !important;
}
.hero__brand-pill {
  font-size: .68rem !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.45) !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 999px !important;
  padding: .22rem .7rem !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
  transition: color .2s, background .2s, border-color .2s !important;
}
.hero__brand-pill:hover {
  color: #E8651A !important;
  background: rgba(232,101,26,0.1) !important;
  border-color: rgba(232,101,26,0.3) !important;
}

/* ── ANIMATED CATEGORY CARDS ── */
.lc-cat-cards {
  background: var(--clr-bg) !important;
  padding: 2.5rem 0 2rem !important;
  border-bottom: 1px solid var(--clr-rule) !important;
}
.lc-cat-cards__grid {
  display: grid !important;
  grid-template-columns: repeat(4,1fr) !important;
  gap: 1.1rem !important;
  border: none !important;
}

/* Card base */
.lc-cat-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .6rem !important;
  padding: 2rem 1.25rem 1.6rem !important;
  text-decoration: none !important;
  background: #fff !important;
  border: 1.5px solid #ede8e0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04) !important;
  transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease, border-color .3s !important;
  animation: lc-card-in .5s ease both !important;
  animation-delay: var(--card-delay, 0s) !important;
}
@keyframes lc-card-in {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Hover lift with spring */
.lc-cat-card:hover {
  transform: translateY(-6px) scale(1.02) !important;
  box-shadow: 0 16px 40px rgba(232,101,26,0.12), 0 4px 12px rgba(0,0,0,0.08) !important;
  border-color: rgba(232,101,26,0.35) !important;
}

/* Animated orange glow blob on hover */
.lc-cat-card__glow {
  position: absolute !important;
  top: -30px; right: -30px !important;
  width: 100px; height: 100px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(232,101,26,0.18) 0%, transparent 70%) !important;
  opacity: 0 !important;
  transition: opacity .35s, transform .35s !important;
  pointer-events: none !important;
}
.lc-cat-card:hover .lc-cat-card__glow {
  opacity: 1 !important;
  transform: scale(1.4) !important;
}

/* Top accent bar */
.lc-cat-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #E8651A, #f59344) !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform .3s ease !important;
}
.lc-cat-card::after { display: none !important; }
.lc-cat-card:hover::before { transform: scaleX(1) !important; }

/* Icon with animated background */
.lc-cat-card__icon {
  font-size: 2rem !important;
  line-height: 1 !important;
  width: 58px !important; height: 58px !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  background: rgba(232,101,26,0.07) !important;
  border-radius: 14px !important;
  transition: background .3s, transform .3s cubic-bezier(.34,1.56,.64,1) !important;
  position: relative !important; z-index: 1 !important;
}
.lc-cat-card:hover .lc-cat-card__icon {
  background: rgba(232,101,26,0.14) !important;
  transform: scale(1.12) rotate(-3deg) !important;
}

.lc-cat-card__label {
  font-family: var(--ff-display) !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
  color: #111 !important;
  text-align: center !important;
  position: relative !important; z-index: 1 !important;
  transition: color .2s !important;
}
.lc-cat-card:hover .lc-cat-card__label { color: #E8651A !important; }

.lc-cat-card__sub {
  font-size: .72rem !important;
  color: #999 !important;
  text-align: center !important;
  position: relative !important; z-index: 1 !important;
}

/* Arrow — slides in on hover */
.lc-cat-card__arrow {
  font-size: .8rem !important;
  color: #E8651A !important;
  font-weight: 700 !important;
  opacity: 0 !important;
  transform: translateX(-6px) !important;
  transition: opacity .25s, transform .25s !important;
  position: relative !important; z-index: 1 !important;
}
.lc-cat-card:hover .lc-cat-card__arrow {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

@media (max-width: 768px) {
  .lc-cat-cards__grid { grid-template-columns: repeat(2,1fr) !important; gap: .85rem !important; }
  .lc-cat-card { padding: 1.5rem 1rem !important; }
}

/* ============================================================
   v12-139 — SVG icons + correct font hierarchy on cards
   ============================================================ */

/* Icon wrapper — sized for SVG, not emoji */
.lc-cat-card__icon {
  width: 58px !important;
  height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border-radius: 14px !important;
  font-size: 1rem !important;
  transition: transform .3s cubic-bezier(.34,1.56,.64,1) !important;
  position: relative !important;
  z-index: 1 !important;
}
.lc-cat-card__icon svg {
  width: 52px !important;
  height: 52px !important;
  display: block !important;
}
.lc-cat-card:hover .lc-cat-card__icon {
  transform: scale(1.12) rotate(-3deg) !important;
  background: transparent !important;
}

/* LABEL — biggest, darkest, most prominent */
.lc-cat-card__label {
  font-family: var(--ff-display) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #111 !important;
  text-align: center !important;
  line-height: 1.2 !important;
  position: relative !important;
  z-index: 1 !important;
  transition: color .2s !important;
}
.lc-cat-card:hover .lc-cat-card__label { color: #E8651A !important; }

/* SUB — smaller, muted, clearly secondary */
.lc-cat-card__sub {
  font-size: .75rem !important;
  font-weight: 400 !important;
  color: #aaa !important;
  text-align: center !important;
  position: relative !important;
  z-index: 1 !important;
  margin-top: -.2rem !important;
}

/* Arrow */
.lc-cat-card__arrow {
  font-size: .82rem !important;
  font-weight: 700 !important;
  color: #E8651A !important;
  opacity: 0 !important;
  transform: translateX(-6px) !important;
  transition: opacity .22s, transform .22s !important;
  position: relative !important;
  z-index: 1 !important;
  margin-top: .1rem !important;
}
.lc-cat-card:hover .lc-cat-card__arrow {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

/* ============================================================
   v12-140 — COMPREHENSIVE MOBILE STYLES
   Tested breakpoints: 767px (tablet), 640px (large phone),
   480px (small phone), 360px (minimum)
   ============================================================ */

/* ── POPULAR STRIP ── */
@media (max-width: 767px) {
  .lc-popular-strip__inner {
    gap: .5rem !important;
    padding-right: 1rem !important;
  }
  .lc-popular-strip__label {
    font-size: .65rem !important;
  }
  .lc-popular-strip__link {
    font-size: .68rem !important;
    padding: .18rem .55rem !important;
  }
}

/* ── HERO ── */
@media (max-width: 767px) {
  .hero {
    padding-block: 2.25rem 2rem !important;
  }
  .hero__centered {
    max-width: 100% !important;
  }
  .hero__title {
    font-size: clamp(1.9rem, 7vw, 2.6rem) !important;
    white-space: normal !important;
    line-height: 1.12 !important;
  }
  .hero__desc {
    font-size: .95rem !important;
    max-width: 100% !important;
  }
  .hero__search-form {
    height: 48px !important;
  }
  .hero__search-input {
    font-size: .85rem !important;
    padding: 0 1rem !important;
  }
  .hero__search-btn {
    padding: 0 1.1rem !important;
    font-size: .8rem !important;
  }
  .hero__actions {
    flex-direction: column !important;
    align-items: center !important;
    gap: .65rem !important;
  }
  .hero__actions .btn {
    width: 100% !important;
    max-width: 320px !important;
    justify-content: center !important;
  }
  .hero__trust {
    flex-direction: column !important;
    gap: .4rem !important;
    align-items: center !important;
  }
  .hero__trust-sep { display: none !important; }
  .hero__trust-item { font-size: .68rem !important; }
}

@media (max-width: 480px) {
  .hero__eyebrow {
    font-size: .65rem !important;
    padding: .25rem .7rem !important;
  }
  .hero__title {
    font-size: clamp(1.7rem, 8vw, 2.2rem) !important;
  }
}

/* ── CATEGORY CARDS ── */
@media (max-width: 767px) {
  .lc-cat-cards {
    padding: 1.5rem 0 1.25rem !important;
  }
  .lc-cat-cards__grid {
    grid-template-columns: repeat(2,1fr) !important;
    gap: .75rem !important;
  }
  .lc-cat-card {
    padding: 1.4rem .85rem 1.2rem !important;
    border-radius: 14px !important;
    gap: .5rem !important;
  }
  .lc-cat-card__icon {
    width: 48px !important;
    height: 48px !important;
  }
  .lc-cat-card__icon svg {
    width: 42px !important;
    height: 42px !important;
  }
  .lc-cat-card__label {
    font-size: .9rem !important;
  }
  .lc-cat-card__sub {
    font-size: .7rem !important;
  }
  /* Always show arrow on mobile (no hover) */
  .lc-cat-card__arrow {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }
}

@media (max-width: 360px) {
  .lc-cat-cards__grid {
    gap: .55rem !important;
  }
  .lc-cat-card {
    padding: 1.1rem .65rem 1rem !important;
  }
  .lc-cat-card__label { font-size: .82rem !important; }
  .lc-cat-card__sub { display: none !important; }
}

/* ── MOBILE NAV OPEN STATE ── */
@media (max-width: 767px) {
  .primary-nav.is-open {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    inset: 0 !important;
    background: #0d0500 !important;
    z-index: 9999 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .5rem !important;
    padding: 2rem !important;
  }
  .primary-nav.is-open a {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    padding: .75rem 2rem !important;
    border-radius: 10px !important;
    width: 100% !important;
    max-width: 280px !important;
    text-align: center !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
  }
  .primary-nav.is-open a:hover,
  .primary-nav.is-open a.current-menu-item {
    background: rgba(232,101,26,0.15) !important;
    border-color: rgba(232,101,26,0.4) !important;
    color: #E8651A !important;
  }
}

/* ── HEADER on mobile ── */
@media (max-width: 767px) {
  .site-header__inner {
    padding: .65rem 0 !important;
  }
  .logo-tagline { display: none !important; }
  .site-logo img { height: 32px !important; }
}

/* ── CONTAINER padding on small screens ── */
@media (max-width: 480px) {
  .container {
    padding-inline: 1rem !important;
  }
}

/* ============================================================
   v12-141 — Footer news ticker + datetime/weather bar
   ============================================================ */

/* ── Footer news ticker ── */
.footer-news-ticker {
  border-top: 1px solid rgba(255,255,255,0.07);
  border-bottom: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.02);
  padding: .6rem 0;
  overflow: hidden;
}
.footer-news-ticker__inner {
  display: flex;
  align-items: center;
  gap: 1rem;
  overflow: hidden;
}
.footer-news-ticker__label {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #E8651A;
  white-space: nowrap;
  flex-shrink: 0;
  padding-right: .75rem;
  border-right: 1px solid rgba(255,255,255,0.1);
}
.footer-news-ticker__dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #E8651A;
  animation: lc-dot-pulse 2s ease-in-out infinite;
  flex-shrink: 0;
}
.footer-news-ticker__track-wrap {
  overflow: hidden;
  flex: 1;
}
.footer-news-ticker__track {
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  will-change: transform;
}
.footer-news-ticker__item {
  font-size: .72rem;
  color: rgba(255,255,255,0.5);
  white-space: nowrap;
  padding: 0 2.5rem;
  position: relative;
}
.footer-news-ticker__item::after {
  content: '·';
  position: absolute;
  right: .9rem;
  color: rgba(255,255,255,0.2);
}

/* ── Footer datetime bar ── */
.footer-datetime-bar {
  border-bottom: 1px solid rgba(255,255,255,0.06);
  padding: .5rem 0;
  background: rgba(0,0,0,0.15);
}
.footer-datetime-bar__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  flex-wrap: wrap;
}
.footer-dt__item {
  display: flex;
  align-items: center;
  gap: .35rem;
  font-size: .68rem;
  color: rgba(255,255,255,0.38);
  font-weight: 500;
}
.footer-dt__item svg { opacity: .5; flex-shrink: 0; }
.footer-dt__sep { color: rgba(255,255,255,0.15); font-size: .65rem; }

/* Mobile: stack ticker label, hide location on very small */
@media (max-width: 480px) {
  .footer-news-ticker__label { display: none; }
  .footer-dt__location { display: none; }
  .footer-datetime-bar__inner { gap: .5rem; }
}

/* ============================================================
   SINGLE POST — v12-141 fixes
   1. Breadcrumb divider line
   2. Quick Answer redesign (bigger text, orange bg, no label)
   3. AI SEO content structure
   ============================================================ */

/* ── 1. Breadcrumb — add bottom divider line ── */
.lc-breadcrumbs {
  border-bottom: 1px solid #e8e0d5 !important;
  padding-bottom: .85rem !important;
  margin-bottom: 0 !important;
}

/* ── 2. Quick Answer — redesigned ── */
.lc-quick-answer {
  margin: 0 auto !important;
  padding-top: 0 !important;
}
.lc-quick-answer__inner {
  background: #fff8f0 !important;
  border: none !important;
  border-left: 4px solid #E8651A !important;
  border-radius: 0 !important;
  padding: 1.25rem 1.75rem !important;
  gap: 0 !important;
}
/* Hide the "⚡ Quick Answer" label */
.lc-quick-answer__label {
  display: none !important;
}
/* Bigger, cleaner text */
.lc-quick-answer__text {
  font-size: 1.08rem !important;
  line-height: 1.78 !important;
  color: #1a1a1a !important;
  font-weight: 500 !important;
  font-style: italic !important;
}

/* ── 3. Post content — AI SEO optimised structure ── */

/* Bigger, more readable body text */
.post-content p,
.post-content li {
  font-size: 1.05rem !important;
  line-height: 1.85 !important;
  color: #222 !important;
}

/* H2 — section headings clear and prominent */
.post-content h2 {
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin-top: 2.5rem !important;
  margin-bottom: .75rem !important;
  padding-bottom: .5rem !important;
  border-bottom: 2px solid #f0e8df !important;
  line-height: 1.25 !important;
}

/* H3 — sub headings */
.post-content h3 {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin-top: 1.75rem !important;
  margin-bottom: .5rem !important;
}

/* H4 */
.post-content h4 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin-top: 1.25rem !important;
  margin-bottom: .35rem !important;
}

/* Lists — generous spacing for readability */
.post-content ul,
.post-content ol {
  padding-left: 1.5rem !important;
  margin-bottom: 1.25rem !important;
}
.post-content li {
  margin-bottom: .45rem !important;
}

/* Strong emphasis — slightly orange tint */
.post-content strong {
  color: #111 !important;
  font-weight: 700 !important;
}

/* Inline code */
.post-content code {
  background: #f5f0ea !important;
  color: #c45210 !important;
  padding: .15em .45em !important;
  border-radius: 4px !important;
  font-size: .9em !important;
}

/* Blockquote — AI engines often pull these as key statements */
.post-content blockquote {
  border-left: 3px solid #E8651A !important;
  background: #fff8f0 !important;
  margin: 1.75rem 0 !important;
  padding: 1rem 1.5rem !important;
  border-radius: 0 10px 10px 0 !important;
  font-style: italic !important;
  color: #333 !important;
}
.post-content blockquote p {
  margin: 0 !important;
  font-size: 1.05rem !important;
}

/* Tables — clean for comparison content */
.post-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1.5rem 0 !important;
  font-size: .92rem !important;
}
.post-content th {
  background: #111 !important;
  color: #fff !important;
  padding: .65rem 1rem !important;
  text-align: left !important;
  font-weight: 600 !important;
  font-size: .8rem !important;
  letter-spacing: .04em !important;
}
.post-content td {
  padding: .6rem 1rem !important;
  border-bottom: 1px solid #ede8e0 !important;
  color: #333 !important;
}
.post-content tr:nth-child(even) td { background: #faf7f4 !important; }
.post-content tr:hover td { background: #fff5ee !important; }

/* Image captions */
.post-content figcaption,
.post-content .wp-caption-text {
  font-size: .78rem !important;
  color: #888 !important;
  text-align: center !important;
  margin-top: .4rem !important;
  font-style: italic !important;
}

/* Post images — always full width, rounded */
.post-content img {
  border-radius: 10px !important;
  max-width: 100% !important;
  height: auto !important;
}

/* ── Mobile single post ── */
@media (max-width: 767px) {
  .lc-quick-answer__inner {
    padding: 1rem 1.25rem !important;
  }
  .lc-quick-answer__text {
    font-size: .98rem !important;
  }
  .post-content h2 { font-size: 1.3rem !important; }
  .post-content h3 { font-size: 1.1rem !important; }
  .post-content p, .post-content li { font-size: 1rem !important; }
  .post-content table { font-size: .82rem !important; overflow-x: auto !important; display: block !important; }
}

/* ============================================================
   v12-143 — H1 bigger, quick answer padding, search modal
   ============================================================ */

/* ── H1 post title 15% bigger + bolder ── */
.post-header__title {
  font-size: clamp(2.53rem, 5.75vw, 4.83rem) !important;
  font-weight: 800 !important;
  line-height: 1.07 !important;
}

/* ── Quick answer — more padding ── */
.lc-quick-answer__inner {
  padding: 1.6rem 2rem !important;
}
@media (max-width: 767px) {
  .lc-quick-answer__inner { padding: 1.25rem 1.25rem !important; }
  .post-header__title { font-size: clamp(1.9rem, 7vw, 2.8rem) !important; }
}

/* ── Header CTA button — more prominent ── */
.header-cta button {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: #E8651A !important;
  border: none !important;
  border-radius: 999px !important;
  padding: .52rem 1.2rem !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background .18s, transform .18s, box-shadow .18s !important;
  box-shadow: 0 2px 12px rgba(232,101,26,0.4) !important;
  letter-spacing: .01em !important;
}
.header-cta button:hover {
  background: #c45210 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 18px rgba(232,101,26,0.5) !important;
}
.header-cta button svg {
  opacity: .9 !important;
  flex-shrink: 0 !important;
}

/* ── SEARCH MODAL ── */
.lc-search-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: clamp(4rem, 12vh, 8rem) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .2s !important;
}
.lc-search-modal.is-open {
  opacity: 1 !important;
  pointer-events: all !important;
}
.lc-search-modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.7) !important;
  backdrop-filter: blur(4px) !important;
}
.lc-search-modal__box {
  position: relative !important;
  z-index: 1 !important;
  background: #fff !important;
  border-radius: 20px !important;
  width: min(620px, 92vw) !important;
  padding: 1.75rem !important;
  box-shadow: 0 24px 80px rgba(0,0,0,0.35) !important;
  transform: translateY(-12px) !important;
  transition: transform .25s cubic-bezier(.34,1.56,.64,1) !important;
}
.lc-search-modal.is-open .lc-search-modal__box {
  transform: translateY(0) !important;
}
.lc-search-modal__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 1rem !important;
}
.lc-search-modal__label {
  display: flex !important;
  align-items: center !important;
  gap: .5rem !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  color: #111 !important;
  font-family: 'Manrope', sans-serif !important;
}
.lc-search-modal__close {
  background: #f5f0ea !important;
  border: none !important;
  border-radius: 50% !important;
  width: 30px !important; height: 30px !important;
  font-size: .8rem !important;
  cursor: pointer !important;
  color: #666 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  transition: background .15s !important;
}
.lc-search-modal__close:hover { background: #ebe3d8 !important; color: #111 !important; }

/* Search input row */
.lc-search-modal__form {
  display: flex !important;
  gap: 0 !important;
  background: #f5f0ea !important;
  border: 2px solid #e8e0d5 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: border-color .2s !important;
  height: 54px !important;
}
.lc-search-modal__form:focus-within {
  border-color: #E8651A !important;
  background: #fff !important;
}
.lc-search-modal__input {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  padding: 0 1.25rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 1rem !important;
  color: #111 !important;
  height: 100% !important;
}
.lc-search-modal__input::placeholder { color: #aaa !important; }
.lc-search-modal__btn {
  background: #E8651A !important;
  color: #fff !important;
  border: none !important;
  padding: 0 1.4rem !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background .18s !important;
}
.lc-search-modal__btn:hover { background: #c45210 !important; }

/* Popular suggestions */
.lc-search-modal__suggestions {
  margin-top: 1rem !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .45rem !important;
}
.lc-search-modal__suggest-label {
  font-size: .72rem !important;
  color: #aaa !important;
  font-weight: 600 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  width: 100% !important;
  margin-bottom: .1rem !important;
}
.lc-search-modal__chip {
  font-family: 'Manrope', sans-serif !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  color: #555 !important;
  background: #f5f0ea !important;
  border: 1px solid #e8e0d5 !important;
  border-radius: 999px !important;
  padding: .3rem .85rem !important;
  cursor: pointer !important;
  transition: background .15s, color .15s, border-color .15s !important;
}
.lc-search-modal__chip:hover {
  background: rgba(232,101,26,0.1) !important;
  color: #E8651A !important;
  border-color: rgba(232,101,26,0.3) !important;
}

/* Mobile modal */
@media (max-width: 480px) {
  .lc-search-modal { padding-top: 1.5rem !important; align-items: flex-start !important; }
  .lc-search-modal__box { border-radius: 16px !important; padding: 1.25rem !important; width: 95vw !important; }
}

/* ============================================================
   COMMUNITY FORUM — v12-144
   ============================================================ */

/* ── Forum Hero ── */
.lc-forum-hero {
  background: #111;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  padding: 2.5rem 0 2rem;
}
.lc-forum-hero__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.lc-forum-hero__title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-family: var(--ff-display);
  font-weight: 700;
  color: #fff;
  margin: 0 0 .5rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.lc-forum-hero__icon { font-size: 1.4rem; }
.lc-forum-hero__desc {
  color: rgba(255,255,255,.55);
  font-size: .9rem;
  margin: 0 0 .75rem;
  max-width: 50ch;
}
.lc-forum-hero__stats {
  display: flex;
  align-items: center;
  gap: .6rem;
  font-size: .75rem;
  color: rgba(255,255,255,.35);
}
.lc-forum-hero__stat-sep { color: rgba(255,255,255,.15); }
.lc-forum-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  background: #E8651A;
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: .65rem 1.4rem;
  font-family: var(--ff-body);
  font-size: .88rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: background .18s, transform .18s, box-shadow .18s;
  box-shadow: 0 2px 14px rgba(232,101,26,0.4);
  text-decoration: none;
}
.lc-forum-hero__cta:hover {
  background: #c45210;
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(232,101,26,0.45);
}

/* ── Forum Layout ── */
.lc-forum { background: var(--clr-bg); }
.lc-forum-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 2rem;
  padding: 2rem 0 3rem;
}
.lc-forum-main { min-width: 0; }

/* ── Filter bar ── */
.lc-forum-filters {
  background: #fff;
  border: 1px solid var(--clr-rule);
  border-radius: 14px;
  padding: 1rem 1.25rem;
  margin-bottom: 1.25rem;
}
.lc-forum-cats {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-bottom: .85rem;
  padding-bottom: .85rem;
  border-bottom: 1px solid var(--clr-rule);
}
.lc-forum-cat {
  font-size: .75rem;
  font-weight: 600;
  color: #666;
  background: #f5f0ea;
  border: 1px solid #ede8e0;
  border-radius: 999px;
  padding: .28rem .85rem;
  text-decoration: none;
  transition: all .15s;
}
.lc-forum-cat:hover { color: #E8651A; border-color: rgba(232,101,26,.3); background: rgba(232,101,26,.07); }
.lc-forum-cat.is-active {
  background: var(--cat-color, #E8651A);
  color: #fff;
  border-color: transparent;
}
.lc-forum-sort-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.lc-forum-sort { display: flex; gap: .35rem; }
.lc-forum-sort__btn {
  font-size: .73rem;
  font-weight: 600;
  color: #888;
  background: transparent;
  border: 1px solid #ede8e0;
  border-radius: 6px;
  padding: .28rem .7rem;
  text-decoration: none;
  transition: all .15s;
}
.lc-forum-sort__btn:hover, .lc-forum-sort__btn.is-active {
  background: #111;
  color: #fff;
  border-color: #111;
}
.lc-forum-search-form {
  display: flex;
  border: 1px solid #ede8e0;
  border-radius: 8px;
  overflow: hidden;
}
.lc-forum-search {
  border: none;
  outline: none;
  padding: .4rem .8rem;
  font-family: var(--ff-body);
  font-size: .8rem;
  color: #333;
  background: transparent;
  width: 180px;
}
.lc-forum-search-btn {
  background: transparent;
  border: none;
  padding: 0 .6rem;
  cursor: pointer;
  color: #888;
  display: flex;
  align-items: center;
}
.lc-forum-search-btn:hover { color: #E8651A; }

/* ── Thread cards ── */
.lc-thread-list { display: flex; flex-direction: column; gap: .6rem; }
.lc-thread-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: #fff;
  border: 1px solid var(--clr-rule);
  border-radius: 12px;
  padding: 1.1rem 1.25rem;
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
.lc-thread-card:hover {
  border-color: rgba(232,101,26,.25);
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
  transform: translateY(-1px);
}
.lc-thread-card.is-solved { border-left: 3px solid #10b981; }

/* Vote column */
.lc-thread-card__votes {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  min-width: 36px;
  flex-shrink: 0;
}
.lc-vote-btn {
  background: #f5f0ea;
  border: 1px solid #ede8e0;
  border-radius: 6px;
  width: 28px; height: 28px;
  display: flex;
  align-items: center; justify-content: center;
  cursor: pointer;
  color: #888;
  transition: all .15s;
  padding: 0;
}
.lc-vote-btn:hover, .lc-vote-btn.is-voted {
  background: rgba(232,101,26,.1);
  border-color: rgba(232,101,26,.35);
  color: #E8651A;
}
.lc-vote-count {
  font-size: .78rem;
  font-weight: 700;
  color: #555;
  line-height: 1;
}

/* Thread body */
.lc-thread-card__body { flex: 1; min-width: 0; }
.lc-thread-card__meta-top {
  display: flex;
  align-items: center;
  gap: .4rem;
  margin-bottom: .4rem;
}
.lc-thread-cat-badge {
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--badge-color, #E8651A);
  background: color-mix(in srgb, var(--badge-color, #E8651A) 12%, transparent);
  border-radius: 4px;
  padding: .18rem .55rem;
  text-decoration: none;
}
.lc-thread-solved-badge {
  font-size: .65rem;
  font-weight: 700;
  color: #10b981;
  background: #d1fae5;
  border-radius: 4px;
  padding: .18rem .55rem;
}
.lc-thread-card__title {
  font-size: .98rem;
  font-weight: 600;
  color: #111;
  margin: 0 0 .3rem;
  line-height: 1.35;
}
.lc-thread-card__title a { color: inherit; text-decoration: none; }
.lc-thread-card__title a:hover { color: #E8651A; }
.lc-thread-card__excerpt {
  font-size: .8rem;
  color: #888;
  margin: 0 0 .55rem;
  line-height: 1.5;
}
.lc-thread-card__meta-bottom {
  display: flex;
  align-items: center;
  gap: .35rem;
  font-size: .72rem;
  color: #aaa;
  flex-wrap: wrap;
}
.lc-thread-card__avatar {
  border-radius: 50%;
  object-fit: cover;
}
.lc-thread-card__author { color: #666; font-weight: 600; }
.lc-thread-card__sep { color: #ddd; }
.lc-thread-card__replies {
  display: flex;
  align-items: center;
  gap: .25rem;
}

/* ── Single thread ── */
.lc-thread-post {
  display: flex;
  gap: 1.25rem;
  background: #fff;
  border: 1px solid var(--clr-rule);
  border-radius: 16px;
  padding: 1.75rem;
  margin-bottom: 1.5rem;
}
.lc-thread-post.is-solved { border-left: 4px solid #10b981; }
.lc-thread-post__vote-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .35rem;
  min-width: 44px;
  flex-shrink: 0;
}
.lc-vote-btn--lg { width: 36px; height: 36px; }
.lc-vote-count--lg { font-size: 1rem; font-weight: 700; }
.lc-thread-post__solved-icon {
  color: #10b981;
  font-size: 1.1rem;
  font-weight: 700;
}
.lc-thread-post__body { flex: 1; min-width: 0; }
.lc-thread-post__badges { display: flex; gap: .4rem; margin-bottom: .75rem; flex-wrap: wrap; }
.lc-thread-post__title {
  font-size: 1.45rem;
  font-family: var(--ff-display);
  font-weight: 700;
  color: #111;
  margin: 0 0 .75rem;
  line-height: 1.3;
}
.lc-thread-post__meta {
  display: flex;
  align-items: center;
  gap: .45rem;
  font-size: .78rem;
  color: #888;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}
.lc-thread-post__avatar { border-radius: 50%; object-fit: cover; }
.lc-thread-post__actions {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--clr-rule);
}
.lc-thread-action-btn {
  font-size: .78rem;
  font-weight: 600;
  color: #666;
  background: #f5f0ea;
  border: 1px solid #ede8e0;
  border-radius: 6px;
  padding: .38rem .85rem;
  cursor: pointer;
  transition: all .15s;
}
.lc-thread-action-btn:hover { background: #ebe3d8; color: #333; }
.lc-thread-mark-solved { color: #10b981; border-color: #a7f3d0; background: #d1fae5; }

/* ── Replies ── */
.lc-replies { margin-bottom: 1.5rem; }
.lc-replies__heading {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 0 0 1rem;
  padding-bottom: .65rem;
  border-bottom: 2px solid var(--clr-rule);
}
.lc-reply {
  display: flex;
  gap: 1rem;
  padding: 1.1rem 1.25rem;
  border: 1px solid var(--clr-rule);
  border-radius: 12px;
  background: #fff;
  margin-bottom: .65rem;
  position: relative;
}
.lc-reply--accepted {
  border-color: #10b981;
  background: #f0fdf4;
}
.lc-reply__accepted-badge {
  position: absolute;
  top: -10px;
  left: 1rem;
  background: #10b981;
  color: #fff;
  font-size: .65rem;
  font-weight: 700;
  padding: .15rem .65rem;
  border-radius: 999px;
  letter-spacing: .06em;
}
.lc-reply__vote-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  min-width: 32px;
  flex-shrink: 0;
}
.lc-accept-btn {
  background: #d1fae5;
  border: 1px solid #a7f3d0;
  border-radius: 50%;
  width: 24px; height: 24px;
  display: flex;
  align-items: center; justify-content: center;
  cursor: pointer;
  color: #10b981;
  font-size: .75rem;
  font-weight: 700;
  transition: all .15s;
}
.lc-accept-btn:hover { background: #10b981; color: #fff; }
.lc-reply__body { flex: 1; min-width: 0; }
.lc-reply__meta {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: .75rem;
  color: #888;
  margin-bottom: .6rem;
}
.lc-reply__avatar { border-radius: 50%; }
.lc-reply__author { font-weight: 700; color: #444; }
.lc-reply__time { color: #bbb; }

/* ── Reply form ── */
.lc-reply-form-wrap {
  background: #fff;
  border: 1px solid var(--clr-rule);
  border-radius: 14px;
  padding: 1.5rem;
}
.lc-reply-form__heading {
  font-size: 1rem;
  font-weight: 700;
  color: #111;
  margin: 0 0 1rem;
}
.lc-reply-login { text-align: center; padding: 1rem; color: #666; font-size: .88rem; }
.lc-reply-login a { color: #E8651A; text-decoration: underline; }

/* ── Form elements ── */
.lc-form-group { margin-bottom: 1.1rem; }
.lc-form-label {
  display: block;
  font-size: .8rem;
  font-weight: 700;
  color: #333;
  margin-bottom: .4rem;
}
.lc-required { color: #E8651A; }
.lc-form-input,
.lc-form-textarea,
.lc-form-select {
  width: 100%;
  padding: .7rem 1rem;
  border: 1.5px solid #ede8e0;
  border-radius: 8px;
  font-family: var(--ff-body);
  font-size: .9rem;
  color: #111;
  background: #fafaf8;
  transition: border-color .18s;
  box-sizing: border-box;
}
.lc-form-input:focus,
.lc-form-textarea:focus,
.lc-form-select:focus {
  outline: none;
  border-color: #E8651A;
  background: #fff;
}
.lc-form-textarea { min-height: 120px; resize: vertical; }
.lc-form-hint { font-size: .72rem; color: #aaa; margin-top: .3rem; display: block; }
.lc-form-actions {
  display: flex;
  gap: .75rem;
  align-items: center;
  margin-top: 1.25rem;
}
.lc-form-submit {
  background: #E8651A;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: .7rem 1.5rem;
  font-family: var(--ff-body);
  font-size: .88rem;
  font-weight: 700;
  cursor: pointer;
  transition: background .18s, transform .18s;
}
.lc-form-submit:hover { background: #c45210; transform: translateY(-1px); }
.lc-form-submit:disabled { opacity: .6; cursor: not-allowed; transform: none; }
.lc-form-cancel {
  background: transparent;
  color: #888;
  border: 1px solid #ede8e0;
  border-radius: 8px;
  padding: .7rem 1.2rem;
  font-family: var(--ff-body);
  font-size: .85rem;
  cursor: pointer;
  transition: all .15s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.lc-form-cancel:hover { background: #f5f0ea; color: #333; }
.lc-form-msg {
  margin-top: .85rem;
  padding: .65rem 1rem;
  border-radius: 8px;
  font-size: .82rem;
  font-weight: 600;
}
.lc-form-msg--success { background: #d1fae5; color: #065f46; }
.lc-form-msg--error   { background: #fee2e2; color: #991b1b; }

/* ── Sidebar ── */
.lc-forum-sidebar { display: flex; flex-direction: column; gap: 1rem; }
.lc-forum-sidebar-card {
  background: #fff;
  border: 1px solid var(--clr-rule);
  border-radius: 14px;
  padding: 1.25rem;
}
.lc-forum-sidebar-card--cta { background: #111; }
.lc-forum-sidebar-card--cta h3 { color: #fff; font-size: .95rem; margin: 0 0 .5rem; }
.lc-forum-sidebar-card--cta p { color: rgba(255,255,255,.55); font-size: .78rem; margin: 0 0 1rem; line-height: 1.6; }
.lc-forum-sidebar-card__title {
  font-size: .82rem;
  font-weight: 700;
  color: #333;
  margin: 0 0 .85rem;
  padding-bottom: .6rem;
  border-bottom: 1px solid var(--clr-rule);
}
.lc-forum-rules {
  list-style: none;
  padding: 0; margin: 0;
  counter-reset: rules;
}
.lc-forum-rules li {
  font-size: .78rem;
  color: #555;
  padding: .4rem 0 .4rem 1.5rem;
  border-bottom: 1px solid #f5f0ea;
  position: relative;
  counter-increment: rules;
}
.lc-forum-rules li::before {
  content: counter(rules);
  position: absolute;
  left: 0;
  color: #E8651A;
  font-weight: 700;
  font-size: .7rem;
}
.lc-forum-rules li:last-child { border-bottom: none; }
.lc-forum-sidebar-cats { display: flex; flex-direction: column; gap: .4rem; }
.lc-forum-sidebar-cat {
  display: flex;
  align-items: center;
  gap: .6rem;
  text-decoration: none;
  padding: .45rem .5rem;
  border-radius: 8px;
  transition: background .15s;
}
.lc-forum-sidebar-cat:hover { background: #f5f0ea; }
.lc-forum-sidebar-cat__icon {
  width: 28px; height: 28px;
  border-radius: 7px;
  display: flex; align-items: center; justify-content: center;
  font-size: .85rem;
  flex-shrink: 0;
}
.lc-forum-sidebar-cat__label { font-size: .82rem; font-weight: 600; color: #333; flex: 1; }
.lc-forum-sidebar-cat__count { font-size: .7rem; color: #aaa; font-weight: 600; }
.lc-forum-solved-list {
  list-style: none;
  padding: 0; margin: 0;
}
.lc-forum-solved-list li {
  border-bottom: 1px solid #f5f0ea;
  padding: .4rem 0;
}
.lc-forum-solved-list li:last-child { border-bottom: none; }
.lc-forum-solved-list a {
  font-size: .78rem;
  color: #555;
  text-decoration: none;
  line-height: 1.4;
  display: block;
}
.lc-forum-solved-list a:hover { color: #E8651A; }
.lc-forum-related { list-style: none; padding: 0; margin: 0; }
.lc-forum-related li { padding: .35rem 0; border-bottom: 1px solid #f5f0ea; }
.lc-forum-related li:last-child { border-bottom: none; }
.lc-forum-related a { font-size: .78rem; color: #555; text-decoration: none; }
.lc-forum-related a:hover { color: #E8651A; }
.lc-forum-back-btn {
  display: inline-block;
  font-size: .8rem;
  color: #E8651A;
  text-decoration: none;
  font-weight: 600;
}
.lc-forum-back-btn:hover { text-decoration: underline; }
.lc-forum-empty {
  text-align: center;
  padding: 3rem 1rem;
  background: #fff;
  border: 1px dashed #ede8e0;
  border-radius: 14px;
  color: #888;
}
.lc-forum-empty__icon { font-size: 2.5rem; margin-bottom: .75rem; }
.lc-forum-empty h3 { color: #333; margin: 0 0 .4rem; }
.lc-forum-empty p { font-size: .85rem; margin: 0 0 1.25rem; }
.lc-forum-pagination {
  display: flex;
  justify-content: center;
  gap: .4rem;
  margin-top: 1.5rem;
  flex-wrap: wrap;
}
.lc-forum-pagination .page-numbers {
  padding: .45rem .85rem;
  border: 1px solid #ede8e0;
  border-radius: 7px;
  font-size: .8rem;
  color: #555;
  text-decoration: none;
  background: #fff;
  transition: all .15s;
}
.lc-forum-pagination .page-numbers:hover,
.lc-forum-pagination .page-numbers.current {
  background: #111; color: #fff; border-color: #111;
}

/* ── New thread modal ── */
.lc-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
}
.lc-modal.is-open { opacity: 1; pointer-events: all; }
.lc-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(4px);
}
.lc-modal__box {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 20px;
  width: min(600px, 95vw);
  max-height: 90vh;
  overflow-y: auto;
  padding: 1.75rem;
  box-shadow: 0 24px 80px rgba(0,0,0,.3);
  transform: translateY(-16px) scale(.97);
  transition: transform .3s cubic-bezier(.34,1.56,.64,1);
}
.lc-modal.is-open .lc-modal__box { transform: translateY(0) scale(1); }
.lc-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding-bottom: .85rem;
  border-bottom: 1px solid var(--clr-rule);
}
.lc-modal__title { font-size: 1.1rem; font-weight: 700; color: #111; margin: 0; }
.lc-modal__close {
  background: #f5f0ea;
  border: none;
  border-radius: 50%;
  width: 32px; height: 32px;
  font-size: .8rem;
  cursor: pointer;
  color: #666;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s;
}
.lc-modal__close:hover { background: #ebe3d8; color: #111; }
.lc-modal-login-prompt {
  text-align: center;
  padding: 1.5rem 0;
}
.lc-modal-login-prompt__icon { font-size: 2.5rem; margin-bottom: .75rem; }
.lc-modal-login-prompt h3 { margin: 0 0 .4rem; }
.lc-modal-login-prompt p { color: #888; font-size: .88rem; margin: 0 0 1.25rem; }

/* ── Mobile forum ── */
@media (max-width: 900px) {
  .lc-forum-layout { grid-template-columns: 1fr; }
  .lc-forum-sidebar { display: none; }
  .lc-thread-single .lc-forum-sidebar { display: flex; }
}
@media (max-width: 640px) {
  .lc-forum-hero__inner { flex-direction: column; align-items: flex-start; }
  .lc-forum-sort-row { flex-direction: column; align-items: flex-start; gap: .65rem; }
  .lc-forum-search { width: 100%; }
  .lc-thread-post { flex-direction: column; gap: .75rem; }
  .lc-thread-post__vote-col { flex-direction: row; }
}

/* ============================================================
   v12-145 — Community integration across site
   ============================================================ */

/* ── Nav Community link — subtle highlight ── */
.primary-nav a.nav-community-link {
  color: #E8651A !important;
  background: rgba(232,101,26,0.1) !important;
  border-radius: 6px !important;
}
.primary-nav a.nav-community-link:hover {
  background: rgba(232,101,26,0.18) !important;
  color: #E8651A !important;
}

/* ── Community category card — distinct style ── */
.lc-cat-card--community {
  background: linear-gradient(135deg, #111 0%, #1e0c00 100%) !important;
  border-color: rgba(232,101,26,0.3) !important;
}
.lc-cat-card--community .lc-cat-card__label { color: #fff !important; }
.lc-cat-card--community .lc-cat-card__sub   { color: rgba(255,255,255,0.45) !important; }
.lc-cat-card--community .lc-cat-card__arrow { color: #E8651A !important; opacity: 1 !important; transform: none !important; }
.lc-cat-card--community:hover {
  border-color: rgba(232,101,26,0.6) !important;
  box-shadow: 0 12px 32px rgba(232,101,26,0.2) !important;
}

/* ── Post → Community CTA block ── */
.lc-post-community-cta {
  margin: 2.5rem 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
.lc-post-community-cta__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
  flex-wrap: wrap !important;
  background: #111 !important;
  padding: 1.5rem 1.75rem !important;
  border: 1px solid rgba(232,101,26,0.25) !important;
  border-radius: 16px !important;
  position: relative !important;
  overflow: hidden !important;
}
.lc-post-community-cta__inner::before {
  content: '' !important;
  position: absolute !important;
  top: -40px; right: -40px !important;
  width: 160px; height: 160px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(232,101,26,0.2) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.lc-post-community-cta__left {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem !important;
}
.lc-post-community-cta__icon {
  font-size: 1.75rem !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}
.lc-post-community-cta__title {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 0 .3rem !important;
}
.lc-post-community-cta__desc {
  font-size: .82rem !important;
  color: rgba(255,255,255,0.5) !important;
  margin: 0 !important;
  line-height: 1.55 !important;
  max-width: 38ch !important;
}
.lc-post-community-cta__actions {
  display: flex !important;
  gap: .65rem !important;
  flex-wrap: wrap !important;
  flex-shrink: 0 !important;
}
.lc-post-community-cta__btn {
  font-family: var(--ff-body) !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: .6rem 1.1rem !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all .18s !important;
  display: inline-flex !important;
  align-items: center !important;
}
.lc-post-community-cta__btn--primary {
  background: #E8651A !important;
  color: #fff !important;
  box-shadow: 0 2px 10px rgba(232,101,26,0.4) !important;
}
.lc-post-community-cta__btn--primary:hover {
  background: #c45210 !important;
  transform: translateY(-1px) !important;
}
.lc-post-community-cta__btn--ghost {
  background: rgba(255,255,255,0.07) !important;
  color: rgba(255,255,255,0.7) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
}
.lc-post-community-cta__btn--ghost:hover {
  background: rgba(255,255,255,0.12) !important;
  color: #fff !important;
}
@media (max-width: 640px) {
  .lc-post-community-cta__inner { flex-direction: column !important; }
  .lc-post-community-cta__actions { width: 100% !important; }
  .lc-post-community-cta__btn { flex: 1 !important; justify-content: center !important; }
}

/* ============================================================
   v12-146 — Community UI fixes
   ============================================================ */

/* ── Modal form: more spacing between labels and fields ── */
.lc-form-label {
  font-size: .82rem !important;
  font-weight: 700 !important;
  color: #222 !important;
  margin-bottom: .55rem !important;
  margin-top: 0 !important;
  display: block !important;
  letter-spacing: .01em !important;
}
.lc-form-group {
  margin-bottom: 1.35rem !important;
}
.lc-modal__box {
  padding: 2rem !important;
}
.lc-modal__title {
  font-size: 1.15rem !important;
}
.lc-form-input,
.lc-form-textarea,
.lc-form-select {
  padding: .8rem 1rem !important;
  font-size: .9rem !important;
  border-radius: 9px !important;
}
.lc-form-hint {
  margin-top: .4rem !important;
  font-size: .73rem !important;
  color: #bbb !important;
}

/* ── Category tabs — remove emoji, clean text only ── */
.lc-forum-cats .lc-forum-cat {
  font-size: .78rem !important;
  padding: .35rem 1rem !important;
  letter-spacing: .01em !important;
}

/* ── Empty state — make it look great ── */
.lc-forum-empty {
  padding: 4rem 2rem !important;
  background: #fff !important;
  border: 1.5px dashed #e0d8d0 !important;
  border-radius: 16px !important;
  text-align: center !important;
}
.lc-forum-empty__icon {
  font-size: 3rem !important;
  margin-bottom: 1rem !important;
  display: block !important;
  opacity: .5 !important;
}
.lc-forum-empty h3 {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #222 !important;
  margin: 0 0 .5rem !important;
}
.lc-forum-empty p {
  font-size: .88rem !important;
  color: #aaa !important;
  margin: 0 0 1.5rem !important;
}

/* ============================================================
   v12-148 — Force fix modal labels + category tabs
   ============================================================ */

/* Modal form label spacing — forced */
#lc-thread-modal .lc-form-label,
.lc-modal .lc-form-label {
  display: block !important;
  font-size: .85rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin: 0 0 .6rem !important;
  line-height: 1.4 !important;
}
#lc-thread-modal .lc-form-group,
.lc-modal .lc-form-group {
  margin-bottom: 1.5rem !important;
}
#lc-thread-modal .lc-form-input,
#lc-thread-modal .lc-form-textarea,
#lc-thread-modal .lc-form-select,
.lc-modal .lc-form-input,
.lc-modal .lc-form-textarea,
.lc-modal .lc-form-select {
  display: block !important;
  width: 100% !important;
  padding: .85rem 1rem !important;
  margin-top: 0 !important;
  font-size: .92rem !important;
  border: 1.5px solid #e0d8d0 !important;
  border-radius: 10px !important;
  background: #faf8f5 !important;
  color: #111 !important;
  font-family: 'Manrope', sans-serif !important;
  box-sizing: border-box !important;
  transition: border-color .18s !important;
}
#lc-thread-modal .lc-form-input:focus,
#lc-thread-modal .lc-form-textarea:focus,
#lc-thread-modal .lc-form-select:focus {
  border-color: #E8651A !important;
  background: #fff !important;
  outline: none !important;
}
#lc-thread-modal .lc-form-textarea {
  min-height: 110px !important;
  resize: vertical !important;
}
#lc-thread-modal .lc-form-hint,
.lc-modal .lc-form-hint {
  display: block !important;
  font-size: .73rem !important;
  color: #bbb !important;
  margin-top: .35rem !important;
}
#lc-thread-modal .lc-modal__box {
  padding: 2rem !important;
}
#lc-thread-modal .lc-modal__header {
  margin-bottom: 1.5rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px solid #f0ebe4 !important;
}
#lc-thread-modal .lc-modal__title {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #111 !important;
}

/* Category tabs — strip ALL emoji/icons, pure text */
.lc-forum-cats .lc-forum-cat {
  font-size: .78rem !important;
  font-weight: 600 !important;
  padding: .38rem 1.05rem !important;
  border-radius: 999px !important;
  letter-spacing: 0 !important;
}

/* Empty state — proper design */
.lc-thread-list .lc-forum-empty {
  padding: 3.5rem 2rem !important;
  background: #fff !important;
  border: 1.5px dashed #ddd !important;
  border-radius: 16px !important;
  text-align: center !important;
}
.lc-thread-list .lc-forum-empty h3 {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin: .85rem 0 .45rem !important;
}
.lc-thread-list .lc-forum-empty p {
  color: #aaa !important;
  font-size: .85rem !important;
  margin: 0 0 1.5rem !important;
}
.lc-thread-list .lc-forum-empty .lc-forum-hero__cta {
  font-size: .85rem !important;
}

/* ============================================================
   v12-149 — Community hero + sidebar quick fixes
   ============================================================ */

/* ── 1. Hero background — match site dark theme ── */
.lc-forum-hero {
  background:
    radial-gradient(ellipse 80% 200% at 10% 50%, #2e1200 0%, #160800 50%, #0a0400 100%) !important;
}

/* ── 2. Hero title — less bold, proper letter-spacing, brighter ── */
.lc-forum-hero__title {
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  color: #fff !important;
  font-size: clamp(1.3rem, 2.5vw, 1.7rem) !important;
}
.lc-forum-hero__icon { display: none !important; }

/* ── 3. Hero desc — brighter, lighter weight ── */
.lc-forum-hero__desc {
  color: rgba(255,255,255,0.72) !important;
  font-weight: 400 !important;
  font-size: .88rem !important;
}

/* ── 4. Remove the Ask a Question button from hero (redundant) ── */
.lc-forum-hero__inner > .lc-forum-hero__cta { display: none !important; }

/* ── 5. Sidebar CTA card — smaller text, brighter, less bold ── */
.lc-forum-sidebar-card--cta h3 {
  font-size: .85rem !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.95) !important;
  margin: 0 0 .4rem !important;
}
.lc-forum-sidebar-card--cta p {
  font-size: .75rem !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.6) !important;
  line-height: 1.55 !important;
  margin: 0 0 .85rem !important;
}

/* ============================================================
   v12-150 — Sidebar CTA font bigger + thread title fix
   ============================================================ */

/* Sidebar CTA — bigger, readable fonts */
.lc-forum-sidebar-card--cta h3 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 0 .5rem !important;
  line-height: 1.3 !important;
}
.lc-forum-sidebar-card--cta p {
  font-size: .85rem !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.6 !important;
  margin: 0 0 1rem !important;
}

/* Thread card title — bigger, bolder, proper color */
.lc-thread-card__title {
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  color: #111 !important;
  line-height: 1.35 !important;
  margin: 0 0 .35rem !important;
}
.lc-thread-card__title a {
  color: #111 !important;
  text-decoration: none !important;
}
.lc-thread-card__title a:hover { color: #E8651A !important; }

/* ============================================================
   LIGHT REDESIGN — v12-150b
   Goal: warm cream body + light hero, keep header/footer dark.
   Only overrides — all original PHP/structure untouched.
   ============================================================ */

/* ── 1. CSS VARIABLES — shift to warm light palette ── */
:root {
  --clr-bg:        #FDF6EE !important;
  --clr-surface:   #FFFFFF !important;
  --clr-ink:       #1a1108 !important;
  --clr-ink-mid:   #4a3728 !important;
  --clr-ink-muted: #9a8070 !important;
  --clr-rule:      #e8ddd0 !important;
  --clr-accent-lt: #fff4eb !important;
}

body {
  background: #FDF6EE !important;
  color: #1a1108 !important;
}

/* ── 2. HERO — warm cream, orange accent, not dark ── */
.hero {
  background:
    radial-gradient(ellipse 70% 90% at 80% 50%, rgba(232,101,26,.1) 0%, transparent 65%),
    radial-gradient(ellipse 50% 70% at 10% 80%, rgba(232,101,26,.07) 0%, transparent 60%),
    linear-gradient(160deg, #fff8f2 0%, #FDF6EE 100%) !important;
  color: #1a1108 !important;
}
.hero::before, .hero::after { display: none !important; }

/* Hero text on light bg */
.hero__eyebrow {
  background: rgba(232,101,26,.1) !important;
  border: 1px solid rgba(232,101,26,.25) !important;
  color: #C45210 !important;
}
.hero__eyebrow-dot { background: #E8651A !important; }

.hero__title {
  color: #1a1108 !important;
  font-size: clamp(2.6rem, 5.5vw, 4.2rem) !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}
.hero__title-accent,
.hero__title em { color: #E8651A !important; }

.hero__desc { color: #6b5040 !important; }

/* Search box */
.hero__search-form {
  background: #fff !important;
  border: 1.5px solid #e8ddd0 !important;
  box-shadow: 0 4px 24px rgba(232,101,26,.08) !important;
}
.hero__search-input {
  background: transparent !important;
  color: #1a1108 !important;
}
.hero__search-input::placeholder { color: #b09080 !important; }
.hero__search-btn {
  background: linear-gradient(135deg, #f07830, #E8651A) !important;
  color: #fff !important;
}
.hero__search-btn:hover { background: #C45210 !important; }

/* Action buttons */
.btn--primary {
  background: linear-gradient(135deg, #f07830, #E8651A) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(232,101,26,.3) !important;
}
.btn--primary:hover {
  background: #C45210 !important;
  transform: translateY(-2px) !important;
}
.btn--outline {
  background: #fff !important;
  border: 1.5px solid #e8ddd0 !important;
  color: #4a3728 !important;
}
.btn--outline:hover {
  border-color: #E8651A !important;
  color: #E8651A !important;
}

/* Trust row */
.hero__trust-item { color: #7a6050 !important; }
.hero__trust-check { color: #E8651A !important; }
.hero__trust-sep { color: #c8b8a8 !important; }

/* ── 3. CATEGORY CARDS — light, warm, modern ── */
.lc-cat-cards {
  background: #FDF6EE !important;
  padding: 2.5rem 0 3rem !important;
}
.lc-cat-card {
  background: #fff !important;
  border: 1px solid #ede5d8 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.04) !important;
  border-radius: 18px !important;
}
.lc-cat-card:hover {
  border-color: rgba(232,101,26,.35) !important;
  box-shadow: 0 12px 36px rgba(232,101,26,.1), 0 2px 8px rgba(0,0,0,.05) !important;
  transform: translateY(-5px) !important;
}
.lc-cat-card__icon {
  background: #fff4eb !important;
  border-radius: 14px !important;
}
.lc-cat-card__label { color: #1a1108 !important; }
.lc-cat-card__sub { color: #9a8070 !important; }
.lc-cat-card__arrow { color: #E8651A !important; }
.lc-cat-card--community {
  background: linear-gradient(145deg, #1a0f06, #0d0500) !important;
  border-color: rgba(232,101,26,.3) !important;
}
.lc-cat-card--community .lc-cat-card__label { color: #fff !important; }
.lc-cat-card--community .lc-cat-card__sub { color: rgba(255,255,255,.5) !important; }

/* ── 4. SECTION BACKGROUNDS — warm light alternation ── */
.lc-section--light,
.lc-troubleshooting,
.lc-guides-section,
.lc-reviews-section { background: #FDF6EE !important; }

.lc-section--alt,
.lc-gear-section { background: #fff !important; }

/* General section headings */
.lc-section__label { color: #E8651A !important; }
.lc-section__title { color: #1a1108 !important; }
.lc-section__desc { color: #7a6050 !important; }

/* ── 5. ARTICLE CARDS — warm cream ── */
.lc-article-card {
  background: #fff !important;
  border: 1px solid #ede5d8 !important;
  border-radius: 14px !important;
}
.lc-article-card:hover {
  border-color: rgba(232,101,26,.3) !important;
  box-shadow: 0 8px 28px rgba(232,101,26,.08) !important;
}
.lc-article-card__title { color: #1a1108 !important; }
.lc-article-card__excerpt { color: #7a6050 !important; }
.lc-article-card__tag { color: #C45210 !important; background: #fff4eb !important; }

/* ── 6. POPULAR STRIP — stays dark (part of header zone) ── */
.lc-popular-strip {
  background: #111 !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

/* ── 7. PAGE BACKGROUND for inner pages ── */
.page-body, .single-post-wrap, .lc-archive,
main#main-content { background: #FDF6EE !important; }

/* Post content */
.entry-content h2, .entry-content h3 { color: #1a1108 !important; }
.entry-content p, .entry-content li { color: #4a3728 !important; }

/* ── 8. PUBLISHER BIO SECTION ── */
.lc-publisher { background: #fff !important; border-top: 1px solid #ede5d8 !important; }
.lc-publisher__name { color: #1a1108 !important; }
.lc-publisher__bio { color: #6b5040 !important; }

/* ── 9. NEWSLETTER SECTION ── */
.lc-newsletter { background: linear-gradient(160deg, #1a0f06 0%, #0d0500 100%) !important; }

/* ── 10. SCROLLBAR ── */
::-webkit-scrollbar-track { background: #FDF6EE !important; }
::-webkit-scrollbar-thumb { background: #d8cec4 !important; }
::-webkit-scrollbar-thumb:hover { background: #E8651A !important; }

/* ============================================================
   v12-150c — Cards: remove dark icon bg, clean modern style
   ============================================================ */
.lc-cat-card {
  background: #fff !important;
  border: 1px solid #ede5d8 !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 8px rgba(0,0,0,.04) !important;
  padding: 2rem 1.5rem !important;
  gap: .6rem !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .2s !important;
}
.lc-cat-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(232,101,26,.3) !important;
  box-shadow: 0 12px 32px rgba(232,101,26,.1) !important;
}

/* Icon — no dark background, just a light orange tint circle */
.lc-cat-card__icon {
  width: 56px !important;
  height: 56px !important;
  background: #fff4eb !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: .25rem !important;
}
/* Hide the original SVG rect (black box) and show only the path */
.lc-cat-card__icon svg rect {
  display: none !important;
  fill: transparent !important;
}
.lc-cat-card__icon svg {
  width: 28px !important;
  height: 28px !important;
}
/* Make all icon paths orange */
.lc-cat-card__icon svg path,
.lc-cat-card__icon svg circle,
.lc-cat-card__icon svg line,
.lc-cat-card__icon svg rect:not(:first-child) {
  fill: none !important;
  stroke: #E8651A !important;
  stroke-width: 1.8px !important;
}

.lc-cat-card__label {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #1a1108 !important;
  font-family: 'Manrope', sans-serif !important;
}
.lc-cat-card__sub {
  font-size: .8rem !important;
  color: #9a8070 !important;
  font-weight: 400 !important;
}
.lc-cat-card__arrow {
  color: #E8651A !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  margin-top: .25rem !important;
  opacity: 0 !important;
  transition: opacity .2s, transform .2s !important;
  transform: translateX(-4px) !important;
}
.lc-cat-card:hover .lc-cat-card__arrow {
  opacity: 1 !important;
  transform: translateX(0) !important;
}
/* Orange top bar on hover */
.lc-cat-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #E8651A, #f5a06a) !important;
  border-radius: 20px 20px 0 0 !important;
  transform: scaleX(0) !important;
  transition: transform .22s ease !important;
}
.lc-cat-card:hover::before { transform: scaleX(1) !important; }

/* Community card stays dark but cleaner */
.lc-cat-card--community {
  background: linear-gradient(150deg, #1a0f06, #0a0400) !important;
  border-color: rgba(232,101,26,.2) !important;
}
.lc-cat-card--community .lc-cat-card__icon {
  background: rgba(232,101,26,.15) !important;
}
.lc-cat-card--community .lc-cat-card__icon svg path,
.lc-cat-card--community .lc-cat-card__icon svg circle {
  stroke: #E8651A !important;
}
.lc-cat-card--community .lc-cat-card__label { color: #fff !important; }
.lc-cat-card--community .lc-cat-card__sub { color: rgba(255,255,255,.45) !important; }
.lc-cat-card--community .lc-cat-card__arrow {
  color: #E8651A !important;
  opacity: 1 !important;
  transform: none !important;
}
.lc-cat-card--community:hover {
  border-color: rgba(232,101,26,.45) !important;
  box-shadow: 0 12px 32px rgba(232,101,26,.15) !important;
}

/* ============================================================
   v12-150d — ChannelPreview-inspired header + hero
   Clean white/cream header, bold hero, minimal modern feel
   ============================================================ */

/* ── HEADER — light, clean, sticky ── */
.site-header {
  background: #fff !important;
  border-bottom: 1px solid #f0e8de !important;
  box-shadow: 0 1px 12px rgba(0,0,0,.04) !important;
}
.site-header.scrolled,
.site-header:hover {
  background: #fff !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.07) !important;
}
.site-header__inner {
  padding-block: .85rem !important;
  gap: 1.5rem !important;
}

/* Logo — keep original, just adjust size */
.site-logo img,
.site-logo .custom-logo {
  height: 36px !important;
}

/* Nav links — dark text on light header */
.primary-nav a {
  color: #555 !important;
  font-size: .84rem !important;
  font-weight: 600 !important;
  padding: .42rem .85rem !important;
  border-radius: 6px !important;
  transition: color .18s, background .18s !important;
}
.primary-nav a:hover,
.primary-nav a.current-menu-item {
  color: #111 !important;
  background: #f5f0ea !important;
}

/* Community nav link — orange accent */
.primary-nav a[href*="community"] {
  color: #E8651A !important;
}
.primary-nav a[href*="community"]:hover {
  background: #fff4eb !important;
}

/* CTA button — filled orange pill */
.nav-cta,
.header-cta,
a.nav-cta {
  background: #E8651A !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: .55rem 1.25rem !important;
  font-weight: 700 !important;
  font-size: .82rem !important;
  box-shadow: 0 2px 10px rgba(232,101,26,.25) !important;
  transition: background .18s, transform .18s !important;
}
.nav-cta:hover,
a.nav-cta:hover {
  background: #C45210 !important;
  transform: translateY(-1px) !important;
}

/* Mobile toggle */
.nav-toggle {
  border-color: #e0d8cc !important;
  color: #333 !important;
}

/* ── HERO — warm cream, centred, bold ── */
.hero {
  background: #FEFAF5 !important;
  color: #1a1108 !important;
  padding-block: clamp(4rem, 10vw, 7rem) !important;
  position: relative !important;
  overflow: hidden !important;
}
.hero::before {
  background:
    radial-gradient(ellipse 55% 80% at 90% 20%, rgba(232,101,26,.08) 0%, transparent 60%),
    radial-gradient(ellipse 40% 60% at 10% 90%, rgba(232,101,26,.06) 0%, transparent 55%) !important;
}
.hero::after { display: none !important; }

/* Centred layout like channelpreview */
.hero__grid {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  gap: 0 !important;
}

/* Badge */
.hero__eyebrow {
  background: #fff4eb !important;
  border: 1px solid rgba(232,101,26,.3) !important;
  color: #C45210 !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  padding: .4rem 1rem !important;
  border-radius: 999px !important;
  margin-bottom: 1.5rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
}
.hero__eyebrow-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #E8651A !important;
}

/* Big headline — like channelpreview "Perfect Content. Every Single Time." */
.hero__title {
  font-size: clamp(2.8rem, 6vw, 5rem) !important;
  font-weight: 800 !important;
  color: #111 !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
  margin-bottom: 1.25rem !important;
}
.hero__title em,
.hero__title-accent {
  color: #E8651A !important;
  font-style: normal !important;
}

/* Subtext */
.hero__desc {
  font-size: 1.1rem !important;
  color: #7a6050 !important;
  max-width: 52ch !important;
  line-height: 1.65 !important;
  margin-bottom: 2rem !important;
}

/* Action buttons */
.hero__actions {
  display: flex !important;
  gap: .85rem !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin-bottom: 2.25rem !important;
}
.btn--primary {
  background: #E8651A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: .8rem 1.75rem !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(232,101,26,.3) !important;
  transition: background .18s, transform .18s !important;
  text-decoration: none !important;
}
.btn--primary:hover {
  background: #C45210 !important;
  transform: translateY(-2px) !important;
}
.btn--outline {
  background: #fff !important;
  color: #333 !important;
  border: 1.5px solid #e0d4c4 !important;
  border-radius: 8px !important;
  padding: .8rem 1.75rem !important;
  font-size: .9rem !important;
  font-weight: 600 !important;
  transition: border-color .18s, color .18s !important;
  text-decoration: none !important;
}
.btn--outline:hover {
  border-color: #E8651A !important;
  color: #E8651A !important;
}

/* Search form */
.hero__search-form {
  background: #fff !important;
  border: 1.5px solid #e8ddd0 !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.06) !important;
  max-width: 540px !important;
  width: 100% !important;
  margin: 0 auto 1.5rem !important;
}
.hero__search-input {
  background: transparent !important;
  color: #1a1108 !important;
}
.hero__search-input::placeholder { color: #b09080 !important; }
.hero__search-btn {
  background: #E8651A !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: .6rem 1.4rem !important;
}
.hero__search-btn:hover { background: #C45210 !important; }

/* Trust row */
.hero__trust {
  display: flex !important;
  gap: 1.5rem !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}
.hero__trust-item {
  font-size: .78rem !important;
  color: #9a8070 !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
}
.hero__trust-check { color: #E8651A !important; }
.hero__trust-sep { color: #d8cec4 !important; }

/* Stats row */
.hero__stats {
  display: flex !important;
  gap: 2rem !important;
  justify-content: center !important;
  padding-top: 1rem !important;
  border-top: 1px solid #ede5d8 !important;
  margin-top: 1rem !important;
}
.hero__stat-num {
  color: #111 !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
}
.hero__stat-label { color: #9a8070 !important; font-size: .75rem !important; }

@media(max-width:767px) {
  .hero__title { font-size: clamp(2rem,8vw,2.8rem) !important; }
  .hero__desc { font-size: 1rem !important; }
  .hero__actions { flex-direction: column !important; align-items: center !important; }
  .btn--primary, .btn--outline { width: 100% !important; max-width: 300px !important; text-align: center !important; }
}

/* ============================================================
   v12-150e — Fix header to light, remove popular strip
   ============================================================ */

/* Force header white — override dark background completely */
.site-header,
.site-header.scrolled,
.site-header:hover {
  background: #ffffff !important;
  border-bottom: 1px solid #ede5d8 !important;
  box-shadow: 0 1px 8px rgba(0,0,0,.05) !important;
}

/* Logo — remove "Smart Lighting Troubleshooting" tagline */
.site-logo span,
.site-logo .logo-tagline,
.site-logo__tagline,
.site-header__tagline {
  display: none !important;
}

/* Nav links — dark text */
.primary-nav a {
  color: #444 !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
  background: transparent !important;
  border: none !important;
  padding: .4rem .9rem !important;
}
.primary-nav a:hover {
  color: #111 !important;
  background: #f5f0ea !important;
}
.primary-nav a.current-menu-item {
  color: #E8651A !important;
  background: #fff4eb !important;
}

/* Remove pipe separators */
.primary-nav a + a::before,
.primary-nav li + li::before {
  display: none !important;
}

/* Community link — orange */
.primary-nav a[href*="community"],
.primary-nav li a[href*="community"] {
  color: #E8651A !important;
  background: #fff4eb !important;
  border-radius: 6px !important;
}

/* CTA — orange pill */
.nav-cta,
.header-cta,
.site-header a.nav-cta {
  background: #E8651A !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: .55rem 1.25rem !important;
  font-size: .84rem !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 10px rgba(232,101,26,.3) !important;
  border: none !important;
}
.nav-cta:hover,
.site-header a.nav-cta:hover {
  background: #c45210 !important;
  color: #fff !important;
  background-color: #c45210 !important;
}

/* Remove Popular Right Now strip completely */
.lc-popular-strip,
.popular-strip,
[class*="popular-strip"],
[class*="news-ticker"],
.lc-ticker {
  display: none !important;
}

/* ============================================================
   v12-150f — Remove header hover effect, fix hero buttons/subtext
   ============================================================ */

/* Header — static white, NO hover change at all */
.site-header,
.site-header:hover,
.site-header.scrolled,
.site-header:focus-within {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #ede5d8 !important;
  box-shadow: 0 1px 8px rgba(0,0,0,.05) !important;
  transition: none !important;
}

/* Hide tagline under logo */
.site-logo .logo-tagline,
.site-header .logo-tagline,
.site-logo p,
.site-logo small,
.site-logo span:not(:has(img)) {
  display: none !important;
}

/* Nav links — simple, no hover background on entire header */
.primary-nav a,
.site-header .primary-nav a {
  color: #555 !important;
  font-weight: 600 !important;
  font-size: .85rem !important;
  padding: .4rem .85rem !important;
  border-radius: 6px !important;
  transition: color .15s !important;
  background: transparent !important;
}
.primary-nav a:hover,
.site-header .primary-nav a:hover {
  color: #111 !important;
  background: transparent !important;
}
.primary-nav a.current-menu-item {
  color: #E8651A !important;
  background: transparent !important;
}

/* CTA button hover only */
.nav-cta:hover,
.site-header a.nav-cta:hover,
.header-cta:hover {
  background: #c45210 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(232,101,26,.35) !important;
}

/* ── HERO fixes ── */

/* Remove text shadow from subheading */
.hero__desc,
.hero__desc * {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

/* Make all hero text clearly visible */
.hero__title {
  color: #111 !important;
  text-shadow: none !important;
}
.hero__desc {
  color: #6b5040 !important;
  font-size: 1.05rem !important;
  opacity: 1 !important;
}

/* Fix invisible buttons — ensure both are fully visible */
.hero__actions .btn--primary,
.hero .btn--primary {
  background: #E8651A !important;
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: .78rem 1.6rem !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: .9rem !important;
  text-decoration: none !important;
  border: none !important;
}
.hero__actions .btn--outline,
.hero .btn--outline {
  background: #fff !important;
  color: #333 !important;
  border: 1.5px solid #d8cfc4 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: .78rem 1.6rem !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
  text-decoration: none !important;
}
.hero__actions .btn--outline:hover { border-color: #E8651A !important; color: #E8651A !important; }

/* ============================================================
   v12-150h — Kill ALL header state changes from JS .scrolled class
   and any other source. Header is ALWAYS white, no exceptions.
   ============================================================ */
.site-header,
.site-header.scrolled,
.site-header:hover,
.site-header:focus,
.site-header:focus-within,
.site-header.sticky,
.site-header.fixed,
.site-header.is-sticky,
.site-header.active {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-top: none !important;
  border-bottom: 1px solid #ede5d8 !important;
  box-shadow: 0 1px 8px rgba(0,0,0,.05) !important;
  color: inherit !important;
  transition: none !important;
  transform: none !important;
}

/* FIX PROBLEMS nav link — remove the box border that appears on hover */
.primary-nav a,
.primary-nav a:hover,
.primary-nav a:focus,
.primary-nav a.current-menu-item {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Buttons in hero — force hidden if still rendering */
.hero__actions { display: none !important; }

/* ============================================================
   FINAL — Permanently lock header white regardless of .scrolled
   ============================================================ */
.site-header,
.site-header.scrolled,
.site-header:hover,
.site-header:focus-within,
.site-header.sticky,
.site-header.is-sticky,
.site-header.active,
.site-header.fixed,
.site-header.transparent,
.site-header[class] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-top: none !important;
  border-bottom: 1px solid #ede5d8 !important;
  box-shadow: 0 1px 8px rgba(0,0,0,.05) !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
}

/* v12-150n — reduce hero top/bottom padding by 20px */
.hero {
  padding-block: calc(clamp(4rem, 10vw, 7rem) - 20px) !important;
}

/* v12-150p — Bigger, more readable nav + trust row text */
.primary-nav a {
  font-size: 1rem !important;
  font-weight: 600 !important;
}
.hero__trust-item {
  font-size: .92rem !important;
  font-weight: 600 !important;
}
.hero__trust-sep { font-size: .92rem !important; }

/* ============================================================
   FINAL — Fix mobile nav auto-open bug
   10+ accumulated .primary-nav rules with no media guard were
   forcing display:flex on mobile regardless of .is-open state.
   ============================================================ */
@media(max-width:767px){
  .primary-nav {
    display: none !important;
  }
  .primary-nav.is-open {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 0 !important; right: 0 !important; bottom: 0 !important;
    width: min(280px, 85vw) !important;
    background: #fff !important;
    border-left: 1px solid #ede5d8 !important;
    box-shadow: -8px 0 32px rgba(0,0,0,.12) !important;
    z-index: 999 !important;
    padding: 80px 1.5rem 2rem !important;
    gap: .25rem !important;
    overflow-y: auto !important;
  }
  .primary-nav.is-open a {
    color: #333 !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    padding: .9rem 1rem !important;
    border-radius: 8px !important;
    border-bottom: 1px solid #f5ede4 !important;
    display: block !important;
  }
  .primary-nav.is-open a:hover {
    background: #fff4eb !important;
    color: #E8651A !important;
    border-bottom-color: transparent !important;
  }
}
@media(min-width:768px){
  .primary-nav {
    display: flex !important;
    position: static !important;
    width: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}

/* Mobile overlay — same lock */
@media(max-width:767px){
  .mobile-nav-overlay { display: none !important; position: fixed !important; inset: 0 !important; background: rgba(0,0,0,.55) !important; z-index: 998 !important; }
  .mobile-nav-overlay.is-open { display: block !important; }
}
@media(min-width:768px){
  .mobile-nav-overlay { display: none !important; }
}

/* ============================================================
   FINAL — Fix low-contrast "Still have questions?" CTA block
   Forcing solid background + full-opacity crisp text
   ============================================================ */
.lc-post-community-cta,
.lc-post-community-cta__inner {
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}
.lc-post-community-cta__inner {
  background: #111111 !important;
  background-color: #111111 !important;
}
.lc-post-community-cta__title {
  color: #ffffff !important;
  opacity: 1 !important;
  font-size: 1.05rem !important;
}
.lc-post-community-cta__desc {
  color: rgba(255,255,255,.72) !important;
  opacity: 1 !important;
}
.lc-post-community-cta__btn--ghost {
  color: #ffffff !important;
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.25) !important;
}

/* ============================================================
   FINAL — Fix oversized archive/homepage card thumbnails
   25+ accumulated rules conflicted; this locks a sane size.
   ============================================================ */
.post-card__thumb,
.archive-card__thumb {
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border-radius: 12px 12px 0 0 !important;
}
.post-card--featured .post-card__thumb {
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
}
.post-card__thumb img,
.archive-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
@media(max-width:640px){
  .post-card__thumb,
  .archive-card__thumb { height: 160px !important; min-height: 160px !important; max-height: 160px !important; }
  .post-card--featured .post-card__thumb { height: 190px !important; min-height: 190px !important; max-height: 190px !important; }
}

/* ============================================================
   FINAL — Redesign "Still have questions?" CTA to match
   the light theme instead of fighting it as a dark box.
   ============================================================ */
.lc-post-community-cta {
  margin: 2.5rem 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
.lc-post-community-cta__inner {
  background: #fff8f0 !important;
  background-color: #fff8f0 !important;
  border: 1.5px solid rgba(232,101,26,.25) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
  flex-wrap: wrap !important;
  padding: 1.5rem 1.75rem !important;
  border-radius: 16px !important;
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}
.lc-post-community-cta__inner::before {
  background: radial-gradient(circle, rgba(232,101,26,.12) 0%, transparent 70%) !important;
}
.lc-post-community-cta__icon {
  color: #E8651A !important;
}
.lc-post-community-cta__title {
  color: #1a1108 !important;
  opacity: 1 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}
.lc-post-community-cta__desc {
  color: #6b5040 !important;
  opacity: 1 !important;
}
.lc-post-community-cta__btn--primary {
  background: #E8651A !important;
  color: #fff !important;
}
.lc-post-community-cta__btn--primary:hover {
  background: #c45210 !important;
}
.lc-post-community-cta__btn--ghost {
  background: #fff !important;
  color: #4a3728 !important;
  border: 1.5px solid #e0d4c4 !important;
}
.lc-post-community-cta__btn--ghost:hover {
  background: #f5ede4 !important;
  border-color: #E8651A !important;
  color: #E8651A !important;
}

/* ============================================================
   FINAL — Homepage post cards: compact, polished redesign
   Excerpt text 20% smaller (1rem -> 0.8rem), tighter spacing,
   proper icon treatment instead of giant floating emoji.
   ============================================================ */
.post-card {
  background: #fff !important;
  border: 1px solid #ede5d8 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.post-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(232,101,26,.1) !important;
  border-color: rgba(232,101,26,.25) !important;
}

/* Thumb area */
.post-card__thumb {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
  border-radius: 0 !important;
}
.post-card--featured .post-card__thumb {
  height: 190px !important;
  min-height: 190px !important;
  max-height: 190px !important;
}

/* Icon placeholder — small centered icon in a soft circle, not a giant floating emoji */
.post-card__thumb-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #fff4eb 0%, #fde8d8 100%) !important;
}
.post-card__thumb-icon {
  width: 52px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.6rem !important;
  background: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 3px 10px rgba(232,101,26,.15) !important;
}
.post-card--featured .post-card__thumb-icon {
  width: 64px !important;
  height: 64px !important;
  font-size: 2rem !important;
}

/* Body — tighter padding, compact rhythm */
.post-card__body {
  padding: 1.1rem 1.25rem 1.25rem !important;
}
.post-card__byline {
  font-size: .7rem !important;
  color: #b0a090 !important;
  margin-bottom: .4rem !important;
}
.post-card__title {
  font-size: 1rem !important;
  line-height: 1.35 !important;
  margin-bottom: .4rem !important;
}
.post-card--featured .post-card__title {
  font-size: 1.2rem !important;
}
.post-card__title a {
  color: #1a1108 !important;
}
.post-card:hover .post-card__title a {
  color: #E8651A !important;
}

/* Excerpt — 20% smaller (1rem -> 0.8rem), tighter line height */
.post-card__excerpt {
  font-size: .8rem !important;
  line-height: 1.55 !important;
  color: #8a7568 !important;
  margin-bottom: .75rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.post-card__footer-row {
  padding-top: .65rem !important;
  border-top: 1px solid #f5ede4 !important;
}
.post-card__meta-line {
  font-size: .68rem !important;
  color: #b0a090 !important;
}
.post-card__readmore-link {
  font-size: .78rem !important;
  font-weight: 700 !important;
  color: #E8651A !important;
}

/* Grid spacing — tighter gap for a more compact feel */
.posts-grid {
  gap: 1.1rem !important;
}

/* ============================================================
   FINAL — Horizontal card layout for Gear Reviews & Automations
   Fixes dead vertical space, image 20% taller than the 150px
   vertical baseline (150 -> 180), text column compact.
   ============================================================ */
.posts-grid--horizontal {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1.25rem !important;
}
.post-card--horizontal {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  height: auto !important;
}
.post-card--horizontal .post-card__thumb {
  width: 42% !important;
  flex-shrink: 0 !important;
  height: auto !important;
  min-height: 180px !important;
  max-height: none !important;
}
.post-card--horizontal .post-card__thumb img,
.post-card--horizontal .post-card__thumb-placeholder {
  width: 100% !important;
  height: 100% !important;
}
.post-card--horizontal .post-card__body {
  flex: 1 !important;
  padding: 1rem 1.1rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
}
.post-card--horizontal .post-card__title {
  font-size: .95rem !important;
  line-height: 1.32 !important;
  margin-bottom: .35rem !important;
}
.post-card--horizontal .post-card__excerpt {
  font-size: .76rem !important;
  line-height: 1.5 !important;
  -webkit-line-clamp: 2 !important;
  margin-bottom: .5rem !important;
  min-height: 0 !important;
}
.post-card--horizontal .post-card__footer-row {
  margin-top: auto !important;
  padding-top: .5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
}
.post-card--horizontal .post-card__date {
  font-size: .68rem !important;
  color: #b0a090 !important;
  white-space: nowrap !important;
}

@media(max-width:767px){
  .posts-grid--horizontal { grid-template-columns: 1fr !important; }
  .post-card--horizontal { flex-direction: column !important; }
  .post-card--horizontal .post-card__thumb { width: 100% !important; min-height: 150px !important; }
}

/* ============================================================
   FINAL — Editorial magazine-style redesign (Himmelen-inspired)
   Replaces boxed-card/shadow treatment across all 3 homepage
   blog sections with clean typography-led magazine cards:
   no heavy borders, no drop shadows, thin divider lines,
   generous whitespace, image-led with minimal chrome.
   ============================================================ */

/* Kill every previous card box/shadow treatment */
.post-card,
.post-card--horizontal,
.post-card--magazine {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transform: none !important;
}
.post-card:hover,
.post-card--magazine:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Magazine grid — clean 2 or 3 column, generous gap */
.posts-grid--featured,
.posts-grid--magazine {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2.5rem 2rem !important;
}
.posts-grid--featured {
  grid-template-columns: 1.4fr 1fr 1fr !important;
}
.posts-grid--featured .post-card:first-child {
  grid-row: span 1 !important;
}

/* Image — clean, modest rounding, no shadow, no icon-in-circle gimmick */
.post-card__thumb,
.post-card--magazine .post-card__thumb {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  margin-bottom: 1.1rem !important;
}
.posts-grid--featured .post-card:first-child .post-card__thumb {
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
}
.post-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .4s ease !important;
}
.post-card:hover .post-card__thumb img {
  transform: scale(1.04) !important;
}

/* Simplified placeholder — small, quiet, not a decorative circle */
.post-card__thumb-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f5ede4 !important;
}
.post-card__thumb-icon {
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 1.8rem !important;
  opacity: .5 !important;
}

/* Force back to vertical stack — image top, text below, for ALL variants */
.post-card--magazine {
  display: flex !important;
  flex-direction: column !important;
}
.post-card--magazine .post-card__thumb {
  width: 100% !important;
}
.post-card--magazine .post-card__body {
  padding: 0 !important;
  flex: none !important;
}

/* Body — no card padding, just clean flow */
.post-card__body {
  padding: 0 !important;
}

/* Meta line — small caps style, quiet */
.post-card__byline {
  font-size: .7rem !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: #b0a090 !important;
  margin-bottom: .5rem !important;
}

/* Title — the real hero of a magazine card */
.post-card__title {
  font-size: 1.05rem !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  margin-bottom: .5rem !important;
}
.posts-grid--featured .post-card:first-child .post-card__title {
  font-size: 1.55rem !important;
  line-height: 1.25 !important;
}
.post-card__title a {
  color: #1a1108 !important;
}
.post-card:hover .post-card__title a {
  color: #E8651A !important;
}
.post-card__arrow { display: none !important; }

/* Excerpt — quiet, editorial */
.post-card__excerpt {
  font-size: .84rem !important;
  line-height: 1.6 !important;
  color: #8a7568 !important;
  margin-bottom: .75rem !important;
  -webkit-line-clamp: 2 !important;
  min-height: 0 !important;
}

/* Footer — thin top divider instead of a boxed footer row */
.post-card__footer-row {
  border-top: 1px solid #ede5d8 !important;
  padding-top: .6rem !important;
  margin-top: auto !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.post-card__date {
  font-size: .7rem !important;
  color: #b0a090 !important;
}

@media(max-width:900px){
  .posts-grid--featured,
  .posts-grid--magazine {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media(max-width:640px){
  .posts-grid--featured,
  .posts-grid--magazine {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  .post-card__thumb,
  .posts-grid--featured .post-card:first-child .post-card__thumb {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
  }
}

/* Section rhythm — cleaner editorial spacing */
.hp-section {
  padding-block: 3.5rem !important;
}
.hp-section-header {
  margin-bottom: 2.25rem !important;
}

/* ============================================================
   HIMMELEN-STYLE BLOG SECTIONS — matches reference exactly
   Hero left untouched. This governs Troubleshooting, Gear
   Reviews, and Automations sections only.
   ============================================================ */

.hml-post {
  text-align: center !important;
  margin-bottom: 0 !important;
}

/* Featured post — full width, image first */
.hml-post--featured {
  margin-bottom: 3rem !important;
}
.hml-post--featured .hml-post__thumb {
  display: block !important;
  width: 100% !important;
  height: 400px !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  margin-bottom: 1.75rem !important;
}
.hml-post--featured .hml-post__title {
  font-size: 1.9rem !important;
  max-width: 700px !important;
  margin-inline: auto !important;
}
.hml-post--featured .hml-post__excerpt {
  max-width: 640px !important;
  margin-inline: auto !important;
}

/* 2-column grid for the rest */
.hml-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3rem 2.5rem !important;
}

/* Image */
.hml-post__thumb {
  display: block !important;
  width: 100% !important;
  height: 230px !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  margin-bottom: 1.25rem !important;
}
.hml-post__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.post-card__thumb-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff4eb !important;
}
.post-card__thumb-icon {
  font-size: 1.8rem !important;
  opacity: .55 !important;
}

/* Category label — small, uppercase, letter-spaced, muted orange */
.hml-post__cat {
  display: block !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #c47a3f !important;
  margin-bottom: .6rem !important;
}
.hml-post__cat .lc-category-badge,
.hml-post__cat span {
  background: transparent !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

/* Title — serif, dark, centered */
.hml-post__title {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #1a1108 !important;
  margin: 0 0 .5rem !important;
}
.hml-post__title a {
  color: inherit !important;
  text-decoration: none !important;
}
.hml-post__title a:hover {
  color: #E8651A !important;
}

/* Date — small, muted, centered */
.hml-post__date {
  display: block !important;
  font-size: .7rem !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #b0a090 !important;
  margin-bottom: 1.25rem !important;
}

/* Excerpt — LEFT aligned paragraph, matching reference exactly */
.hml-post__excerpt {
  text-align: left !important;
  font-size: .88rem !important;
  line-height: 1.75 !important;
  color: #5a4838 !important;
  margin-bottom: 1.5rem !important;
  -webkit-line-clamp: 3 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Continue Reading — centered pill button, olive-green in reference, orange here */
.hml-post__cta {
  display: inline-block !important;
  background: transparent !important;
  border: 1.5px solid #E8651A !important;
  color: #E8651A !important;
  font-size: .74rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: .7rem 1.75rem !important;
  border-radius: 3px !important;
  text-decoration: none !important;
  margin-bottom: 1.5rem !important;
  transition: background .18s, color .18s !important;
}
.hml-post__cta:hover {
  background: #E8651A !important;
  color: #fff !important;
}

/* Footer — thin bordered row, author left, readtime right, matching "by himmelen / 3 Comments" pattern */
.hml-post__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-top: 1px solid #ede5d8 !important;
  padding-top: .85rem !important;
  font-size: .72rem !important;
  color: #b0a090 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

@media(max-width:767px){
  .hml-grid { grid-template-columns: 1fr !important; gap: 2.5rem !important; }
  .hml-post--featured .hml-post__thumb { height: 240px !important; }
  .hml-post__thumb { height: 200px !important; }
  .hml-post--featured .hml-post__title { font-size: 1.5rem !important; }
}

/* Category badge inside hml-post__cat — strip icon styling, keep plain text link */
.hml-post__cat .post-card__category {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}
.hml-post__cat .post-card__category:hover {
  color: #E8651A !important;
}

/* ============================================================
   FINAL — Fix invisible title text on dark sections
   (Gear Reviews / Automations have dark backgrounds; hml-post
   titles/dates/excerpts default to dark text — invisible there)
   ============================================================ */
.gear-section .hml-post__title,
.automations-section .hml-post__title,
.gear-section .hml-post__title a,
.automations-section .hml-post__title a {
  color: #ffffff !important;
}
.gear-section .hml-post__title a:hover,
.automations-section .hml-post__title a:hover {
  color: #ff8a3d !important;
}
.gear-section .hml-post__date,
.automations-section .hml-post__date {
  color: rgba(255,255,255,.4) !important;
}
.gear-section .hml-post__excerpt,
.automations-section .hml-post__excerpt {
  color: rgba(255,255,255,.65) !important;
}
.gear-section .hml-post__footer,
.automations-section .hml-post__footer {
  border-top-color: rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.4) !important;
}
.gear-section .hml-post__cta,
.automations-section .hml-post__cta {
  border-color: #ff8a3d !important;
  color: #ff8a3d !important;
}
.gear-section .hml-post__cta:hover,
.automations-section .hml-post__cta:hover {
  background: #ff8a3d !important;
  color: #1a0f06 !important;
}

/* ============================================================
   FINAL — Title/date gap fix + footer meta text 15% smaller
   0.72rem -> 0.61rem (15% reduction)
   ============================================================ */
.hml-post__title {
  margin-bottom: calc(.5rem + 10px) !important;
}
.hml-post--featured .hml-post__title {
  margin-bottom: calc(.5rem + 10px) !important;
}
.hml-post__footer {
  font-size: .61rem !important;
}
.gear-section .hml-post__footer,
.automations-section .hml-post__footer {
  font-size: .61rem !important;
}

/* ============================================================
   FINAL — Rhythm fixes: date-excerpt gap 50% less, excerpt-button
   gap increased, excerpt column 25% narrower
   ============================================================ */
.hml-post__date {
  margin-bottom: .625rem !important;
}
.hml-post__excerpt {
  margin-bottom: 2.25rem !important;
  max-width: 75% !important;
  margin-inline: auto !important;
}
.hml-post--featured .hml-post__excerpt {
  max-width: 480px !important;
  margin-inline: auto !important;
}

/* ============================================================
   FINAL — Excerpt text 20% smaller than title, definitively
   0.88rem -> 0.7rem (20% reduction)
   ============================================================ */
.hml-post__excerpt,
.hml-post--featured .hml-post__excerpt,
.gear-section .hml-post__excerpt,
.automations-section .hml-post__excerpt {
  font-size: .7rem !important;
  line-height: 1.6 !important;
}

/* ============================================================
   FINAL — Category archive pages (/category/*): match homepage
   excerpt sizing and spacing treatment. archive.php uses the
   OLD .post-card classes, separate from front-page.php's
   .hml-post classes — this brings it in line.
   ============================================================ */
.archive-grid .post-card__excerpt {
  font-size: .7rem !important;
  line-height: 1.6 !important;
  margin-bottom: 1rem !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.archive-grid .post-card__title {
  font-size: 1.05rem !important;
  line-height: 1.35 !important;
  margin-bottom: .5rem !important;
}
.archive-grid .post-card__byline {
  font-size: .68rem !important;
}
.archive-grid .post-card__footer-row {
  padding-top: .65rem !important;
}
.archive-grid .post-card__meta-line {
  font-size: .68rem !important;
}
.archive-grid .post-card__readmore-link {
  font-size: .76rem !important;
}

/* ============================================================
   FINAL — Date-excerpt gap 50% less again (.625rem -> .3125rem)
   Excerpt-button gap set to exact 20px
   ============================================================ */
.hml-post__date,
.hml-post--featured .hml-post__date,
.gear-section .hml-post__date,
.automations-section .hml-post__date {
  margin-bottom: .3125rem !important;
}
.hml-post__excerpt,
.hml-post--featured .hml-post__excerpt,
.gear-section .hml-post__excerpt,
.automations-section .hml-post__excerpt {
  margin-bottom: 20px !important;
}

/* ============================================================
   FINAL — Category archive: uniform grid, every card identical
   Replaces the old mixed featured/horizontal/vertical layout
   that caused inconsistent sizing and cropping.
   ============================================================ */
.archive-posts--uniform {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2rem 1.75rem !important;
}

.archive-card--uniform,
.post-card.archive-card--uniform {
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border: 1px solid #ede5d8 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  height: 100% !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.archive-card--uniform:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(232,101,26,.1) !important;
  border-color: rgba(232,101,26,.25) !important;
}

/* Identical thumb dimensions for every card — no more cropping variance */
.archive-card--uniform .post-card__thumb {
  width: 100% !important;
  height: 190px !important;
  min-height: 190px !important;
  max-height: 190px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
.archive-card--uniform .post-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
.archive-card--uniform .post-card__thumb span {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.8rem !important;
  opacity: .5 !important;
  background: #fff4eb !important;
}

/* Body — consistent padding and flex so footer always sits at bottom */
.archive-card--uniform .post-card__body {
  padding: 1.1rem 1.25rem 1.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}
.archive-card--uniform .post-card__title {
  font-size: 1rem !important;
  line-height: 1.35 !important;
  margin-bottom: .4rem !important;
}
.archive-card--uniform .post-card__excerpt {
  font-size: .7rem !important;
  line-height: 1.6 !important;
  color: #8a7568 !important;
  margin-bottom: .75rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.archive-card--uniform .post-card__footer-row {
  margin-top: auto !important;
  padding-top: .65rem !important;
  border-top: 1px solid #f5ede4 !important;
}
.archive-card--uniform .post-card__byline {
  font-size: .68rem !important;
  color: #b0a090 !important;
  margin-bottom: .35rem !important;
}
.archive-card--uniform .post-card__meta-line {
  font-size: .66rem !important;
}
.archive-card--uniform .post-card__readmore-link {
  font-size: .74rem !important;
}

@media(max-width:900px){
  .archive-posts--uniform { grid-template-columns: repeat(2, 1fr) !important; }
}
@media(max-width:600px){
  .archive-posts--uniform { grid-template-columns: 1fr !important; }
  .archive-card--uniform .post-card__thumb { height: 200px !important; min-height: 200px !important; max-height: 200px !important; }
}

/* ============================================================
   FINAL — Homepage blog titles: match category page font
   Category pages use var(--ff-display) = MD Nichrome (brand font).
   Homepage was using Lora serif — switching to match.
   ============================================================ */
.hml-post__title,
.hml-post--featured .hml-post__title,
.gear-section .hml-post__title,
.automations-section .hml-post__title {
  font-family: var(--ff-display) !important;
}

/* ============================================================
   FINAL — Homepage blog titles: 25% bigger, semi-bold weight
   MD Nichrome has no true SemiBold cut (only 300/400/700/800/900),
   so using Regular (400) — the closest lighter-than-bold option
   that renders from a real font file, not synthesized.
   Base: 1.25rem -> 1.5625rem (+25%)
   Featured: 1.5rem -> 1.875rem (+25%)
   ============================================================ */
.hml-post__title,
.gear-section .hml-post__title,
.automations-section .hml-post__title {
  font-size: 1.5625rem !important;
  font-weight: 400 !important;
}
.hml-post--featured .hml-post__title {
  font-size: 1.875rem !important;
  font-weight: 400 !important;
}

/* ============================================================
   FINAL — Category archive: 2 columns instead of 3,
   title 35% bigger (1rem -> 1.35rem), byline 25% smaller
   (.68rem -> .51rem)
   ============================================================ */
.archive-posts--uniform {
  grid-template-columns: repeat(2, 1fr) !important;
}
.archive-card--uniform .post-card__title {
  font-size: 1.35rem !important;
}
.archive-card--uniform .post-card__byline {
  font-size: .51rem !important;
}
.archive-card--uniform .post-card__meta-line {
  font-size: .51rem !important;
}

@media(max-width:600px){
  .archive-posts--uniform { grid-template-columns: 1fr !important; }
}