/* ============================================================================
 * Aurora light-touch skin — KDP-93 (2026-05-26)
 *
 * Drop-in override that re-tokens publishing.co.uk to match the Aurora design
 * language used on the AI Discovery Audit (course.publishing.co.uk/publisher-audit).
 *
 * Loaded AFTER /css/main.css and after each page's inline <style> block, so it
 * wins via cascade order + !important on token overrides.
 *
 * Source of truth for tokens: app/publisher-audit/try/theme-types.ts in the
 * Sell-more-books repo. Animation rules + font stack: globals.css.
 *
 * The light-touch approach: same IA, same content, same JS. We swap palette,
 * typography, spacing tokens and a handful of high-leverage component styles.
 * Nothing structural moves. Rollback = delete this file + remove its <link>
 * tags from the 4 hand-coded pages.
 * ========================================================================== */

:root,
.aurora-skin {
  /* Aurora palette — verbatim from theme-types.ts */
  --color-paper:    #ffffff;
  --color-paper-dim:#fbfbfd;
  --color-page:     #ffffff;
  --color-ink:      #1d1d1f;
  --color-ink-70:   #424245;
  --color-ink-60:   #6e6e73;
  --color-ink-50:   #86868b;
  --color-ink-30:   #a1a1a6;
  --color-rule:     #d2d2d7;
  --color-accent:   #0071e3;
  --color-accent-hover: #0077ed;

  /* Override the legacy site tokens so existing `var(--indigo)` etc. inherit Aurora */
  --indigo:   #0071e3 !important;
  --rose:     #1d1d1f !important;
  --emerald:  #1d1d1f !important;
  --bg-warm:  #fbfbfd !important;
  --light:    #ffffff !important;
  --border:   #d2d2d7 !important;
  --muted:    #6e6e73 !important;
  --navy:     #1d1d1f !important;
  --radius:   16px !important;
  --shadow-md: 0 4px 12px rgba(0,0,0,.04) !important;
  --shadow-lg: 0 8px 24px rgba(0,0,0,.06) !important;

  --font: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif !important;
  --font-serif: "SF Pro Display", "SF Pro Text", -apple-system, "Inter", system-ui, sans-serif !important;
}

html, body {
  font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif !important;
  background: #ffffff !important;
  color: #1d1d1f !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "ss01", "cv11", "tnum";
  letter-spacing: 0;
}

/* ── Headlines — Aurora display ──────────────────────────────────────────── */
/* NOTE: color is intentionally NOT !important on the universal h1-h4 rule —
 * that lets dark-background callouts with inline color:#fff keep their white
 * text. Body inherits #1d1d1f for the default light-surface case. */
