/* ==========================================================================
   BO2K — Universal Editorial Book Reader & Atmosphere Themes
   Cover-inspired color palettes for landmark library editions.
   ========================================================================== */

/* Base Editorial Reader Layout */
.editorial-reading-page {
  background-color: var(--reader-bg, #F8F5EE);
  color: var(--reader-text-primary, #11110F);
  min-height: 100vh;
  padding-bottom: 6rem;
  position: relative;
  transition: background-color var(--transition-normal);
}

/* Reader Navigation & Bookmark Controls */
.editorial-reading-page .btn-ghost {
  color: var(--reader-text-primary, #11110F);
}

.editorial-reading-page .btn-ghost:hover {
  background-color: var(--reader-surface, rgba(0, 0, 0, 0.05));
  color: var(--reader-accent, #11110F);
}

.editorial-reading-page .btn-bookmark {
  color: var(--reader-text-primary, #11110F);
  border-color: var(--reader-border, #E4DDCF);
  background-color: var(--reader-surface, transparent);
}

.editorial-reading-page .btn-bookmark:hover {
  border-color: var(--reader-accent, #11110F);
  color: var(--reader-accent, #11110F);
}

.editorial-reading-page .btn-bookmark.saved {
  background-color: var(--reader-accent, #11110F);
  color: #FFFFFF;
  border-color: var(--reader-accent, #11110F);
}

/* Sticky Minimal Reading Progress Indicator */
.editorial-progress-bar-wrap {
  position: fixed;
  top: var(--header-height);
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--reader-border, #E4DDCF);
  z-index: 95;
}

.editorial-progress-bar-fill {
  height: 100%;
  background-color: var(--reader-accent, #11110F);
  width: 0%;
  transition: width 120ms ease-out;
}

/* ==========================================================================
   BOOK HERO SECTION
   ========================================================================== */
.editorial-hero-wrapper {
  max-width: var(--max-content-width);
  margin: 0 auto;
  padding: 2.5rem 1.25rem 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  text-align: center;
  border-bottom: 1px solid var(--reader-border, #E4DDCF);
}

@media (min-width: 768px) {
  .editorial-hero-wrapper {
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 3.5rem;
    padding: 3.5rem 2.5rem 4.5rem;
  }
}

.editorial-hero-cover-col {
  flex-shrink: 0;
  width: 100%;
  max-width: 240px;
}

@media (min-width: 768px) {
  .editorial-hero-cover-col {
    max-width: 270px;
  }
}

.editorial-hero-details {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 620px;
}

.editorial-hero-meta {
  font-family: var(--font-sans);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-hero-title {
  font-family: var(--font-serif);
  font-size: clamp(2.25rem, 5.5vw, 3.5rem);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--reader-text-primary, #11110F);
}

.editorial-hero-author {
  font-family: var(--font-sans);
  font-size: 0.9375rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--reader-text-muted, #726E65);
  font-weight: 500;
}

.editorial-hero-tagline {
  font-family: var(--font-serif);
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.45;
  color: var(--reader-text-secondary, #33312B);
  margin-top: 0.25rem;
}

.editorial-hero-desc {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--reader-text-secondary, #33312B);
}

.editorial-hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.75rem;
}

@media (min-width: 768px) {
  .editorial-hero-actions {
    justify-content: flex-start;
  }
}

/* ==========================================================================
   READING CONTAINER & SECTION STYLES
   ========================================================================== */
.editorial-reading-container {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 3rem 1.25rem 4rem;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

@media (min-width: 768px) {
  .editorial-reading-container {
    padding: 4.5rem 1.5rem 6rem;
    gap: 4.5rem;
  }
}

/* 1. The Whole Book in One Sentence */
.editorial-sentence-box {
  background-color: var(--reader-surface, #F3EFE6);
  border-left: 3px solid var(--reader-accent, #11110F);
  padding: 1.75rem 1.5rem;
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  box-shadow: 0 4px 18px rgba(17, 17, 15, 0.04);
}

.editorial-sentence-label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-sentence-quote {
  font-family: var(--font-serif);
  font-size: clamp(1.125rem, 3vw, 1.35rem);
  line-height: 1.5;
  color: var(--reader-text-primary, #11110F);
  font-weight: 400;
}

/* Chapter Sections */
.editorial-section {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid var(--reader-border, #E4DDCF);
}

.editorial-section:last-of-type {
  border-bottom: none;
}

.editorial-section-eyebrow {
  font-family: var(--font-sans);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-section-title {
  font-family: var(--font-serif);
  font-size: clamp(1.5rem, 4vw, 2.15rem);
  font-weight: 500;
  line-height: 1.2;
  color: var(--reader-text-primary, #11110F);
  letter-spacing: -0.01em;
}

.editorial-body-text {
  font-size: 1.0625rem;
  line-height: 1.8;
  color: var(--reader-text-secondary, #33312B);
}

/* Callout Highlights & Formulas */
.editorial-highlight-banner {
  background-color: var(--reader-surface, #F3EFE6);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-left: 3px solid var(--reader-accent, #11110F);
  padding: 1.125rem 1.35rem;
  border-radius: var(--radius-sm);
  font-family: var(--font-serif);
  font-size: 1rem;
  font-weight: 500;
  color: var(--reader-text-primary, #11110F);
  line-height: 1.5;
}

/* Comparison Grids */
.editorial-comparison-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin: 0.5rem 0;
}

@media (min-width: 580px) {
  .editorial-comparison-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.editorial-compare-card {
  background-color: var(--reader-surface-card, #FFFFFF);
  border: 1px solid var(--reader-border, #E4DDCF);
  padding: 1.25rem;
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-shadow: 0 2px 8px rgba(17, 17, 15, 0.03);
}

.editorial-compare-tag {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-compare-head {
  font-family: var(--font-serif);
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--reader-text-primary, #11110F);
}

/* Pull Quotes */
.editorial-pull-quote {
  font-family: var(--font-serif);
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.6;
  color: var(--reader-text-primary, #11110F);
  padding: 1rem 0 1rem 1.5rem;
  border-left: 2px solid var(--reader-accent, #11110F);
  margin: 0.75rem 0;
}

/* Core Principles Grid */
.editorial-principles-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-top: 0.75rem;
}

@media (min-width: 600px) {
  .editorial-principles-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.editorial-principle-card {
  background-color: var(--reader-surface, #F3EFE6);
  border: 1px solid var(--reader-border, #E4DDCF);
  padding: 1.25rem;
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.editorial-principle-num {
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--reader-accent, #11110F);
  letter-spacing: 0.1em;
}

.editorial-principle-title {
  font-family: var(--font-serif);
  font-size: 1rem;
  font-weight: 600;
  color: var(--reader-text-primary, #11110F);
}

.editorial-principle-desc {
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--reader-text-secondary, #33312B);
}

/* Final Book Message Sign-off */
.editorial-final-message {
  background-color: var(--reader-surface, #F3EFE6);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-radius: var(--radius-sm);
  padding: 2.5rem 1.75rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}

.editorial-final-title {
  font-family: var(--font-serif);
  font-size: clamp(1.35rem, 3.5vw, 1.75rem);
  line-height: 1.35;
  color: var(--reader-text-primary, #11110F);
  font-weight: 400;
}

.editorial-final-sub {
  font-size: 0.9375rem;
  color: var(--reader-text-secondary, #33312B);
  max-width: 480px;
  line-height: 1.6;
}

.editorial-final-author {
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
  font-weight: 600;
  margin-top: 0.5rem;
}

/* ==========================================================================
   RICH STUDY BLOCKS: MENTAL MODELS, TRAPS & ACTION PROTOCOLS
   ========================================================================== */

/* Architecture / System at a Glance Box */
.editorial-architecture-box {
  background-color: var(--reader-surface, #F3EFE6);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-radius: var(--radius-sm);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.editorial-architecture-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-sans);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-architecture-title {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--reader-text-primary, #11110F);
  line-height: 1.35;
}

.editorial-architecture-desc {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--reader-text-secondary, #33312B);
}

/* Mental Model Callout Card */
.editorial-callout-model {
  background-color: var(--reader-surface-card, #FFFFFF);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-left: 4px solid var(--reader-accent, #11110F);
  padding: 1.35rem 1.5rem;
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin: 0.75rem 0;
  box-shadow: 0 2px 10px rgba(17, 17, 15, 0.03);
}

.editorial-callout-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-family: var(--font-sans);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-callout-title {
  font-family: var(--font-serif);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--reader-text-primary, #11110F);
  line-height: 1.3;
}

.editorial-callout-body {
  font-size: 0.9375rem;
  line-height: 1.65;
  color: var(--reader-text-secondary, #33312B);
}

.editorial-callout-insight {
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--reader-text-primary, #11110F);
  font-style: italic;
  padding-top: 0.5rem;
  border-top: 1px dashed var(--reader-border, #E4DDCF);
}

/* Common Pitfall / Trap Callout Card */
.editorial-callout-trap {
  background-color: var(--reader-surface, #F3EFE6);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-left: 4px solid #C0392B;
  padding: 1.25rem 1.5rem;
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0.75rem 0;
}

.editorial-trap-badge {
  font-family: var(--font-sans);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #C0392B;
}

.editorial-trap-title {
  font-family: var(--font-serif);
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--reader-text-primary, #11110F);
}

.editorial-trap-desc {
  font-size: 0.9375rem;
  line-height: 1.65;
  color: var(--reader-text-secondary, #33312B);
}

/* Action Protocol / Implementation Checklist */
.editorial-callout-action {
  background-color: var(--reader-surface-card, #FFFFFF);
  border: 1px solid var(--reader-border, #E4DDCF);
  padding: 1.5rem;
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin: 1rem 0;
}

.editorial-action-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--reader-border, #E4DDCF);
  padding-bottom: 0.65rem;
}

.editorial-action-label {
  font-family: var(--font-sans);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-action-title {
  font-family: var(--font-serif);
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--reader-text-primary, #11110F);
}

.editorial-action-steps {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.editorial-action-step-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--reader-text-secondary, #33312B);
}

.editorial-action-step-num {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: var(--reader-accent, #11110F);
  color: #FFFFFF;
  font-size: 0.6875rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.15rem;
}

/* ==========================================================================
   EXPANDED BOOK CONTENT SECTIONS (Hooks, Fast Summary, Scenarios & Actions)
   ========================================================================== */

/* Opening Hook */
.editorial-hook-box {
  background-color: var(--reader-surface, #F3EFE6);
  border-left: 3px solid var(--reader-accent, #11110F);
  padding: 1.5rem 1.35rem;
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.editorial-hook-badge {
  font-family: var(--font-sans);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-lead-text {
  font-family: var(--font-serif);
  font-size: clamp(1.05rem, 2.5vw, 1.2rem);
  line-height: 1.7;
  color: var(--reader-text-primary, #11110F);
  margin: 0;
}

.editorial-hook-body {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

/* Why It Matters Today */
.editorial-why-matters-box {
  background-color: var(--reader-surface, #F3EFE6);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-radius: var(--radius-sm);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.editorial-callout-header {
  display: flex;
  align-items: center;
}

/* What You'll Learn */
.editorial-learn-section {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.editorial-subheading {
  font-family: var(--font-serif);
  font-size: 1.35rem;
  font-weight: 500;
  color: var(--reader-text-primary, #11110F);
  margin: 0;
}

.editorial-learn-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

@media (min-width: 600px) {
  .editorial-learn-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.editorial-learn-card {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  background-color: var(--reader-surface-card, #FFFFFF);
  border: 1px solid var(--reader-border, #E4DDCF);
  padding: 0.85rem 1rem;
  border-radius: var(--radius-sm);
  box-shadow: 0 2px 6px rgba(17, 17, 15, 0.02);
}

.editorial-learn-num {
  font-family: var(--font-sans);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--reader-accent, #11110F);
}

.editorial-learn-title {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--reader-text-primary, #11110F);
  line-height: 1.4;
}

/* In 60 Seconds */
.editorial-fast-summary-box {
  background-color: var(--reader-surface, #F3EFE6);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-left: 3px solid var(--reader-accent, #11110F);
  border-radius: var(--radius-sm);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.editorial-fast-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.editorial-fast-badge {
  font-family: var(--font-sans);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-fast-sub {
  font-size: 0.8125rem;
  color: var(--reader-text-muted, #726E65);
}

.editorial-fast-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.editorial-fast-item {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--reader-text-secondary, #33312B);
}

.editorial-fast-dot {
  color: var(--reader-accent, #11110F);
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1;
}

/* Chapters Wrapper */
.editorial-chapters-wrapper {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

.editorial-chapters-intro {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-bottom: 2px solid var(--reader-border, #E4DDCF);
  padding-bottom: 1.25rem;
}

.editorial-bullet-list {
  margin: 0.5rem 0 0 1.25rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--reader-text-secondary, #33312B);
}

/* Concept Breakdown Card */
.editorial-concept-card {
  background-color: var(--reader-surface-card, #FFFFFF);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-radius: var(--radius-sm);
  padding: 1.35rem 1.5rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  box-shadow: 0 4px 16px rgba(17, 17, 15, 0.03);
}

.editorial-concept-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-bottom: 1px solid var(--reader-border, #E4DDCF);
  padding-bottom: 0.75rem;
}

.editorial-concept-badge {
  font-family: var(--font-sans);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-concept-name {
  font-family: var(--font-serif);
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--reader-text-primary, #11110F);
  margin: 0;
}

.editorial-concept-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 600px) {
  .editorial-concept-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.editorial-concept-item {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.editorial-concept-item.full-width {
  grid-column: 1 / -1;
}

.editorial-concept-item.takeaway {
  background-color: var(--reader-surface, #F3EFE6);
  padding: 0.85rem 1rem;
  border-radius: var(--radius-sm);
  border-left: 3px solid var(--reader-accent, #11110F);
}

.editorial-concept-label {
  font-family: var(--font-sans);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-concept-item p {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--reader-text-secondary, #33312B);
  margin: 0;
}

/* The Curious Truth & The Plot Twist */
.editorial-interesting-box {
  background-color: var(--reader-surface, #F3EFE6);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-radius: var(--radius-sm);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.editorial-interesting-badge {
  font-family: var(--font-sans);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-interesting-title {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--reader-text-primary, #11110F);
  margin: 0;
}

.editorial-twist-box {
  background-color: var(--reader-surface-card, #FFFFFF);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-left: 4px solid var(--reader-accent, #11110F);
  border-radius: var(--radius-sm);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.editorial-twist-badge {
  font-family: var(--font-sans);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-twist-title {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--reader-text-primary, #11110F);
  margin: 0;
}

/* Real-Life Scenarios */
.editorial-scenarios-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  margin-top: 0.5rem;
}

.editorial-scenario-card {
  background-color: var(--reader-surface-card, #FFFFFF);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-radius: var(--radius-sm);
  padding: 1.35rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.editorial-scenario-context {
  font-family: var(--font-sans);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-scenario-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.editorial-scenario-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.editorial-scenario-field.takeaway {
  background-color: var(--reader-surface, #F3EFE6);
  padding: 0.75rem 0.85rem;
  border-radius: var(--radius-sm);
}

.editorial-scenario-field .field-label {
  font-family: var(--font-sans);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--reader-text-muted, #726E65);
}

.editorial-scenario-field p {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--reader-text-secondary, #33312B);
  margin: 0;
}

/* Practical Actions List */
.editorial-actions-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin-top: 0.5rem;
}

.editorial-action-card {
  display: flex;
  align-items: flex-start;
  gap: 1.125rem;
  background-color: var(--reader-surface-card, #FFFFFF);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-radius: var(--radius-sm);
  padding: 1.25rem;
}

.editorial-action-number {
  flex-shrink: 0;
  font-family: var(--font-sans);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--reader-accent, #11110F);
  line-height: 1;
  padding-top: 0.15rem;
}

.editorial-action-details {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.editorial-action-name {
  font-family: var(--font-serif);
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--reader-text-primary, #11110F);
  margin: 0;
}

.editorial-action-desc {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--reader-text-secondary, #33312B);
  margin: 0;
}

/* Condensed Recap */
.editorial-recap-box {
  background-color: var(--reader-surface, #F3EFE6);
  border: 1px solid var(--reader-border, #E4DDCF);
  border-radius: var(--radius-sm);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.editorial-recap-badge {
  font-family: var(--font-sans);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
}

.editorial-recap-bullets {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.editorial-recap-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--reader-text-secondary, #33312B);
}

.recap-bullet-icon {
  color: var(--reader-accent, #11110F);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5;
}

.editorial-final-text {
  font-family: var(--font-serif);
  font-size: 1.15rem;
  line-height: 1.75;
  color: var(--reader-text-primary, #11110F);
  max-width: 600px;
  margin: 0;
}

.editorial-final-signoff {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--reader-accent, #11110F);
  margin-top: 0.5rem;
}

/* ==========================================================================
   BESPOKE ATMOSPHERIC THEMES PER BOOK
   ========================================================================== */

/* 1. Thinking, Fast and Slow (Pencil Graphite & Warm Canvas) */
.theme-thinking-fast-and-slow {
  --reader-bg: #FAF7F2;
  --reader-surface: #F0EAE1;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #1A1A18;
  --reader-text-secondary: #3D3B36;
  --reader-text-muted: #78746D;
  --reader-accent: #2C5282;
  --reader-border: #E2DBD0;
}

/* 2. The Psychology of Money (Banknote Green & Crisp Linen) */
.theme-the-psychology-of-money {
  --reader-bg: #F4F7F4;
  --reader-surface: #E8EFE8;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #121F17;
  --reader-text-secondary: #2C3E33;
  --reader-text-muted: #5C7063;
  --reader-accent: #1E6B38;
  --reader-border: #D6E3D6;
}

/* 3. The 7 Habits of Highly Effective People (Compass Navy & Gold) */
.theme-the-7-habits-of-highly-effective-people {
  --reader-bg: #F8F9FA;
  --reader-surface: #EEF2F6;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #0F1D2F;
  --reader-text-secondary: #283B52;
  --reader-text-muted: #5B728D;
  --reader-accent: #1A365D;
  --reader-border: #DAE2EC;
}

/* 4. Emotional Intelligence (Amygdala Violet & Slate) */
.theme-emotional-intelligence {
  --reader-bg: #F8F6FA;
  --reader-surface: #EFEBF4;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #1C1427;
  --reader-text-secondary: #3B2E4F;
  --reader-text-muted: #6F5E87;
  --reader-accent: #5E35B1;
  --reader-border: #DFD5EC;
}

/* 5. The Subtle Art of Not Giving a F*ck (Bold Tangerine & Ink) */
.theme-the-subtle-art-of-not-giving-a-fck {
  --reader-bg: #FBF8F5;
  --reader-surface: #F5EEE6;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #181512;
  --reader-text-secondary: #3D352E;
  --reader-text-muted: #73675C;
  --reader-accent: #D9480F;
  --reader-border: #ECDED0;
}

/* 6. Outliers (Cardinal Crimson & Editorial Off-White) */
.theme-outliers {
  --reader-bg: #FAF6F6;
  --reader-surface: #F3EAEA;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #1F1111;
  --reader-text-secondary: #422929;
  --reader-text-muted: #785A5A;
  --reader-accent: #B71C1C;
  --reader-border: #E8D5D5;
}

/* 7. Blink (High-Contrast Electric Cobalt & Pure Monochrome) */
.theme-blink {
  --reader-bg: #F7F7F8;
  --reader-surface: #EFEFF2;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #0A0A0B;
  --reader-text-secondary: #2E2E33;
  --reader-text-muted: #6B6B76;
  --reader-accent: #0047AB;
  --reader-border: #DDDDE3;
}

/* 8. Quiet (Contemplative Deep Slate & Dusty Cyan) */
.theme-quiet {
  --reader-bg: #F6F8F9;
  --reader-surface: #EBF0F3;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #141E26;
  --reader-text-secondary: #2D3D4A;
  --reader-text-muted: #5C7182;
  --reader-accent: #00838F;
  --reader-border: #D5DFE6;
}

/* ==========================================================================
   MONEY / BUSINESS / AMBITION THEMES
   ========================================================================== */

/* 9. Rich Dad Poor Dad (Imperial Purple & Rich Gold) */
.theme-rich-dad-poor-dad {
  --reader-bg: #F7F5F9;
  --reader-surface: #EFE9F5;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #1D102E;
  --reader-text-secondary: #3B2A52;
  --reader-text-muted: #725D8A;
  --reader-accent: #581C87;
  --reader-border: #E0D4EC;
}

/* 10. The Intelligent Investor (Classical Heritage Maroon & Gilded Edge) */
.theme-the-intelligent-investor {
  --reader-bg: #F9F6F5;
  --reader-surface: #F0E9E6;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #241113;
  --reader-text-secondary: #47262A;
  --reader-text-muted: #7E575B;
  --reader-accent: #781D2A;
  --reader-border: #E4D5D2;
}

/* 11. Think and Grow Rich (Burnished Gold & Warm Ancient Parchment) */
.theme-think-and-grow-rich {
  --reader-bg: #FAF6F0;
  --reader-surface: #F1EAE0;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #241B12;
  --reader-text-secondary: #45382B;
  --reader-text-muted: #7C6B59;
  --reader-accent: #8C5B1E;
  --reader-border: #E5DACB;
}

/* 12. The 4-Hour Workweek (High-Energy Sunrise Orange & Caribbean Teal) */
.theme-the-4-hour-workweek {
  --reader-bg: #FDF7F4;
  --reader-surface: #F6EAE3;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #231610;
  --reader-text-secondary: #4A3528;
  --reader-text-muted: #826857;
  --reader-accent: #D34516;
  --reader-border: #EEDCD0;
}

/* 13. Zero to One (High-Tech Minimal White & Electric Cobalt) */
.theme-zero-to-one {
  --reader-bg: #F7F9FC;
  --reader-surface: #EDF2F8;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #0F172A;
  --reader-text-secondary: #273449;
  --reader-text-muted: #596D87;
  --reader-accent: #0C4A9E;
  --reader-border: #D5E1F0;
}

/* 14. The Lean Startup (Agile Sprint Indigo & Engine Cyan) */
.theme-the-lean-startup {
  --reader-bg: #F5F8FA;
  --reader-surface: #E8F0F5;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #0E1A24;
  --reader-text-secondary: #243B4E;
  --reader-text-muted: #57758E;
  --reader-accent: #0266A4;
  --reader-border: #D0E2EE;
}

/* 15. How to Win Friends and Influence People (Warm Vintage Cream & Crimson) */
.theme-how-to-win-friends-and-influence-people {
  --reader-bg: #FAF7F4;
  --reader-surface: #F1ECE6;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #261617;
  --reader-text-secondary: #483233;
  --reader-text-muted: #806466;
  --reader-accent: #8E232B;
  --reader-border: #E6DCD6;
}

/* 16. The 48 Laws of Power (Machiavellian Onyx & Crimson Sovereign) */
.theme-the-48-laws-of-power {
  --reader-bg: #1A1A1A;
  --reader-surface: #242424;
  --reader-surface-card: #2A2A2A;
  --reader-text-primary: #F2EFE9;
  --reader-text-secondary: #D4CFC7;
  --reader-text-muted: #8E8A83;
  --reader-accent: #C52222;
  --reader-border: #3A3A3A;
}

/* 17. The Almanack of Naval Ravikant (Modern Monolith Slate & Pacific Jade) */
.theme-the-almanack-of-naval-ravikant {
  --reader-bg: #F5F7F7;
  --reader-surface: #E8EDED;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #0F1D21;
  --reader-text-secondary: #253A40;
  --reader-text-muted: #567179;
  --reader-accent: #0A6B74;
  --reader-border: #D1DEE0;
}

/* ==========================================================================
   COLLECTION A & B: BESPOKE CLASSICS & VIRAL TITLES THEMES
   ========================================================================== */

/* 18. Crime and Punishment (St. Petersburg Guilt Charcoal & Gilded Redemption) */
.theme-crime-and-punishment {
  --reader-bg: #211F1D;
  --reader-surface: #2C2926;
  --reader-surface-card: #35322E;
  --reader-text-primary: #F5F2EB;
  --reader-text-secondary: #D9D3C7;
  --reader-text-muted: #968F83;
  --reader-accent: #D4A359;
  --reader-border: #423E38;
}

/* 19. The Picture of Dorian Gray (Decadent Victorian Velvet & Emerald Vanity) */
.theme-the-picture-of-dorian-gray {
  --reader-bg: #1A1820;
  --reader-surface: #24222D;
  --reader-surface-card: #2E2B3A;
  --reader-text-primary: #F3EFF8;
  --reader-text-secondary: #D4CDDE;
  --reader-text-muted: #8E849E;
  --reader-accent: #7E6A9A;
  --reader-border: #3A3648;
}

/* 20. 1984 (Brutalist Dystopian Slate & Thought Police Crimson) */
.theme-1984 {
  --reader-bg: #1F2228;
  --reader-surface: #282C34;
  --reader-surface-card: #323742;
  --reader-text-primary: #F0F2F5;
  --reader-text-secondary: #C8CDD6;
  --reader-text-muted: #7E8594;
  --reader-accent: #D63939;
  --reader-border: #3C4250;
}

/* 21. The Great Gatsby (Midnight Jazz Navy & Art-Deco Champagne Gold) */
.theme-the-great-gatsby {
  --reader-bg: #121926;
  --reader-surface: #1B2436;
  --reader-surface-card: #243048;
  --reader-text-primary: #F7F5EE;
  --reader-text-secondary: #D6D2C4;
  --reader-text-muted: #878E9C;
  --reader-accent: #D9B464;
  --reader-border: #2D3C5A;
}

/* 22. Meditations (Imperial Roman Marble & Laurel Bronze) */
.theme-meditations {
  --reader-bg: #F7F5F0;
  --reader-surface: #EDE8DE;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #1C1B1A;
  --reader-text-secondary: #403E3A;
  --reader-text-muted: #7A756D;
  --reader-accent: #8E6D38;
  --reader-border: #DCD5C7;
}

/* 23. The Metamorphosis (Kafkaesque Bureaucratic Sepia & Beetle Amber) */
.theme-the-metamorphosis {
  --reader-bg: #23201D;
  --reader-surface: #2E2A26;
  --reader-surface-card: #3A3530;
  --reader-text-primary: #F2EDE4;
  --reader-text-secondary: #D4CCC0;
  --reader-text-muted: #8E8475;
  --reader-accent: #A66838;
  --reader-border: #443E38;
}

/* 24. Animal Farm (Propaganda Chalkboard & Revolutionary Scarlet) */
.theme-animal-farm {
  --reader-bg: #FAF6F0;
  --reader-surface: #EFE9DE;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #211D1B;
  --reader-text-secondary: #463F3A;
  --reader-text-muted: #82776E;
  --reader-accent: #A92222;
  --reader-border: #E0D7C8;
}

/* 25. The Stranger (Algerian Sunbleached Sand & Existential Ochre) */
.theme-the-stranger {
  --reader-bg: #FAF7EE;
  --reader-surface: #EFEAD9;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #22201B;
  --reader-text-secondary: #47433A;
  --reader-text-muted: #827C6C;
  --reader-accent: #B45309;
  --reader-border: #E0DAC5;
}

/* 26. The Brothers Karamazov (Monastic Russian Dark Timber & Candlelight) */
.theme-the-brothers-karamazov {
  --reader-bg: #1E1A17;
  --reader-surface: #2A2420;
  --reader-surface-card: #362F2A;
  --reader-text-primary: #F5EFE6;
  --reader-text-secondary: #D6CBC0;
  --reader-text-muted: #8F8275;
  --reader-accent: #C68A4C;
  --reader-border: #443B33;
}

/* 27. The Prince (Medici Renaissance Crimson & Iron Sovereign) */
.theme-the-prince {
  --reader-bg: #211C1C;
  --reader-surface: #2C2525;
  --reader-surface-card: #393030;
  --reader-text-primary: #F5EFEB;
  --reader-text-secondary: #D6CBC7;
  --reader-text-muted: #8F817D;
  --reader-accent: #A82020;
  --reader-border: #463A3A;
}

/* 28. Pride and Prejudice (Regency English Rose Cream & Garden Sage) */
.theme-pride-and-prejudice {
  --reader-bg: #FAF6F5;
  --reader-surface: #F0E8E5;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #221D1D;
  --reader-text-secondary: #463D3C;
  --reader-text-muted: #827372;
  --reader-accent: #4A6B5D;
  --reader-border: #E3D8D5;
}

/* 29. Frankenstein (Arctic Polar Lightning Grey & Galvanic Teal) */
.theme-frankenstein {
  --reader-bg: #1B2127;
  --reader-surface: #252D35;
  --reader-surface-card: #2F3943;
  --reader-text-primary: #EEF3F7;
  --reader-text-secondary: #CAD5DF;
  --reader-text-muted: #798A99;
  --reader-accent: #3FA3A5;
  --reader-border: #3A4754;
}

/* 30. Dracula (Transylvanian Crypt Obsidian & Blood Crimson) */
.theme-dracula {
  --reader-bg: #17141A;
  --reader-surface: #221D27;
  --reader-surface-card: #2D2734;
  --reader-text-primary: #F5EEF0;
  --reader-text-secondary: #D5C7CB;
  --reader-text-muted: #8C7B81;
  --reader-accent: #9B111E;
  --reader-border: #3E3342;
}

/* 31. The Adventures of Sherlock Holmes (221B Baker St Mahogany & Fog Gray) */
.theme-the-adventures-of-sherlock-holmes {
  --reader-bg: #F6F3EE;
  --reader-surface: #ECE5DB;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #211D19;
  --reader-text-secondary: #443B33;
  --reader-text-muted: #7E7062;
  --reader-accent: #6E4720;
  --reader-border: #DDD4C6;
}

/* 32. The Count of Monte Cristo (Chateau d'If Mediterranean Abyss & Treasure Gold) */
.theme-the-count-of-monte-cristo {
  --reader-bg: #111A26;
  --reader-surface: #1A2739;
  --reader-surface-card: #23344D;
  --reader-text-primary: #F0F4F8;
  --reader-text-secondary: #C8D5E3;
  --reader-text-muted: #7C8FA4;
  --reader-accent: #D4A017;
  --reader-border: #2D4363;
}

/* 33. The Odyssey (Aegean Wine-Dark Sea & Olive Bronze) */
.theme-the-odyssey {
  --reader-bg: #F5F7F6;
  --reader-surface: #E8EDE9;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #17211E;
  --reader-text-secondary: #33433F;
  --reader-text-muted: #6C7F7A;
  --reader-accent: #A3702C;
  --reader-border: #D1DED8;
}

/* 34. Alice's Adventures in Wonderland (Curious Lavender Mist & Cheshire Purple) */
.theme-alices-adventures-in-wonderland {
  --reader-bg: #FAF7FC;
  --reader-surface: #EFEAF4;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #211929;
  --reader-text-secondary: #433550;
  --reader-text-muted: #7E6894;
  --reader-accent: #78429B;
  --reader-border: #E0D6E8;
}

/* 35. Jane Eyre (Thornfield Manor Stone & Heather Indigo) */
.theme-jane-eyre {
  --reader-bg: #F6F4F1;
  --reader-surface: #EDE8E2;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #1F2124;
  --reader-text-secondary: #3F4349;
  --reader-text-muted: #747A85;
  --reader-accent: #3C4858;
  --reader-border: #DDD6CD;
}

/* 36. Wuthering Heights (Wild Yorkshire Moor Heather & Stormy Granite) */
.theme-wuthering-heights {
  --reader-bg: #202226;
  --reader-surface: #2A2D33;
  --reader-surface-card: #353940;
  --reader-text-primary: #F0F1F3;
  --reader-text-secondary: #C8CCD3;
  --reader-text-muted: #7F8591;
  --reader-accent: #7A5372;
  --reader-border: #3F444D;
}

/* 37. War and Peace (Imperial Russian Winter Ivory & Tsar Navy) */
.theme-war-and-peace {
  --reader-bg: #F7F5F0;
  --reader-surface: #ECE8DE;
  --reader-surface-card: #FFFFFF;
  --reader-text-primary: #1C232B;
  --reader-text-secondary: #3A4756;
  --reader-text-muted: #718194;
  --reader-accent: #1C2A39;
  --reader-border: #DBD5C5;
}

/* 38. Sapiens (Savannah Ochre & Paleolithic Starlight Dark) */
.theme-sapiens {
  --reader-bg: #1B1E22;
  --reader-surface: #24292E;
  --reader-surface-card: #2F363D;
  --reader-text-primary: #F4F3ED;
  --reader-text-secondary: #D4D2C5;
  --reader-text-muted: #8E8C7E;
  --reader-accent: #BFA15F;
  --reader-border: #3A434C;
}

/* 39. Man's Search for Meaning (Solemn Concentration Slate & Indomitable Golden Hope) */
.theme-mans-search-for-meaning {
  --reader-bg: #222326;
  --reader-surface: #2B2C30;
  --reader-surface-card: #36373D;
  --reader-text-primary: #F5F4F0;
  --reader-text-secondary: #D6D4CC;
  --reader-text-muted: #8F8C82;
  --reader-accent: #D99B26;
  --reader-border: #42434A;
}