h1, h2, h3, h4,
.lead-h1,
.hero h1,
.section-title h2 {
  font-family: "SF Pro Display", "SF Pro Text", -apple-system, "Inter", system-ui, sans-serif !important;
  letter-spacing: -0.025em !important;
  font-weight: 600 !important;
}
h1, h2, h3, h4 { color: #1d1d1f; }
h1, .hero h1, .lead-h1 { font-weight: 700 !important; }

/* Explicit dark color for headings on LIGHT containers (these still beat
 * inline color:#fff inside a known-light section because we use scoped
 * selectors, not the universal h1-h4) */
.section-title h2,
.lead-h1,
.hero h1,
.article-header h1,
.post-header h1,
.post-hero h1,
.single-header h1 { color: #1d1d1f !important; }

.hero h1 span,
.lead-h1 span,
.section-title h2 span { color: #0071e3 !important; }

/* ── Hero — dark gradient becomes light Aurora ───────────────────────────── */
.hero,
section.hero,
section.lead-intro {
  background: #ffffff !important;
  color: #1d1d1f !important;
}
.hero::before,
.hero::after { display: none !important; }

.hero__subtitle,
.lead-sub {
  color: #6e6e73 !important;
  font-weight: 400;
}

.hero__badge {
  background: #f5f5f7 !important;
  border: 1px solid #d2d2d7 !important;
  color: #6e6e73 !important;
  letter-spacing: 0.18em !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
.hero__badge-dot { background: #0071e3 !important; }

/* Tiny eyebrow above lead-h1 on the homepage */
.tiny,
.lead-intro .tiny {
  color: #6e6e73 !important;
  letter-spacing: 0.15em !important;
  font-weight: 600 !important;
}

/* ── Section backgrounds — strip the warm cream where it appears ─────────── */
/* Important: do NOT use the universal `section { background: #fff !important }`
 * — that kills dark-bg sections (which have inline style="background:#1a..."
 * and white text designed for dark). Instead, target ONLY the warm-cream
 * patterns. Sections without explicit bg inherit white from body. */
section[style*="background:var(--bg-warm)"],
section[style*="background: var(--bg-warm)"],
section[style*="background:#FFF9F0"],
section[style*="background:#FFFDF7"],
section.lead-intro,
section.how-it-works,
section.pricing-section,
section.compare-section,
section.guarantee-section,
section.faq-landing,
section.doors-section {
  background: #fbfbfd !important;
  border-top: 1px solid #d2d2d7 !important;
  border-bottom: 1px solid #d2d2d7 !important;
}

/* Dark sections — preserve their dark bg (and inline white text inside them) */
section[style*="background:#1a1330"],
section[style*="background:#1A1330"],
section[style*="background: #1a1330"],
section[style*="background:#0f172a"],
section[style*="background: #0f172a"],
section[style*="background:#1A1A1A"],
section[style*="background: #1A1A1A"],
section[style*="background:#1a1a1a"],
section[style*="background:#1d1d1f"] {
  /* Aurora-ify: dark navy → dark Aurora blue gradient */
  background: linear-gradient(135deg, #1d1d1f 0%, #0a3a8f 100%) !important;
  color: #ffffff !important;
}
section[style*="background:#1a1330"] h1,
section[style*="background:#1a1330"] h2,
section[style*="background:#1a1330"] h3,
section[style*="background:#1a1330"] h4,
section[style*="background:#1A1330"] h1,
section[style*="background:#1A1330"] h2,
section[style*="background:#1A1330"] h3,
section[style*="background:#1A1330"] h4 {
  color: #ffffff !important;
}
section[style*="background:#1a1330"] p:not([style*="color"]),
section[style*="background:#1A1330"] p:not([style*="color"]) { color: #e2e8f0 !important; }
section[style*="background:#1a1330"] li:not([style*="color"]),
section[style*="background:#1A1330"] li:not([style*="color"]) { color: #e2e8f0 !important; }
section[style*="background:#1a1330"] a:not([style*="color"]),
section[style*="background:#1A1330"] a:not([style*="color"]) { color: #4d9fff !important; }
/* But form CHILDREN inside dark sections (white form on dark section) need
 * their inline P colors preserved */
section[style*="background:#1a1330"] form p,
section[style*="background:#1A1330"] form p,
section[style*="background:#1a1330"] form a,
section[style*="background:#1A1330"] form a {
  /* preserve inline colors — no override here, just let inline win */
}

/* Footer (the site-footer) — keep dark */
footer.site-footer,
.site-footer {
  background: linear-gradient(135deg, #1d1d1f 0%, #0a3a8f 100%) !important;
  color: #e2e8f0 !important;
}
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4 { color: #ffffff !important; }
.site-footer p, .site-footer li { color: #e2e8f0 !important; }
.site-footer a { color: #4d9fff !important; }
.site-footer .footer-brand .domain { color: #94a3b8 !important; }
.site-footer .footer-bottom { color: #94a3b8 !important; }

/* ── Buttons / CTAs — Aurora pill ─────────────────────────────────────────── */
.btn-primary,
a.btn-primary,
button.btn-primary {
  background: #0071e3 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 500 !important;
  font-size: 0.95rem !important;
  padding: 0.85rem 1.6rem !important;
  transition: background .15s ease, transform .15s ease !important;
  box-shadow: none !important;
  letter-spacing: -0.005em;
}
.btn-primary:hover,
a.btn-primary:hover {
  background: #0077ed !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Light/ghost variant — used in /format/ hero secondary CTA */
.hero__cta a[style*="background:transparent"],
.hero__cta a[style*="background: transparent"] {
  background: transparent !important;
  color: #0071e3 !important;
  border: 1px solid #d2d2d7 !important;
}
.hero__cta a[style*="background:transparent"]:hover {
  border-color: #0071e3 !important;
  background: rgba(0, 113, 227, 0.04) !important;
}

/* Order page Pay button */
.pay-btn {
  background: #0071e3 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}
.pay-btn:hover { background: #0077ed !important; }

/* ── Pricing cards ───────────────────────────────────────────────────────── */
.pricing-card {
  background: #ffffff !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease !important;
}
.pricing-card:hover {
  border-color: #1d1d1f !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.06) !important;
}
.pricing-card--popular {
  border-color: #0071e3 !important;
  box-shadow: 0 0 0 1px #0071e3 !important;
}
.pricing-card__price,
.pricing-card .pricing-card__price { color: #0071e3 !important; }
.pricing-card__price span { color: #6e6e73 !important; }

.pricing-badge,
.package-popular {
  background: #0071e3 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  letter-spacing: 0.06em !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 6px rgba(0, 113, 227, 0.18) !important;
}

/* Feature lists ✓ — green check becomes Aurora blue */
.pricing-card__features li::before { color: #0071e3 !important; }
.feature-grid ✓, .feature-grid div ✓ { color: #0071e3; }

/* ── Genre / feature grid cards ──────────────────────────────────────────── */
.feature-grid > div,
.feature-grid > a {
  border-top: 1px solid #d2d2d7 !important;
  background: transparent !important;
}
.feature-grid h4 { color: #1d1d1f !important; }
.feature-grid p  { color: #6e6e73 !important; }

/* ── Order-page form ─────────────────────────────────────────────────────── */
.order-form {
  background: #ffffff !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.03) !important;
}
.form-section h2 .step {
  background: #0071e3 !important;
  color: #ffffff !important;
}
.package-card {
  border: 1.5px solid #d2d2d7 !important;
  border-radius: 14px !important;
}
.package-card:hover {
  border-color: #1d1d1f !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.04) !important;
}
.package-card.selected {
  border-color: #0071e3 !important;
  background: #f5fbff !important;
  box-shadow: 0 0 0 2px #0071e3 !important;
}
.package-card.selected::after { background: #0071e3 !important; }
.package-price { color: #0071e3 !important; }
.upload-area {
  border: 2px dashed #d2d2d7 !important;
  border-radius: 14px !important;
  background: #fbfbfd !important;
}
.upload-area:hover,
.upload-area.dragover {
  border-color: #0071e3 !important;
  background: #f5fbff !important;
}
.form-group input,
.form-group textarea,
.form-group select {
  border: 1px solid #d2d2d7 !important;
  border-radius: 10px !important;
}
.form-group input:focus,
.form-group textarea:focus {
  border-color: #0071e3 !important;
  box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.15) !important;
}

/* Order Summary card stays dark for contrast — Aurora has this pattern too */
.order-summary {
  background: #1d1d1f !important;
  color: #ffffff !important;
  border-radius: 18px !important;
}
.order-summary h2 { color: #ffffff !important; }
.summary-row .label { color: #a1a1a6 !important; }
.summary-row .value { color: #ffffff !important; }
.summary-total .price { color: #0071e3 !important; }

/* ── Audit drop zone (preserved for KDP Readiness on /audit/) ─────────────── */
[style*="border:2px dashed #d4c5e8"],
[style*="border: 2px dashed #d4c5e8"] {
  border: 2px dashed #d2d2d7 !important;
  background: #fbfbfd !important;
}

/* ── Testimonials dark band on /format/ — keep dark, retune to Aurora black ─ */
section[style*="background:#1A1A1A"] {
  background: #1d1d1f !important;
}
section[style*="background:#1A1A1A"] h2,
section[style*="background:#1A1A1A"] .section-title h2 {
  color: #ffffff !important;
}

/* ── Header — frosted glass like Apple/Aurora ─────────────────────────────── */
header {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid #d2d2d7 !important;
  position: sticky;
  top: 0;
  z-index: 100;
}
header nav a {
  color: #1d1d1f !important;
  font-weight: 400 !important;
}
header nav a:hover { color: #0071e3 !important; }
header nav a.btn-primary {
  color: #ffffff !important;
  background: #0071e3 !important;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
footer.foot {
  background: #fbfbfd !important;
  color: #6e6e73 !important;
  border-top: 1px solid #d2d2d7 !important;
}
footer.foot a { color: #0071e3 !important; }
.foot-col h4 { color: #1d1d1f !important; }
.foot-col a { color: #6e6e73 !important; }
.foot-col a:hover { color: #0071e3 !important; }

/* Footer CTA strip — pre-flight + checklist cards on /format/ */
.foot-cta-strip {
  border-bottom: 1px solid #d2d2d7 !important;
}
.foot-cta-card {
  background: #fbfbfd !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 16px !important;
}
.foot-cta-card:hover {
  border-color: #0071e3 !important;
  box-shadow: 0 8px 24px rgba(0, 113, 227, 0.10) !important;
}
.foot-cta-card--pdf:hover { border-color: #1d1d1f !important; box-shadow: 0 8px 24px rgba(0,0,0,.08) !important; }
.foot-cta-body h3 { color: #1d1d1f !important; font-family: "SF Pro Display", system-ui, sans-serif !important; }
.foot-cta-body p { color: #6e6e73 !important; }
.foot-cta-btn {
  background: #0071e3 !important;
  border-radius: 999px !important;
}
.foot-cta-card:hover .foot-cta-btn { background: #0077ed !important; }
.foot-cta-btn--outline {
  background: transparent !important;
  border: 1px solid #1d1d1f !important;
  color: #1d1d1f !important;
}
.foot-cta-card--pdf:hover .foot-cta-btn--outline {
  background: #1d1d1f !important;
  color: #ffffff !important;
}

/* ── Step / journey markers ─────────────────────────────────────────────── */
.journey-section [style*="background:var(--indigo)"] { background: #0071e3 !important; }

/* ── Doors / audit cards ─────────────────────────────────────────────────── */
.door-card {
  background: #fbfbfd !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 18px !important;
}
.door-card:hover {
  border-color: #0071e3 !important;
  box-shadow: 0 8px 24px rgba(0, 113, 227, 0.08) !important;
}
.door-card .label {
  color: #0071e3 !important;
  letter-spacing: 0.18em !important;
}
.door-card h3 { color: #1d1d1f !important; }
.door-card p  { color: #6e6e73 !important; }
.door-card .more { color: #0071e3 !important; }

/* Aurora utility classes (for new content authors) */
.aurora-eyebrow {
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #6e6e73;
  margin: 0 0 0.85rem;
  display: inline-block;
}
.aurora-display {
  font-family: "SF Pro Display", "SF Pro Text", -apple-system, "Inter", system-ui, sans-serif;
  letter-spacing: -0.025em;
  font-weight: 600;
  color: #1d1d1f;
}
.aurora-cta {
  display: inline-block;
  background: #0071e3;
  color: #ffffff !important;
  padding: 0.9rem 1.8rem;
  border-radius: 999px;
  font-weight: 500;
  text-decoration: none;
  transition: background .15s ease;
}
.aurora-cta:hover { background: #0077ed; color: #ffffff !important; }

/* ── Repair text colors that were designed for dark hero backgrounds ────── */
/* The pre-Aurora design had dark hero sections with light-grey text (#cbd5e1,
 * #94a3b8, #c4b5fd). Aurora flips heroes to white, so those greys are now
 * invisible on light bg.
 *
 * IMPORTANT: these attribute-selector overrides are scoped to .hero and
 * .lead-intro ONLY. If we made them global, every dark CTA callout in Hugo
 * articles (which legitimately uses light-grey text on dark bg) would also
 * get forced to dark, becoming invisible. */
.hero p,
section.hero p,
section.lead-intro p,
.hero__subtitle,
.lead-sub {
  color: #424245 !important;
}
.hero [style*="color:#cbd5e1"],
.hero [style*="color: #cbd5e1"],
.hero [style*="color:#94a3b8"],
.hero [style*="color: #94a3b8"],
.hero [style*="color:#a5b3c8"],
.hero [style*="color: #a5b3c8"],
.hero [style*="color:#c4b5fd"],
.hero [style*="color: #c4b5fd"],
section.lead-intro [style*="color:#cbd5e1"],
section.lead-intro [style*="color: #cbd5e1"],
section.lead-intro [style*="color:#94a3b8"],
section.lead-intro [style*="color: #94a3b8"] {
  color: #424245 !important;
}
/* Stronger override on the entity-anchor paragraph on /audit/ */
.hero p strong,
.lead-intro strong,
section.hero strong { color: #1d1d1f !important; }
.hero p a,
.lead-intro a { color: #0071e3 !important; }

/* ── Dark-background callouts in Hugo article content — preserve readability */
/* Pattern used by Hugo guide pages: an inline-styled <div> with a dark gradient
 * BG and white/light-grey text. Aurora must NOT override its text to dark. */
div[style*="linear-gradient(135deg,#1A1A1A"],
div[style*="linear-gradient(135deg,#1a1a1a"],
div[style*="linear-gradient(135deg, #1A1A1A"],
div[style*="linear-gradient(135deg, #1a1a1a"],
div[style*="linear-gradient(135deg,#0f172a"],
div[style*="background:#1a1a1a"],
div[style*="background:#1A1A1A"],
div[style*="background: #1a1a1a"],
div[style*="background: #1A1A1A"],
div[style*="background:#0f172a"],
div[style*="background:var(--navy)"],
.sidebar-card[style*="background:var(--navy)"],
.seo-cta-box,
#guide-sticky-hook {
  /* Aurora-ify the dark BG: keep dark but blend toward Aurora blue */
  background: linear-gradient(135deg, #1d1d1f 0%, #0a3a8f 100%) !important;
}
/* All headings + paragraphs inside these dark blocks: light text */
div[style*="linear-gradient(135deg,#1A1A1A"] h1,
div[style*="linear-gradient(135deg,#1A1A1A"] h2,
div[style*="linear-gradient(135deg,#1A1A1A"] h3,
div[style*="linear-gradient(135deg,#1A1A1A"] h4,
div[style*="linear-gradient(135deg,#1a1a1a"] h1,
div[style*="linear-gradient(135deg,#1a1a1a"] h2,
div[style*="linear-gradient(135deg,#1a1a1a"] h3,
div[style*="linear-gradient(135deg,#1a1a1a"] h4,
div[style*="background:var(--navy)"] h1,
div[style*="background:var(--navy)"] h2,
div[style*="background:var(--navy)"] h3,
div[style*="background:var(--navy)"] h4,
.sidebar-card[style*="background:var(--navy)"] h4,
#guide-sticky-hook h1,
#guide-sticky-hook h2,
#guide-sticky-hook h3,
#guide-sticky-hook h4 {
  color: #ffffff !important;
}
div[style*="linear-gradient(135deg,#1A1A1A"] p,
div[style*="linear-gradient(135deg,#1a1a1a"] p,
div[style*="background:var(--navy)"] p,
.sidebar-card[style*="background:var(--navy)"] p {
  color: #e2e8f0 !important;
}
/* The inline light-grey colors INSIDE dark callouts should stay light */
div[style*="linear-gradient(135deg,#1A1A1A"] [style*="color:#cbd5e1"],
div[style*="linear-gradient(135deg,#1a1a1a"] [style*="color:#cbd5e1"],
div[style*="linear-gradient(135deg,#1A1A1A"] [style*="color:#c4b5fd"],
div[style*="linear-gradient(135deg,#1a1a1a"] [style*="color:#c4b5fd"],
div[style*="linear-gradient(135deg,#1A1A1A"] [style*="color:#94a3b8"],
div[style*="linear-gradient(135deg,#1a1a1a"] [style*="color:#94a3b8"],
.sidebar-card[style*="background:var(--navy)"] [style*="color:#a78bfa"],
.sidebar-card[style*="background:var(--navy)"] [style*="color:#94a3b8"],
.sidebar-card[style*="background:var(--navy)"] [style*="color:#64748b"],
#guide-sticky-hook [style*="color:#a78bfa"] {
  color: #c8e1ff !important;
}
/* The white "Score my file" pill inside dark CTA stays white-on-aurora-blue */
div[style*="linear-gradient(135deg,#1A1A1A"] a[style*="background:#fff"],
div[style*="linear-gradient(135deg,#1a1a1a"] a[style*="background:#fff"] {
  background: #ffffff !important;
  color: #0071e3 !important;
}

/* SEO CTA box (used in some Hugo guides) */
.seo-cta-box {
  background: linear-gradient(135deg, #fbfbfd 0%, #f5fbff 100%) !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 14px !important;
}
.seo-cta-box h3 { color: #1d1d1f !important; }
.seo-cta-box p { color: #424245 !important; }
.seo-cta-box a.btn,
.seo-cta-box a.btn--rose {
  background: #0071e3 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}

/* ── Banner-pushdown: ensure header doesn't sit under the preview banner ── */
body.has-aurora-banner { padding-top: 0 !important; }
body.has-aurora-banner header {
  top: 32px !important;
}
body.has-aurora-banner .aurora-preview-banner ~ header,
body.has-aurora-banner { margin-top: 32px; }

/* ── Preview-tree-only banner so Rob knows when he's on /aurora-preview/ ─── */
.aurora-preview-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #0071e3;
  color: #ffffff;
  text-align: center;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  padding: 0.4rem 1rem;
  z-index: 9999;
  font-family: "SF Pro Text", -apple-system, system-ui, sans-serif;
}
.aurora-preview-banner a {
  color: #ffffff;
  text-decoration: underline;
  margin-left: 0.5rem;
}
body.has-aurora-banner { padding-top: 32px; }

/* ── Mobile tweaks ──────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .hero,
  section.hero,
  section.lead-intro {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .pricing-card { border-radius: 14px !important; }
  .order-form { padding: 1.5rem !important; border-radius: 14px !important; }

  /* Stop article H1 from running 6+ lines on iPhone */
  article h1,
  main article h1,
  .article-header h1,
  .post-header h1,
  .post-hero h1,
  .single-header h1,
  .lead-h1,
  .hero h1 {
    font-size: clamp(1.6rem, 6vw, 2.2rem) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
  }
  /* Listing/category H1 (Guides index) */
  .list-h1, h1.list-h1, .blog-hero__title, .guides-hero__title {
    font-size: clamp(1.8rem, 7vw, 2.4rem) !important;
  }

  /* Site nav — keep items on one line; if cramped, allow overflow horizontally  */
  header nav {
    flex-wrap: nowrap !important;
    gap: .8rem !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  header nav::-webkit-scrollbar { display: none !important; }
  header nav a {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    font-size: .88rem !important;
  }
  header nav a.btn-primary {
    padding: .5rem 1rem !important;
    font-size: .82rem !important;
  }

  /* /order/-page nav specifically (has its own header style) */
  .nav, header.nav {
    padding: 1rem !important;
  }
  .nav-links {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 1rem !important;
    scrollbar-width: none !important;
  }
  .nav-links::-webkit-scrollbar { display: none !important; }
  .nav-links a { white-space: nowrap !important; flex-shrink: 0 !important; }
}

/* Even tighter on phones */
@media (max-width: 480px) {
  article h1,
  main article h1,
  .article-header h1,
  .post-header h1,
  .post-hero h1,
  .single-header h1,
  .lead-h1,
  .hero h1 {
    font-size: clamp(1.4rem, 7vw, 1.9rem) !important;
  }
  /* Reading-progress sticky bottom CTA — make less aggressive on mobile */
  .reading-cta-bar,
  .sticky-cta,
  [class*="cta-strip"][class*="floating"] {
    padding: .6rem .8rem !important;
    font-size: .82rem !important;
  }
}

/* ── Homepage journey timeline — Aurora vertical chapter cards ──────────── */
/* Was: horizontal 6-circle row with a connecting line.
 * Now: stacked vertical list. Each row has the number circle on the left
 * and label + desc + CTA on the right, with a hairline divider between.
 * Mirrors Aurora's vertical-chapter narrative pattern. */
.journey-section .journey-track {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  max-width: 760px !important;
  margin: 1rem auto 0 !important;
  border-top: 1px solid #d2d2d7 !important;
}
.journey-section .journey-line { display: none !important; }
.journey-section .journey-stage {
  display: grid !important;
  grid-template-columns: 48px 1fr auto !important;
  align-items: center !important;
  gap: 1.2rem !important;
  padding: 1rem .5rem !important;
  text-align: left !important;
  border-bottom: 1px solid #d2d2d7 !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: background .15s ease !important;
}
.journey-section .journey-stage:hover {
  background: #fbfbfd !important;
  transform: none !important;
}
.journey-section .journey-num {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  border: 1.5px solid #d2d2d7 !important;
  color: #6e6e73 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "SF Pro Display", -apple-system, system-ui, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  transition: all .15s ease !important;
}
.journey-section .journey-stage:hover .journey-num {
  border-color: #0071e3 !important;
  color: #0071e3 !important;
  transform: none !important;
}
.journey-section .journey-stage--active .journey-num {
  background: #0071e3 !important;
  border-color: #0071e3 !important;
  color: #ffffff !important;
}
.journey-section .journey-label {
  font-family: "SF Pro Display", -apple-system, system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 .1rem !important;
  line-height: 1.3 !important;
}
.journey-section .journey-desc {
  color: #6e6e73 !important;
  font-size: .88rem !important;
  line-height: 1.35 !important;
  min-height: auto !important;
  margin: 0 !important;
}
.journey-section .journey-stage--active .journey-label { color: #0071e3 !important; }
.journey-section .journey-cta {
  color: #0071e3 !important;
  font-size: .88rem !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  opacity: .65 !important;
  transition: opacity .15s ease !important;
}
.journey-section .journey-stage:hover .journey-cta,
.journey-section .journey-stage--active .journey-cta { opacity: 1 !important; }

/* The label + desc share column 2 of the grid — wrap them in a stack */
.journey-section .journey-stage > .journey-label,
.journey-section .journey-stage > .journey-desc { grid-column: 2; }
.journey-section .journey-stage > .journey-cta { grid-column: 3; }
.journey-section .journey-stage > .journey-num { grid-column: 1; grid-row: 1 / span 2; }

@media (max-width: 540px) {
  .journey-section .journey-stage {
    grid-template-columns: 44px 1fr !important;
    gap: 1rem !important;
    padding: 1.1rem 0 !important;
  }
  .journey-section .journey-stage > .journey-cta {
    grid-column: 2 !important;
    opacity: 1 !important;
    font-size: .82rem !important;
    margin-top: .3rem !important;
  }
}

/* Trust strip — clean Aurora row */
.journey-section .trust-strip {
  border-top: 1px solid #d2d2d7 !important;
  margin-top: 2.5rem !important;
  padding-top: 1.8rem !important;
  color: #6e6e73 !important;
}
.journey-section .trust-strip strong { color: #1d1d1f !important; font-weight: 600 !important; }
.journey-section .trust-strip a { color: #0071e3 !important; }

/* ── Hugo article extras ────────────────────────────────────────────────── */
/* The sticky reading-bar CTA on guide articles + inline word highlights */
.reading-cta-bar,
.sticky-cta,
[class*="cta-strip"] {
  background: #1d1d1f !important;
}
.reading-cta-bar a,
.reading-cta-bar strong,
.sticky-cta a,
.sticky-cta strong { color: #0071e3 !important; }
.reading-cta-bar .btn,
.reading-cta-bar a.btn-primary,
.sticky-cta .btn,
[class*="cta-strip"] .btn {
  background: #0071e3 !important;
  color: #fff !important;
  border-radius: 999px !important;
}

/* TL;DR / keytakeaway / pullquote shortcodes — Aurora blue accent stripe */
.tldr,
.key-takeaway,
.keytakeaway,
.pullquote,
blockquote.tldr {
  background: #f5fbff !important;
  border-left: 3px solid #0071e3 !important;
}

/* Article taxonomy / category pills */
.category-pill,
.tag-pill,
.taxonomy-pill,
.cat-pill,
[class*="filter-pill"] {
  background: #f5f5f7 !important;
  color: #1d1d1f !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 999px !important;
}
.category-pill.active,
.tag-pill.active,
[class*="filter-pill"].active,
[class*="filter-pill"][aria-current] {
  background: #0071e3 !important;
  color: #ffffff !important;
  border-color: #0071e3 !important;
}

/* Breadcrumb links */
.breadcrumb a, nav.breadcrumb a { color: #6e6e73 !important; }
.breadcrumb a:hover { color: #0071e3 !important; }
.breadcrumb .current,
.breadcrumb [aria-current] { color: #1d1d1f !important; }

/* TOC sidebar links */
.toc a, .table-of-contents a, [class*="toc"] a { color: #424245 !important; }
.toc a:hover, .table-of-contents a:hover { color: #0071e3 !important; }
.toc h2, .toc h3, .table-of-contents h2 { color: #1d1d1f !important; letter-spacing: 0.06em; font-size: 0.78rem; }

/* Article body links */
article a, main a, .article-body a, .post-content a, .post-body a {
  color: #0071e3;
  text-decoration: underline;
  text-decoration-color: rgba(0, 113, 227, 0.3);
  text-underline-offset: 3px;
}
article a:hover, main a:hover { text-decoration-color: #0071e3; }
article a.btn-primary,
article a.btn,
article a[class*="btn"] { text-decoration: none; }

/* Reading-progress bar at top */
.reading-progress {
  background: #0071e3 !important;
}

/* ── Listing-page article cards (Hugo /categories/ + /tags/) ────────────── */
/* The card-header partial uses purple/indigo gradients per category. Override
 * them all with subtle Aurora tints so the listing pages feel cohesive. */
.post-card__header,
.post-card__header--default,
.post-card__header--formatting,
.post-card__header--troubleshooting,
.post-card__header--publishing,
.post-card__header--comparisons {
  background: linear-gradient(135deg, #f5f5f7 0%, #fbfbfd 50%, #eef2f7 100%) !important;
  position: relative !important;
}
.post-card__header-accent {
  background: linear-gradient(135deg, rgba(0, 113, 227, 0.08) 0%, transparent 70%) !important;
}
.post-card__header-badge {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #1d1d1f !important;
  border: 1px solid #d2d2d7 !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}
.post-card,
.post-card__inner {
  border: 1px solid #d2d2d7 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease !important;
}
.post-card:hover {
  border-color: #0071e3 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 113, 227, 0.08) !important;
}
.post-card__title,
.post-card h2,
.post-card h3 {
  color: #1d1d1f !important;
  font-family: "SF Pro Display", -apple-system, system-ui, sans-serif !important;
}
.post-card__excerpt,
.post-card__meta { color: #6e6e73 !important; }
.post-card__meta time,
.post-card__meta .reading-time { color: #86868b !important; }

/* ── Dark "moments" that MUST stay dark — Aurora design allows them ─────── */
/* These sections were originally dark with white text. Aurora flipped most
 * backgrounds to white, leaving these with white-on-white invisibility.
 * Restore them as dark Aurora gradients (matching the audit tool's pattern). */

/* Homepage trust section + testimonials */
.trust-section,
section.trust-section,
.testimonials,
section.testimonials,
section[class*="trust"][class*="section"] {
  background: linear-gradient(135deg, #1d1d1f 0%, #0a3a8f 100%) !important;
  color: #ffffff !important;
}
.trust-section h2,
.trust-section h3,
.testimonials h2,
.testimonials h3 { color: #ffffff !important; }
.trust-section p,
.testimonials p { color: #e2e8f0 !important; }
.trust-section .trust-stat,
.trust-section [class*="stat"] strong,
.trust-section .stat-num,
.trust-stat__num { color: #4d9fff !important; }
.trust-section a,
.testimonials a { color: #4d9fff !important; }

/* Testimonial cards on /format/, /launch/ etc. (Sarah M. / James T. / Rebecca L.) */
.testimonial-card,
[class*="testimonial-card"] {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 16px !important;
}
.testimonial-card p,
.testimonial-card__text { color: #e2e8f0 !important; }
.testimonial-card__author,
.testimonial-card [class*="author"] { color: #4d9fff !important; }
.testimonial-card__role,
.testimonial-card [class*="role"] { color: #94a3b8 !important; }
.testimonial-card__stars,
.testimonial-card [class*="stars"] { color: #fbbf24 !important; }

/* Section with inline `background:#1A1A1A` (testimonials block on /format/) */
section[style*="background:#1A1A1A"],
section[style*="background:#1a1a1a"] {
  background: linear-gradient(135deg, #1d1d1f 0%, #0a3a8f 100%) !important;
}
section[style*="background:#1A1A1A"] h1,
section[style*="background:#1A1A1A"] h2,
section[style*="background:#1A1A1A"] h3,
section[style*="background:#1a1a1a"] h1,
section[style*="background:#1a1a1a"] h2,
section[style*="background:#1a1a1a"] h3 {
  color: #ffffff !important;
}
section[style*="background:#1A1A1A"] p,
section[style*="background:#1a1a1a"] p { color: #e2e8f0 !important; }
section[style*="background:#1A1A1A"] .section-title h2,
section[style*="background:#1a1a1a"] .section-title h2 { color: #ffffff !important; }

/* CTA banner pattern (homepage "Ready to format your romance novel?" etc.) */
.cta-banner,
section.cta-banner,
section[style*="background:linear-gradient(135deg, #6B21A8"],
section[style*="background:linear-gradient(135deg,#6B21A8"],
div[style*="background:linear-gradient(135deg, #6B21A8"],
div[style*="background:linear-gradient(135deg,#6B21A8"] {
  background: linear-gradient(135deg, #1d1d1f 0%, #0071e3 100%) !important;
  color: #ffffff !important;
}
.cta-banner h1,
.cta-banner h2,
.cta-banner h3,
.cta-banner p,
section.cta-banner h1,
section.cta-banner h2,
section.cta-banner h3 { color: #ffffff !important; }
.cta-banner p,
section.cta-banner p { color: #c8e1ff !important; }
.cta-banner a,
section.cta-banner a { color: #ffffff !important; }

/* 47-Point Checklist footer-CTA card — Hugo's class is `footer-cta-*` (with "er") */
/* The site footer has a dark BG; the CTA cards sit inside it as semi-transparent.
 * They need light text on the dark site-footer surface. */
.footer-cta-card,
.footer-cta-audit,
.footer-cta-pdf,
[class*="footer-cta-card"]:not([class*="footer-cta-card__"]):not(.footer-cta-icon):not(.footer-cta-body):not(.footer-cta-btn):not(.footer-cta-btn-outline) {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  transition: background .15s ease, border-color .15s ease, transform .15s ease !important;
}
/* Reset footer-cta-icon — should be just the emoji */
.footer-cta-icon {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  font-size: 1.8rem !important;
}
.footer-cta-card:hover,
.footer-cta-audit:hover,
.footer-cta-pdf:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(0, 113, 227, 0.55) !important;
  transform: translateY(-2px);
}
.footer-cta-card h3,
.footer-cta-pdf h3,
.footer-cta-audit h3,
.footer-cta-body h3 { color: #ffffff !important; }
.footer-cta-card p,
.footer-cta-pdf p,
.footer-cta-audit p,
.footer-cta-body p { color: #e2e8f0 !important; }
.footer-cta-card a,
.footer-cta-audit a,
.footer-cta-pdf a { color: #4d9fff !important; }
.footer-cta-btn,
a.footer-cta-btn {
  background: #0071e3 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: .6rem 1.1rem !important;
  display: inline-block !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.footer-cta-btn:hover { background: #0077ed !important; }
.footer-cta-btn-outline,
a.footer-cta-btn-outline {
  background: transparent !important;
  border: 1.5px solid #4d9fff !important;
  color: #4d9fff !important;
  border-radius: 999px !important;
  padding: .5rem 1.1rem !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.footer-cta-card:hover a.footer-cta-btn-outline,
.footer-cta-pdf:hover a.footer-cta-btn-outline {
  background: #4d9fff !important;
  color: #1d1d1f !important;
}

/* Homepage "47-point KDP Readiness Checklist" promo section — dark Aurora */
section[class*="checklist"]:not([class*="footer"]),
section[id*="checklist"],
div[class*="checklist-promo"],
section[style*="background:linear-gradient(135deg, #4338ca"],
section[style*="background:linear-gradient(135deg,#4338ca"],
section[style*="background: linear-gradient(135deg, #4338ca"] {
  background: linear-gradient(135deg, #1d1d1f 0%, #0a3a8f 100%) !important;
  color: #ffffff !important;
}
section[class*="checklist"]:not([class*="footer"]) h2,
section[class*="checklist"]:not([class*="footer"]) h3,
section[class*="checklist"]:not([class*="footer"]) p,
section[class*="checklist"]:not([class*="footer"]) li,
section[class*="checklist"]:not([class*="footer"]) a {
  color: #ffffff !important;
}
section[class*="checklist"]:not([class*="footer"]) p,
section[class*="checklist"]:not([class*="footer"]) li { color: #e2e8f0 !important; }
section[class*="checklist"]:not([class*="footer"]) a { color: #4d9fff !important; }

/* Homepage 47-point promo with class .checklist-promo or similar */
section.checklist-promo,
section.checklist-card-section,
[id="checklist-section"],
section[style*="linear-gradient(135deg, #1e1b4b"],
section[style*="linear-gradient(135deg,#1e1b4b"] {
  background: linear-gradient(135deg, #1d1d1f 0%, #0a3a8f 100%) !important;
  color: #ffffff !important;
}
section.checklist-promo h1, section.checklist-promo h2,
section.checklist-promo h3, section.checklist-promo h4 { color: #ffffff !important; }
section.checklist-promo p { color: #e2e8f0 !important; }
section.checklist-promo li { color: #e2e8f0 !important; }
section.checklist-promo a { color: #4d9fff !important; }

/* Logo .co.uk warm grey → Aurora ink-60 for better contrast */
.site-logo .domain,
a.site-logo .domain,
header [class*="logo"] [class*="domain"],
.site-logo span[style*="#a5a094"],
header a[class*="logo"] span {
  color: #6e6e73 !important;
}

/* Read-time + meta text on guides listing — bump from #9ca3af (2.54) to ink-60 */
.post-card__meta,
.post-card__meta time,
.post-card__meta .reading-time,
.post-card__date,
.post-card__readtime,
.guide-card__meta,
.guide-card__meta time,
.guide-card__meta .reading-time,
.guide-card__date,
.guides-section__count,
.tool-showcase-card__cta,
.tools-meta,
.list-meta,
.cat-section__meta p,
[class*="-meta"] p,
[class*="readtime"],
span.reading-time {
  color: #6e6e73 !important;
}

/* Homepage hand-coded logo (inline-styled span.domain) — force visible grey */
header .site-logo .domain,
header a.site-logo .domain,
.site-header .site-logo .domain,
.site-header a.site-logo span,
a[class*="logo"] [class*="domain"],
a.site-logo span.domain {
  color: #6e6e73 !important;
}

/* Inline-styled warm grey `.co.uk` brand mark in hand-coded footers */
[style*="color:#a5a094"],
[style*="color: #a5a094"],
[style*="color:#A5A094"],
[style*="color: #A5A094"] {
  color: #6e6e73 !important;
}

/* /order/-page inline 47-point Checklist card uses class `of-cta-*` (audit + pdf variants) */
.of-cta-card,
a.of-cta-card,
.of-cta-card--audit,
.of-cta-card--pdf,
a.of-cta-card--audit,
a.of-cta-card--pdf,
[class*="of-cta-card"]:not([class*="of-cta-card__"]):not(.of-cta-icon):not(.of-cta-body):not(.of-cta-btn) {
  background: linear-gradient(135deg, #fbfbfd 0%, #f5fbff 100%) !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  display: flex !important;
  color: #1d1d1f !important;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease !important;
}
.of-cta-card:hover,
.of-cta-card--audit:hover,
.of-cta-card--pdf:hover {
  border-color: #0071e3 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 113, 227, 0.10) !important;
}
.of-cta-card h3,
.of-cta-card--audit h3,
.of-cta-card--pdf h3,
.of-cta-body h3 { color: #1d1d1f !important; }
.of-cta-card p,
.of-cta-card--audit p,
.of-cta-card--pdf p,
.of-cta-body p { color: #424245 !important; }
.of-cta-btn,
span.of-cta-btn,
.of-cta-card .of-cta-btn,
.of-cta-card--audit .of-cta-btn,
.of-cta-card--pdf .of-cta-btn {
  background: #0071e3 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  display: inline-block !important;
  padding: .55rem 1.1rem !important;
  font-weight: 600 !important;
  margin-top: .5rem !important;
}

/* Newsletter blurb on homepage with inline #e2e8f0 on white */
[style*="color:#e2e8f0"],
[style*="color: #e2e8f0"] {
  color: #424245 !important;
}
/* But if the parent has a dark background, this would re-break things —
 * scope the fallback to elements whose direct parent looks dark-bg via
 * a sibling rule. Hard to do without :has(). Pragmatic alternative:
 * the newsletter card on the homepage uses a specific class — target it. */
/* The Hugo .newsletter-cta CARD is a dark gradient — text inside must be light.
 * Keep this as the default (the card IS dark).
 * Forms placed on light page bg (different element) get handled by inline styles. */
.newsletter-cta,
[class*="newsletter-cta"]:not([class*="newsletter-cta__"]):not(.newsletter-form):not(.newsletter-disclaimer) {
  background: linear-gradient(135deg, #1d1d1f 0%, #0a3a8f 100%) !important;
  color: #ffffff !important;
  border-radius: 18px !important;
}
.newsletter-cta h1,
.newsletter-cta h2,
.newsletter-cta h3,
.newsletter-cta h4 { color: #ffffff !important; }
.newsletter-cta p,
.newsletter-cta__copy p { color: #cbd5e1 !important; }
.newsletter-cta a { color: #4d9fff !important; }
.newsletter-cta .newsletter-disclaimer,
.newsletter-cta .newsletter-disclaimer p { color: #94a3b8 !important; font-size: .82rem !important; }
.newsletter-cta .newsletter-disclaimer a { color: #4d9fff !important; }
.newsletter-cta input[type="email"],
.newsletter-form input[type="email"] {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
}
.newsletter-cta input[type="email"]::placeholder { color: #94a3b8 !important; }
.newsletter-cta button,
.newsletter-cta input[type="submit"] {
  background: #0071e3 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}

/* Inline-styled #e2e8f0 paragraphs on light page bg (newsletter disclaimer) */
.lead-intro [style*="color:#e2e8f0"],
section.lead-intro [style*="color:#e2e8f0"],
.hero [style*="color:#e2e8f0"],
body > main [style*="color:#e2e8f0"],
.newsletter-cta [style*="color:#e2e8f0"] { color: #6e6e73 !important; }

/* Privacy link in newsletter disclaimer was Aurora light-blue (4.4d9fff)
 * on white — bump to deeper Aurora blue for proper contrast */
.newsletter-disclaimer a,
.newsletter-cta a[href*="privacy"],
p[class*="disclaimer"] a { color: #0071e3 !important; }

/* /audit/ "COMING 2027" badge — was white on warm grey (low contrast) */
[class*="coming-2027"],
.audit-cards [class*="coming"],
.door-card [class*="coming"],
span[style*="background:#a5a094"],
span[style*="background: #a5a094"] {
  background: #1d1d1f !important;
  color: #ffffff !important;
}

/* /order/ "Accepted file types" hint text */
.upload-area .upload-hint,
.file-types-hint,
p[style*="font-size:.78rem"][style*="color:#94a3b8"],
p[style*="color:#94a3b8"] { color: #6e6e73 !important; }

/* /order/ inline-styled 47-point Checklist green card */
.order-form ~ [style*="background:linear-gradient(135deg,rgba(16,185,129"],
.order-form ~ [style*="background: linear-gradient(135deg, rgba(16,185,129"],
[style*="background:linear-gradient(135deg,rgba(16,185,129"],
[style*="background: linear-gradient(135deg, rgba(16,185,129"] {
  background: linear-gradient(135deg, rgba(0, 113, 227, 0.10), rgba(0, 113, 227, 0.03)) !important;
  border-color: rgba(0, 113, 227, 0.38) !important;
}
[style*="background:linear-gradient(135deg,rgba(16,185,129"] h3,
[style*="background: linear-gradient(135deg, rgba(16,185,129"] h3 { color: #1d1d1f !important; }
[style*="background:linear-gradient(135deg,rgba(16,185,129"] p,
[style*="background: linear-gradient(135deg, rgba(16,185,129"] p { color: #424245 !important; }
[style*="background:linear-gradient(135deg,rgba(16,185,129"] a,
[style*="background: linear-gradient(135deg, rgba(16,185,129"] a {
  color: #0071e3 !important;
  background: transparent !important;
  border: 1.5px solid #0071e3 !important;
  border-radius: 999px !important;
  padding: .5rem 1.1rem !important;
  display: inline-block !important;
}

/* Hugo article card banner override — beat the per-category specificity */
.post-card__header.post-card__header--default,
.post-card__header.post-card__header--formatting,
.post-card__header.post-card__header--troubleshooting,
.post-card__header.post-card__header--publishing,
.post-card__header.post-card__header--comparisons,
div.post-card__header[class*="post-card__header--"] {
  background: linear-gradient(135deg, #f5f5f7 0%, #fbfbfd 50%, #eef2f7 100%) !important;
}
.post-card__header.post-card__header--default .post-card__header-accent,
.post-card__header[class*="post-card__header--"] .post-card__header-accent {
  background: linear-gradient(135deg, rgba(0, 113, 227, 0.08) 0%, transparent 70%) !important;
}

/* Logo .co.uk warm grey → Aurora ink-60 */
.site-logo .domain,
a.site-logo .domain,
header [class*="logo"] [class*="domain"] {
  color: #6e6e73 !important;
}

/* "COMING 2027" badge — boost contrast */
[class*="coming-2027"],
[class*="coming-soon"],
span[class*="badge"]:not(.post-card__header-badge) {
  /* leave most badges alone, just darken if low-contrast */
}

/* Audit page hero badges that lost contrast */
.audit-cards .door-card .label,
.door-card .label[style*="color"] { color: #0071e3 !important; }

/* Stats text on light backgrounds — was light grey, force ink-60 */
.tools-meta,
[class*="-meta"] p,
.list-meta {
  color: #6e6e73 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
 * AURORA VISUAL MODERNIZATION PASS
 *
 * The contrast pass made everything readable; this pass makes everything
 * actually look like Aurora — Apple-restrained, white backgrounds, single
 * blue accent, hairline borders, no legacy purple gradients.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── Hugo guide cards — visual banners + badges + CTAs ──────────────────── */
/* The actual class is `.guide-card__visual` (NOT `.post-card__header`). My
 * earlier card-header rule was matching the wrong namespace. */
.guide-card,
article.guide-card,
[class*="guide-card"]:not([class*="guide-card__"]) {
  background: #ffffff !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease !important;
}
.guide-card:hover {
  border-color: #0071e3 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 113, 227, 0.08) !important;
}

/* The purple banner ABOVE every card title — Aurora-ify */
.guide-card__visual,
.guide-card__visual--default,
.guide-card__visual--formatting,
.guide-card__visual--troubleshooting,
.guide-card__visual--publishing,
.guide-card__visual--comparisons,
.guide-card__visual--marketing,
.guide-card__visual--design,
[class*="guide-card__visual"] {
  background: linear-gradient(135deg, #f5f5f7 0%, #fbfbfd 50%, #eef4fb 100%) !important;
  border-bottom: 1px solid #d2d2d7 !important;
}
.guide-card__visual-shapes,
[class*="guide-card__visual-shapes"] {
  background: radial-gradient(circle at 70% 30%, rgba(0, 113, 227, 0.10), transparent 60%),
              radial-gradient(circle at 30% 70%, rgba(0, 113, 227, 0.05), transparent 50%) !important;
}
.guide-card__visual-icon,
[class*="guide-card__visual-icon"] {
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 10px !important;
  color: #0071e3 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}
.guide-card__visual-icon svg { color: #0071e3 !important; stroke: #0071e3 !important; }

/* Card body */
.guide-card__body,
[class*="guide-card__body"] { background: #ffffff !important; }

/* Category badge — was #6366f1 indigo, now Aurora blue */
.guide-card__badge,
[class*="guide-card__badge"] {
  background: #f5fbff !important;
  color: #0071e3 !important;
  border: 1px solid rgba(0, 113, 227, 0.25) !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  border-radius: 999px !important;
  padding: .25rem .7rem !important;
  font-size: .68rem !important;
  text-transform: uppercase !important;
}

/* Card title */
.guide-card__title,
.guide-card__title a {
  color: #1d1d1f !important;
  font-family: "SF Pro Display", -apple-system, system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
}
.guide-card__excerpt { color: #6e6e73 !important; }

/* "Read →" CTA — was indigo, now Aurora blue */
.guide-card__cta,
[class*="guide-card__cta"],
a.guide-card__cta {
  color: #0071e3 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

/* Footer meta inside card */
.guide-card__footer,
.guide-card__meta {
  color: #6e6e73 !important;
  border-top: 1px solid #d2d2d7 !important;
}
.guide-card__meta svg { color: #6e6e73 !important; }

/* ── "Interactive Tools & Calculators" section — lavender gradient → Aurora */
.guides-section.guides-tools-featured,
section.guides-tools-featured,
[class*="guides-tools-featured"] {
  background: linear-gradient(135deg, #fbfbfd 0%, #f5fbff 100%) !important;
  border-top: 1px solid #d2d2d7 !important;
  border-bottom: 1px solid #d2d2d7 !important;
}

/* Tool showcase cards (the wrench/calc/palette icon cards) */
/* IMPORTANT: scope the wildcard to NOT match `.tool-showcase-card__*` children.
 * Without the :not() this rule applies the card border+radius to the icon DIV
 * which then renders as a horizontal pill stripe next to the emoji. */
.tool-showcase-card,
a.tool-showcase-card,
[class*="tool-showcase-card"]:not([class*="tool-showcase-card__"]) {
  background: #ffffff !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 18px !important;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease !important;
  text-decoration: none !important;
}
/* Reset the icon explicitly — no border, no background, no rounded pill */
.tool-showcase-card__icon,
a.tool-showcase-card .tool-showcase-card__icon {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  margin-bottom: .75rem !important;
  opacity: 0.95 !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  box-shadow: none !important;
}
.tool-showcase-card:hover {
  border-color: #0071e3 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 113, 227, 0.08) !important;
}
.tool-showcase-card__icon { font-size: 1.6rem !important; opacity: 0.95 !important; }
.tool-showcase-card__title {
  color: #1d1d1f !important;
  font-family: "SF Pro Display", -apple-system, system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
}
.tool-showcase-card__desc { color: #6e6e73 !important; line-height: 1.5 !important; }
.tool-showcase-card__cta {
  color: #0071e3 !important;
  font-weight: 500 !important;
}

/* ── Guides section dividers + headers ──────────────────────────────────── */
.guides-section__header {
  border-bottom: none !important;
}
.guides-section__title {
  font-family: "SF Pro Display", -apple-system, system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  color: #1d1d1f !important;
}
.guides-section__count {
  color: #86868b !important;
  font-size: .82rem !important;
}
.guides-section__icon { color: #0071e3 !important; }
.guides-section__divider {
  background: linear-gradient(to right, #d2d2d7, transparent) !important;
  height: 1px !important;
}

/* ── Filter pills at the top of /guides/ ────────────────────────────────── */
.cat-nav,
.cat-nav__row,
.guides-filter,
[class*="cat-nav"] {
  gap: .55rem !important;
}
.cat-nav__pill,
.cat-pill,
.filter-pill,
[class*="cat-nav__pill"]:not(.active):not([aria-current]) {
  background: #ffffff !important;
  color: #1d1d1f !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 999px !important;
  font-weight: 500 !important;
  padding: .45rem .9rem !important;
  font-size: .88rem !important;
  transition: border-color .15s ease, background .15s ease !important;
}
.cat-nav__pill:hover,
.cat-pill:hover {
  border-color: #0071e3 !important;
  color: #0071e3 !important;
  background: #ffffff !important;
}
.cat-nav__pill.active,
.cat-nav__pill[aria-current],
.cat-pill.active,
.filter-pill.active {
  background: #0071e3 !important;
  color: #ffffff !important;
  border-color: #0071e3 !important;
}
.cat-nav__pill .count,
.cat-pill .count,
[class*="pill"] .count,
[class*="pill"] [class*="count"] {
  background: rgba(0, 0, 0, 0.06) !important;
  color: inherit !important;
  font-weight: 600 !important;
  padding: .1rem .45rem !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  margin-left: .35rem !important;
}
.cat-nav__pill.active .count,
.cat-pill.active .count {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

/* Search box on /guides/ */
.guides-search,
[class*="guides-search"],
.search-input-wrap {
  background: #ffffff !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 999px !important;
}
.guides-search input,
.search-input,
input[type="search"] {
  background: transparent !important;
  border: none !important;
  font-size: .92rem !important;
  color: #1d1d1f !important;
}
.guides-search input::placeholder { color: #86868b !important; }
.guides-search:focus-within,
.search-input-wrap:focus-within {
  border-color: #0071e3 !important;
  box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.12) !important;
}

/* ── Article TL;DR / keytakeaway box — Aurora blue accent ───────────────── */
.tldr,
.tldr-box,
blockquote.tldr,
.key-takeaway,
.keytakeaway,
div[class*="tldr"],
blockquote[class*="tldr"] {
  background: #f5fbff !important;
  border-left: 3px solid #0071e3 !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 12px 12px 0 !important;
  padding: 1.25rem 1.5rem !important;
}
.tldr-label,
.tldr [class*="label"],
.tldr strong:first-child,
.tldr p:first-child > strong:first-child {
  color: #0071e3 !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
}
.tldr p, .tldr li { color: #1d1d1f !important; }

/* ── Article header on guide pages — tighten ─────────────────────────────── */
.article-header,
.post-header,
.single-header {
  background: #ffffff !important;
  padding-top: 3rem !important;
  padding-bottom: 1.5rem !important;
  border-bottom: 1px solid #d2d2d7 !important;
}
.article-header__meta,
.post-header__meta {
  color: #6e6e73 !important;
}
.article-header__meta svg { color: #86868b !important; }
.article-header__category,
[class*="article-header__category"],
.post-category {
  background: #f5fbff !important;
  color: #0071e3 !important;
  border: 1px solid rgba(0, 113, 227, 0.25) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  padding: .3rem .85rem !important;
  font-size: .72rem !important;
  text-transform: uppercase !important;
}

/* Author byline in articles */
.article-author,
.post-author,
.byline {
  color: #6e6e73 !important;
}
.article-author a,
.post-author a,
.byline a {
  color: #1d1d1f !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(0, 113, 227, 0.3) !important;
  text-underline-offset: 3px !important;
}

/* Share row icons */
.social-share__btn,
.share-btn {
  background: #f5f5f7 !important;
  border: 1px solid #d2d2d7 !important;
  color: #1d1d1f !important;
  border-radius: 999px !important;
  width: 36px !important;
  height: 36px !important;
}
.social-share__btn:hover,
.share-btn:hover {
  background: #ffffff !important;
  border-color: #0071e3 !important;
  color: #0071e3 !important;
}

/* ── Sidebar cards (TOC, newsletter, pre-flight) ────────────────────────── */
.sidebar-card,
aside .sidebar-card {
  background: #ffffff !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 16px !important;
  padding: 1.25rem !important;
}
.sidebar-card h4 {
  color: #1d1d1f !important;
  font-family: "SF Pro Display", -apple-system, system-ui, sans-serif !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin: 0 0 1rem !important;
}
#toc-sidebar nav ul,
.sidebar-card nav ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
#toc-sidebar a,
.sidebar-card nav a {
  color: #424245 !important;
  text-decoration: none !important;
  font-size: .9rem !important;
  padding: .35rem 0 !important;
  display: block !important;
}
#toc-sidebar a:hover,
.sidebar-card nav a:hover { color: #0071e3 !important; }

/* The dark "Pre-flight your file" sidebar card */
.sidebar-card[style*="background:var(--navy)"],
.sidebar-card[style*="background: var(--navy)"] {
  background: linear-gradient(135deg, #1d1d1f 0%, #0a3a8f 100%) !important;
  border: none !important;
}
.sidebar-card[style*="background:var(--navy)"] h4,
.sidebar-card[style*="background: var(--navy)"] h4 { color: #ffffff !important; }
.sidebar-card[style*="background:var(--navy)"] p,
.sidebar-card[style*="background: var(--navy)"] p { color: #cbd5e1 !important; }
.sidebar-card[style*="background:var(--navy)"] a.btn,
.sidebar-card[style*="background: var(--navy)"] a.btn {
  background: #0071e3 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: .75rem 1.2rem !important;
}

/* ── Article body typography refinements (the "Apple" feel) ─────────────── */
.article-content,
.post-content,
.article-body,
article > .container > div:not([class*="card"]):not([class*="cta"]):not([class*="sidebar"]) {
  font-family: "SF Pro Text", -apple-system, system-ui, sans-serif !important;
  color: #1d1d1f !important;
}
.article-content p,
.post-content p,
.article-body p {
  color: #1d1d1f !important;
  line-height: 1.65 !important;
  font-size: 1.05rem !important;
}
.article-content h2,
.post-content h2,
.article-body h2 {
  font-family: "SF Pro Display", -apple-system, system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  color: #1d1d1f !important;
  margin-top: 2.5rem !important;
  margin-bottom: 1rem !important;
}
.article-content h3,
.post-content h3,
.article-body h3 {
  font-family: "SF Pro Display", -apple-system, system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: #1d1d1f !important;
  margin-top: 2rem !important;
}
.article-content blockquote,
.post-content blockquote {
  border-left: 3px solid #0071e3 !important;
  padding-left: 1.25rem !important;
  color: #1d1d1f !important;
  font-style: italic !important;
  margin: 1.5rem 0 !important;
}
.article-content ul li::marker,
.post-content ul li::marker { color: #0071e3 !important; }
.article-content a:not(.btn):not([class*="btn"]):not([style*="background"]):not([style*="color:#fff"]):not([style*="color: #fff"]),
.post-content a:not(.btn):not([class*="btn"]):not([style*="background"]):not([style*="color:#fff"]):not([style*="color: #fff"]) {
  color: #0071e3 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(0, 113, 227, 0.35) !important;
  text-underline-offset: 3px !important;
}

/* ── Tables in articles ─────────────────────────────────────────────────── */
.article-content table,
.post-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 1.5rem 0 !important;
  font-size: .92rem !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #d2d2d7 !important;
}
.article-content table th,
.post-content table th {
  background: #f5f5f7 !important;
  color: #1d1d1f !important;
  font-weight: 600 !important;
  text-align: left !important;
  padding: .85rem 1rem !important;
  border-bottom: 1px solid #d2d2d7 !important;
}
.article-content table td,
.post-content table td {
  padding: .75rem 1rem !important;
  border-bottom: 1px solid #d2d2d7 !important;
  color: #424245 !important;
}
.article-content table tr:last-child td { border-bottom: none !important; }

/* ── Code blocks ────────────────────────────────────────────────────────── */
.article-content code,
.post-content code,
code:not(pre code) {
  background: #f5f5f7 !important;
  color: #1d1d1f !important;
  border-radius: 6px !important;
  padding: .15rem .4rem !important;
  font-family: "SF Mono", ui-monospace, Menlo, monospace !important;
  font-size: .9em !important;
  border: 1px solid #d2d2d7 !important;
}
.article-content pre,
.post-content pre,
pre {
  background: #1d1d1f !important;
  color: #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 1.25rem !important;
  font-family: "SF Mono", ui-monospace, Menlo, monospace !important;
  overflow-x: auto !important;
}
.article-content pre code,
.post-content pre code,
pre code {
  background: transparent !important;
  border: none !important;
  color: inherit !important;
  padding: 0 !important;
}

/* ── Reading-progress bar (Aurora blue) ─────────────────────────────────── */
.reading-progress {
  background: linear-gradient(to right, #0071e3, #4d9fff) !important;
  height: 3px !important;
}

/* ── Related-articles section at end of articles ────────────────────────── */
.related-articles,
.related-posts,
[class*="related"] {
  background: #fbfbfd !important;
  border-top: 1px solid #d2d2d7 !important;
}
.related-articles h2,
.related-articles h3 {
  font-family: "SF Pro Display", -apple-system, system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  color: #1d1d1f !important;
}

/* ── Spine-width reference library card on /guides/ — keep dark Aurora ─── */
/* Inline-styled with `<a class="guide-card spine-ref-library" style="background:linear-gradient(135deg,#1A1A1A...)">` —
 * my .guide-card override strips the bg. Restore Aurora dark gradient. */
.guide-card.spine-ref-library,
a.guide-card.spine-ref-library,
[class~="spine-ref-library"] {
  background: linear-gradient(135deg, #1d1d1f 0%, #0a3a8f 100%) !important;
  border: 1px solid rgba(77, 159, 255, 0.3) !important;
  color: #ffffff !important;
}
.guide-card.spine-ref-library *,
a.guide-card.spine-ref-library *,
[class~="spine-ref-library"] * {
  color: inherit !important;
}
.guide-card.spine-ref-library div,
.guide-card.spine-ref-library [style*="color:#fff"] { color: #ffffff !important; }
.guide-card.spine-ref-library p,
.guide-card.spine-ref-library [style*="color:#cbd5e1"] { color: #cbd5e1 !important; }
.guide-card.spine-ref-library [style*="color:#a78bfa"] { color: #4d9fff !important; }
.guide-card.spine-ref-library:hover {
  border-color: #4d9fff !important;
  transform: translateY(-2px) !important;
}

/* Legacy purple inline buttons (#6b21a8) → Aurora blue */
a[style*="background:#6b21a8"],
a[style*="background: #6b21a8"],
a[style*="background:#6B21A8"],
a[style*="background: #6B21A8"] {
  background: #0071e3 !important;
  color: #ffffff !important;
}
a[style*="background:0 0"][style*="color:#6b21a8"],
a[style*="color:#6b21a8"][style*="border"],
a[style*="color: #6b21a8"][style*="border"] {
  background: transparent !important;
  color: #0071e3 !important;
  border-color: #0071e3 !important;
}
[style*="color:#6b21a8"]:not([style*="background:#6b21a8"]):not([style*="background: #6b21a8"]) {
  color: #0071e3 !important;
}
[style*="border:2px solid #6b21a8"],
[style*="border: 2px solid #6b21a8"] {
  border-color: #0071e3 !important;
}

/* ── Reduce motion — disable transitions/transforms ─────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .pricing-card:hover,
  .door-card:hover,
  .btn-primary:hover,
  a.btn-primary:hover { transform: none !important; transition: none !important; }
}

/* v24 — KDP-93 — kill remaining indigo on Hugo filter pills */
.guides-pill,
button.guides-pill,
[class*="guides-pill"]:not([class*="guides-pill__"]) {
  background:#fff !important;
  border:1px solid #d2d2d7 !important;
  color:#1d1d1f !important;
  border-radius:999px !important;
  font-weight:500 !important;
  transition:all .18s ease !important;
}
.guides-pill:hover { border-color:#0071e3 !important; color:#0071e3 !important; }
.guides-pill.guides-pill--active,
.guides-pill--active,
button.guides-pill--active {
  background:#0071e3 !important;
  border-color:#0071e3 !important;
  color:#fff !important;
}
.guides-pill__count { background:rgba(0,0,0,0.06) !important; color:inherit !important; border-radius:999px !important; padding:.1em .55em !important; font-size:.85em !important; }
.guides-pill--active .guides-pill__count { background:rgba(255,255,255,0.22) !important; color:#fff !important; }

/* === v25 — KDP-93 — kill remaining purple/indigo across articles + homepage === */

/* Hugo article category badge — was purple-tinted */
.post-card__category,
span.post-card__category,
a.post-card__category {
  background:rgba(0,113,227,0.08) !important;
  color:#0071e3 !important;
  border:1px solid rgba(0,113,227,0.18) !important;
  border-radius:999px !important;
  padding:.3em .9em !important;
  font-weight:600 !important;
  letter-spacing:.02em !important;
}

/* Inline-styled purple circle steps in articles */
span[style*="background:#6b21a8"],
span[style*="background: #6b21a8"],
div[style*="background:#6b21a8"],
div[style*="background: #6b21a8"],
[style*="background:#5b21b6"],
[style*="background: #5b21b6"] {
  background:#0071e3 !important;
  color:#fff !important;
}
[style*="color:#6b21a8"],
[style*="color: #6b21a8"],
[style*="color:#5b21b6"],
[style*="color: #5b21b6"],
[style*="color:#a78bfa"],
[style*="color: #a78bfa"] {
  color:#0071e3 !important;
}
[style*="border-color:#a78bfa"],
[style*="border-color: #a78bfa"],
[style*="border:#a78bfa"],
[style*="border-color:#c7d2fe"],
[style*="border-color: #c7d2fe"] {
  border-color:#d2d2d7 !important;
}

/* Author bio purple borders */
.author-bio,
.article-author,
[class*="author-bio"] {
  border-color:#d2d2d7 !important;
  background:#f5f5f7 !important;
}
.author-bio__headshot,
.author-bio img,
[class*="author"][class*="headshot"],
[class*="author"][class*="avatar"] {
  border-color:#d2d2d7 !important;
}

/* TL;DR + sidebar lavender — Aurora blue tint */
.tldr,
.tldr-box,
.article-tldr,
[class*="tldr"]:not([class*="tldr__"]) {
  background:#eff6ff !important;
  border-left:4px solid #0071e3 !important;
  color:#1d1d1f !important;
}
.tldr strong, .tldr-box strong { color:#0071e3 !important; }

/* Homepage journey-line gradient — kill purple endpoint */
.journey-line,
[class*="journey-line"] {
  background:linear-gradient(90deg, #0071e3 0%, #0077ED 50%, #6e6e73 100%) !important;
}

/* Table-header purple borders (homepage spec table) */
table th[style*="border"],
table td[style*="border"] { border-color:#d2d2d7 !important; }

/* Any remaining sole purple-class fallbacks */
[class*="badge--violet"],
[class*="badge--purple"],
[class*="--violet"],
[class*="--purple"] {
  background:rgba(0,113,227,0.08) !important;
  color:#0071e3 !important;
  border-color:rgba(0,113,227,0.18) !important;
}

/* === v26 — KDP-93 — kill purple in inline-styled lavender backgrounds === */

/* Homepage "Free · 3 pages" pill + similar inline lavender chips */
div[style*="rgba(167,139,250"],
span[style*="rgba(167,139,250"],
div[style*="rgba(167, 139, 250"],
span[style*="rgba(167, 139, 250"] {
  background:rgba(0,113,227,0.08) !important;
  border-color:rgba(0,113,227,0.22) !important;
  color:#0071e3 !important;
}

/* Lavender backgrounds — TL;DR boxes inline-styled */
[style*="background:#f5f0ff"],
[style*="background: #f5f0ff"],
[style*="background:#eef2ff"],
[style*="background: #eef2ff"],
[style*="background:#ede9fe"],
[style*="background: #ede9fe"],
[style*="background:#e0e7ff"],
[style*="background: #e0e7ff"],
[style*="background:#f3e8ff"],
[style*="background: #f3e8ff"] {
  background:#eff6ff !important;
}
[style*="border-left:4px solid var(--indigo)"],
[style*="border-left: 4px solid var(--indigo)"],
[style*="border-color:var(--indigo)"],
[style*="border-color: var(--indigo)"] {
  border-left-color:#0071e3 !important;
  border-color:#0071e3 !important;
}

/* Indigo CSS variable — force Aurora blue everywhere */
:root { --indigo:#0071e3 !important; --indigo-50:#eff6ff !important; --indigo-100:#dbeafe !important; --indigo-600:#0071e3 !important; --indigo-700:#0064c8 !important; }

/* /order/ partner anchors (Love Reading etc) - was inheriting purple */
.of-tag a,
.of-tag a:link,
.of-tag a:visited,
p.of-tag a {
  color:#0071e3 !important;
  border-color:#0071e3 !important;
  text-decoration:underline !important;
}

/* Any anchor with computed color in lavender range — fallback */
a[style*="color:#a5b4fc"],
a[style*="color: #a5b4fc"],
a[style*="color:#818cf8"],
a[style*="color: #818cf8"] {
  color:#0071e3 !important;
  border-color:#0071e3 !important;
}

/* === v27 — KDP-93 — last sweep: .desc strong, .filename, .stage-eyebrow, more inline lavenders === */

/* Hero "desc" emphasis strong elements (picture-books, cookbooks, launch) */
.desc strong, .desc b,
[class*="hero"] .desc strong,
[class*="hero"] .desc b {
  color:#0071e3 !important;
  border-color:transparent !important;
}

/* Audit-tool filename display chip */
.filename, #filename {
  color:#1d1d1f !important;
  background:#f5f5f7 !important;
  border:1px solid #d2d2d7 !important;
  border-radius:8px !important;
}

/* Stage eyebrow (FAQ + other Hugo pages) */
.stage-eyebrow {
  background:rgba(0,113,227,0.08) !important;
  color:#0071e3 !important;
  border-radius:999px !important;
}

/* More inline lavender variants */
[style*="color:#c4b5fd"], [style*="color: #c4b5fd"],
[style*="color:#ddd6fe"], [style*="color: #ddd6fe"],
[style*="color:#a5b4fc"], [style*="color: #a5b4fc"],
[style*="color:#c7d2fe"], [style*="color: #c7d2fe"] {
  color:#6e6e73 !important;
}
[style*="background:#f5f0ff"], [style*="background: #f5f0ff"],
[style*="background:#ddd6fe"], [style*="background: #ddd6fe"],
[style*="background:#c7d2fe"], [style*="background: #c7d2fe"] {
  background:rgba(0,113,227,0.08) !important;
}