/* GENERATED by scripts/build-theme-cover.mjs from style.css: do not edit by hand.
   Daisy's cover-matched look, round 2 (CHIEF-749091). Applies only under html.design-cover;
   the book reader (#reader-section) is left untouched. */
/* ---- accents remapped from style.css ---- */
html.design-cover .modal-content { border: 1px solid rgba(157, 159, 158, 0.45) !important; box-shadow: 0 25px 80px rgba(0, 0, 0, 0.95), 0 0 35px rgba(157, 159, 158, 0.25) !important; }
html.design-cover .nav-dropdown-menu { border: 1px solid rgba(157, 159, 158, 0.2) !important; }
html.design-cover .nav-dropdown-menu a:hover { background: rgba(157, 159, 158, 0.08) !important; }
html.design-cover .google-signin-btn { background: rgba(157, 159, 158, 0.06) !important; }
html.design-cover .google-signin-btn:hover { background: rgba(157, 159, 158, 0.15) !important; }
html.design-cover .gold-badge { border-color: rgba(157, 159, 158, 0.4) !important; background: rgba(157, 159, 158, 0.08) !important; }
html.design-cover .cyan-badge { border-color: rgba(157, 159, 158, 0.4) !important; background: rgba(157, 159, 158, 0.08) !important; }
html.design-cover .primary-btn { background: linear-gradient(135deg, #5b6068, #5b6068) !important; }
html.design-cover .primary-btn:hover { box-shadow: 0 6px 24px rgba(157, 159, 158, 0.5) !important; }
html.design-cover .amazon-btn { background: #5b6068 !important; box-shadow: 0 4px 15px rgba(157, 159, 158, 0.3) !important; }
html.design-cover .amazon-btn:hover { box-shadow: 0 6px 20px rgba(157, 159, 158, 0.45) !important; }
html.design-cover .audio-teaser-card { border-color: rgba(157, 159, 158, 0.25) !important; }
html.design-cover .play-pill-btn { background: rgba(157, 159, 158, 0.1) !important; }
html.design-cover .pillar-card:hover { border-color: rgba(157, 159, 158, 0.3) !important; }
html.design-cover .apothecary-card { border-color: rgba(157, 159, 158, 0.2) !important; }
html.design-cover .waitlist-btn { background: rgba(157, 159, 158, 0.08) !important; }
html.design-cover .ecosystem-card:hover { box-shadow: 0 12px 30px rgba(157, 159, 158, 0.15) !important; }
html.design-cover .stars { color: #c9c9c6 !important; }
html.design-cover .author-hub-btn { background: linear-gradient(135deg, #5b6068 0%, #5b6068 100%) !important; border: 1px solid #7b7f85 !important; box-shadow: 0 0 15px rgba(157, 159, 158, 0.35) !important; }
html.design-cover .author-hub-btn:hover { box-shadow: 0 0 22px rgba(157, 159, 158, 0.6) !important; }
html.design-cover #arc-portal-modal .modal-content { border: 1px solid rgba(157, 159, 158, 0.4) !important; }
html.design-cover .arc-header { border-bottom: 1px solid rgba(157, 159, 158, 0.25) !important; }
html.design-cover .arc-badge { background: rgba(157, 159, 158, 0.15) !important; border: 1px solid #7b7f85 !important; color: #c9c9c6 !important; }
html.design-cover .arc-card h4 { color: #c9c9c6 !important; }
html.design-cover .arc-form-group input:focus,
html.design-cover .arc-form-group textarea:focus { border-color: #7b7f85 !important; }
html.design-cover .email-preview-box { border: 1px solid rgba(157, 159, 158, 0.2) !important; }
html.design-cover .marketing-steps-container { background: rgba(157, 159, 158, 0.03) !important; border: 1px solid rgba(157, 159, 158, 0.15) !important; }
html.design-cover .arc-table th { color: #c9c9c6 !important; }
html.design-cover .arc-hero-banner { border: 1px solid rgba(157, 159, 158, 0.3) !important; }
html.design-cover .arc-hero-banner::before { background: radial-gradient(circle, rgba(157, 159, 158, 0.15) 0%, transparent 70%) !important; }
html.design-cover .banner-badge { background: rgba(157, 159, 158, 0.15) !important; border: 1px solid #7b7f85 !important; color: #c9c9c6 !important; }
html.design-cover .arc-metrics-ribbon { border-top: 1px solid rgba(157, 159, 158, 0.15) !important; }
html.design-cover .arc-glass-card { border: 1px solid rgba(157, 159, 158, 0.2) !important; }
html.design-cover .card-title { color: #c9c9c6 !important; }
html.design-cover .target-badge { background: rgba(157, 159, 158, 0.12) !important; border: 1px solid #7b7f85 !important; color: #c9c9c6 !important; }
html.design-cover .count-badge { background: rgba(157, 159, 158, 0.15) !important; border: 1px solid #7b7f85 !important; color: #c9c9c6 !important; }
html.design-cover .form-row input:focus,
html.design-cover .form-row select:focus,
html.design-cover .form-row textarea:focus { border-color: #7b7f85 !important; box-shadow: 0 0 12px rgba(157, 159, 158, 0.25) !important; }
html.design-cover .gold-submit-btn { background: linear-gradient(135deg, #5b6068 0%, #5b6068 100%) !important; box-shadow: 0 4px 20px rgba(157, 159, 158, 0.35) !important; }
html.design-cover .gold-submit-btn:hover { box-shadow: 0 6px 25px rgba(157, 159, 158, 0.6) !important; }
html.design-cover .arc-btn.primary-action { background: linear-gradient(135deg, #5b6068 0%, #5b6068 100%) !important; }
html.design-cover .arc-btn.primary-action:hover { box-shadow: 0 0 20px rgba(157, 159, 158, 0.5) !important; }
html.design-cover .arc-btn.secondary-action { background: rgba(157, 159, 158, 0.1) !important; color: #c9c9c6 !important; border: 1px solid rgba(157, 159, 158, 0.4) !important; }
html.design-cover .arc-btn.secondary-action:hover { background: rgba(157, 159, 158, 0.2) !important; }
html.design-cover .search-bar-row select { color: #c9c9c6 !important; }
html.design-cover .arc-table th { color: #c9c9c6 !important; border-bottom: 1px solid rgba(157, 159, 158, 0.2) !important; }
html.design-cover .arc-table tr:hover { background: rgba(157, 159, 158, 0.03) !important; }
html.design-cover .status-pill.active-login { background: rgba(157, 159, 158, 0.15) !important; color: #c9c9c6 !important; border: 1px solid #7b7f85 !important; }
html.design-cover .status-pill.review-done { background: rgba(157, 159, 158, 0.2) !important; color: #c9c9c6 !important; border: 1px solid #7b7f85 !important; }
html.design-cover .status-pill.review-promised { background: rgba(157, 159, 158, 0.15) !important; color: #c9c9c6 !important; border: 1px solid #7b7f85 !important; }
html.design-cover .table-status-select { border: 1px solid rgba(157, 159, 158, 0.3) !important; color: #c9c9c6 !important; }
html.design-cover .row-action-btn:hover { background: rgba(157, 159, 158, 0.2) !important; border-color: #7b7f85 !important; color: #c9c9c6 !important; }
html.design-cover .step-num { background: #5b6068 !important; }
html.design-cover .portal-byline { color: #c9c9c6 !important; }
html.design-cover .arc-toast { border: 1px solid rgba(157, 159, 158, 0.5) !important; }
html.design-cover .arc-toast.success { border-color: #7b7f85 !important; }
html.design-cover .live-review-card { border: 1px solid rgba(157, 159, 158, 0.25) !important; border-left: 4px solid #7b7f85 !important; }
html.design-cover .live-review-card:hover { border-color: rgba(157, 159, 158, 0.5) !important; }
html.design-cover .review-reader-info span { color: #c9c9c6 !important; }
html.design-cover .review-stars { color: #c9c9c6 !important; }
html.design-cover .copy-quote-btn { background: rgba(157, 159, 158, 0.15) !important; border: 1px solid #7b7f85 !important; color: #c9c9c6 !important; }
html.design-cover .copy-quote-btn:hover { background: #5b6068 !important; }
html.design-cover .inline-review-quote { background: rgba(157, 159, 158, 0.08) !important; border-left: 2px solid #7b7f85 !important; }
html.design-cover #email-auth-modal .modal-content { border: 1px solid rgba(157, 159, 158, 0.4) !important; }
html.design-cover .auth-modal-badge { background: rgba(157, 159, 158, 0.15) !important; border: 1px solid #7b7f85 !important; color: #c9c9c6 !important; }
html.design-cover .auth-form-group input:focus { border-color: #7b7f85 !important; box-shadow: 0 0 12px rgba(157, 159, 158, 0.3) !important; }
html.design-cover .auth-submit-btn { background: linear-gradient(135deg, #5b6068 0%, #5b6068 100%) !important; box-shadow: 0 4px 20px rgba(157, 159, 158, 0.35) !important; }
html.design-cover .auth-submit-btn:hover { box-shadow: 0 6px 25px rgba(157, 159, 158, 0.6) !important; }
html.design-cover .auth-toggle-link { color: #c9c9c6 !important; }
html.design-cover .nav-signin-pill { background: rgba(157, 159, 158, 0.12) !important; border: 1px solid rgba(157, 159, 158, 0.5) !important; color: #c9c9c6 !important; }
html.design-cover .nav-signin-pill:hover { background: rgba(157, 159, 158, 0.25) !important; border-color: #7b7f85 !important; box-shadow: 0 0 15px rgba(157, 159, 158, 0.4) !important; }
html.design-cover .user-profile-pill { border: 1px solid rgba(157, 159, 158, 0.4) !important; }
html.design-cover .user-profile-pill:hover { border-color: #7b7f85 !important; box-shadow: 0 0 15px rgba(157, 159, 158, 0.35) !important; }
html.design-cover .user-profile-pill img { border: 1.5px solid #7b7f85 !important; }
html.design-cover .user-status-tag { color: #c9c9c6 !important; }
html.design-cover .auth-feedback-box.success { background: rgba(157, 159, 158, 0.15) !important; border: 1px solid #7b7f85 !important; color: #c9c9c6 !important; }
html.design-cover .main-footer { color: #c9c9c6 !important; }
html.design-cover .footer-trillionaires-badge a { background: rgba(157, 159, 158, 0.08) !important; border: 1px solid rgba(157, 159, 158, 0.25) !important; color: #c9c9c6 !important; }
html.design-cover .footer-trillionaires-badge a:hover { background: rgba(157, 159, 158, 0.16) !important; border-color: #7b7f85 !important; box-shadow: 0 0 16px rgba(157, 159, 158, 0.2) !important; }
html.design-cover .footer-col ul li a:hover { color: #c9c9c6 !important; }
html.design-cover .lifeline-card::before { background: linear-gradient(90deg, #ef4444 0%, #5b6068 50%, #5b6068 100%) !important; }
html.design-cover .lifeline-btn.hotline-secondary:hover { border-color: rgba(157, 159, 158, 0.5) !important; color: #c9c9c6 !important; }
html.design-cover .lifeline-footer-org { color: #c9c9c6 !important; }
html.design-cover .lifeline-quote-card { border: 1px solid rgba(157, 159, 158, 0.25) !important; }
html.design-cover .lifeline-quote-card .quote-author { color: #c9c9c6 !important; }
html.design-cover .banner-text-info p { color: #c9c9c6 !important; }
html.design-cover .star-rating span:hover,
html.design-cover .readers-stars span:hover { color: #c9c9c6 !important; }
html.design-cover .star-rating span.active,
html.design-cover .readers-stars span.active { color: #c9c9c6 !important; text-shadow: 0 0 12px rgba(157, 159, 158, 0.6) !important; }
html.design-cover .review-status-msg.success { background: rgba(157, 159, 158, 0.15) !important; border: 1px solid #7b7f85 !important; color: #c9c9c6 !important; }
html.design-cover .author-card-photo { border: 3px solid #7b7f85 !important; }
html.design-cover .author-card-name { color: #c9c9c6 !important; }
html.design-cover .author-card-text em { color: #c9c9c6 !important; }

/* ---- hand-tuned layer ---- */

html.design-cover body {
  --cyan: #c9c9c6;
  --cyan-dark: #9d9f9e;
  --gold: #c9c9c6;
  --gold-glow: rgba(157, 159, 158, 0.25);
  --cyan-glow: rgba(157, 159, 158, 0.25);
  --font-headline: 'Bebas Neue', 'Oswald', 'Arial Narrow', sans-serif;
  --font-sub: 'Roboto', 'Arial', sans-serif; /* round 10: Daisy chose Roboto ("perfect") over Quantico */
  --font-typewriter: 'Source Serif 4', Georgia, 'Times New Roman', serif; /* round 4: simple serif (was Courier Prime) */
  --font-logo: 'Oswald', 'Arial Narrow', sans-serif;
}

/* Headlines: the cover's tall condensed lettering, white, smaller than before. */
html.design-cover :is(h1, h2, .book-title, .section-title):not(#reader-section, #reader-section *) {
  font-family: var(--font-headline) !important; text-transform: uppercase; letter-spacing: 0.03em;
  font-weight: 400 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important;
}
html.design-cover .book-title:not(#reader-section, #reader-section *) { font-size: clamp(1.45rem, 1rem + 2vw, 2.5rem) !important; line-height: 1.05 !important; }
html.design-cover .section-title:not(#reader-section, #reader-section *), html.design-cover h2:not(#reader-section, #reader-section *) { font-size: clamp(1.3rem, 1rem + 1.2vw, 1.9rem) !important; line-height: 1.1 !important; }
html.design-cover h2 span:not(#reader-section, #reader-section *) { -webkit-text-fill-color: currentColor !important; background: none !important; }

/* Subheadings: Quantico, all caps. */
html.design-cover :is(h3, h4, h5, .book-subtitle, .sub-heading, .author-tagline, .lifeline-badge, [class*="badge"]):not(#reader-section, #reader-section *) {
  font-family: var(--font-sub) !important; text-transform: uppercase; letter-spacing: 0.06em; font-style: normal !important;
}
html.design-cover h3:not(#reader-section, #reader-section *) { font-size: 1.02rem !important; }
html.design-cover .book-subtitle:not(#reader-section, #reader-section *) { font-size: clamp(0.85rem, 0.8rem + 0.3vw, 1rem) !important; color: #c9c9c6 !important; }

/* Body copy: typewriter. UI labels (nav, buttons, forms) in Quantico for legibility at small sizes. */
html.design-cover :is(p, li, blockquote, .book-description, .pillar-card, .review-text):not(#reader-section, #reader-section *) { font-family: var(--font-typewriter) !important; }
html.design-cover :is(.nav-link, button, [class*="btn"], label, input, select, textarea):not(#reader-section, #reader-section *) { font-family: var(--font-sub) !important; letter-spacing: 0.02em; }

/* Logo: the text alone in its own face; the Trillionaires emblem removed (Daisy). */
html.design-cover .logo-emblem { display: none !important; }
html.design-cover .logo { font-family: var(--font-logo) !important; text-transform: uppercase; letter-spacing: 0.08em; color: #fff !important; min-height: 44px; display: inline-flex; align-items: center; }
html.design-cover .logo span { color: #b8633f !important; -webkit-text-fill-color: #b8633f !important; }

/* Buttons and links: steel gray. Rust only on the logo word and the small kicker labels. */
html.design-cover :is(.primary-btn, .amazon-btn, .waitlist-btn, .play-pill-btn, .google-signin-btn, .nav-signin-pill):not(#reader-section, #reader-section *) {
  background: #5b6068 !important; color: #fff !important; border: 1px solid #9d9f9e !important; box-shadow: none !important;
}
html.design-cover :is(.primary-btn, .amazon-btn, .waitlist-btn, .play-pill-btn, .google-signin-btn, .nav-signin-pill):hover:not(#reader-section, #reader-section *) { background: #9d9f9e !important; color: #0b0c10 !important; }
html.design-cover .amazon-btn:not(#reader-section, #reader-section *) { background: transparent !important; border-color: #c9c9c6 !important; }
html.design-cover a:not(#reader-section, #reader-section *):not([class*="btn"]):not(.logo) { color: #c9c9c6; }
html.design-cover .sub-heading:not(#reader-section, #reader-section *) { color: #b8633f !important; }

/* "Clean aesthetic" (Daisy's reference: lizmoore.net): no glows or shadows, flat cards with a
   thin steel outline, small spaced capitals in the nav. */
html.design-cover *:not(#reader-section, #reader-section *) { box-shadow: none !important; text-shadow: none !important; }
html.design-cover :is(.pillar-card, .ecosystem-card, .apothecary-card, .audio-teaser-card, .lifeline-card, .review-card, .modal-content, [class*="-card"]:not([class*="-card-"], .author-card)):not(#reader-section, #reader-section *) {
  background: transparent !important; border: 1px solid rgba(157, 159, 158, 0.28) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html.design-cover #main-header { background: rgba(11, 12, 16, 0.96) !important; border-bottom: 1px solid rgba(157, 159, 158, 0.2) !important; backdrop-filter: none !important; }
html.design-cover .nav-link:not(#reader-section, #reader-section *) { text-transform: uppercase; font-size: 0.78rem !important; letter-spacing: 0.12em !important; }
html.design-cover :is(.nav-link, .footer-trillionaires-badge a):not(#reader-section, #reader-section *) { min-height: 44px; display: inline-flex !important; align-items: center; }

/* ---- Round 3 (Daisy's notes 2026-09-30 01:18Z) ---- */

/* 1. The title and subtitle are already on the cover: hidden from view, kept for screen readers and search. */
html.design-cover :is(.book-title, .book-subtitle):not(#reader-section, #reader-section *) {
  position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important;
  clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; margin: -1px !important; padding: 0 !important;
}

/* 2. The "THE UNFLINCHING TRUTH" label is the subheading style: plain rust type, no box (round 4: Daisy liked round 2's, not round 3's boxes). */
html.design-cover :is(.sub-heading, .author-tagline, .lifeline-badge):not(#reader-section, #reader-section *) {
  display: block !important; font-family: var(--font-sub) !important; font-size: 0.78rem !important; font-weight: 700 !important;
  letter-spacing: 0.16em !important; text-transform: uppercase; color: #b8633f !important; -webkit-text-fill-color: #b8633f !important;
  background: none !important; border: 0 !important; padding: 0 !important;
}
html.design-cover .author-tagline:not(#reader-section, #reader-section *) { margin: 0.2rem 0 1.4rem !important; }

/* 3. Body copy: clean, with depth. Bone-white type on a deep steel vignette, a comfortable measure,
      a rust drop cap to open the synopsis, thin steel rules between sections. */
html.design-cover body { background: radial-gradient(ellipse 120% 70% at 50% 0%, #1b1f25 0%, #0f1115 45%, #08090c 100%) !important; background-color: #08090c !important; }
html.design-cover :is(p, li, blockquote, .synopsis):not(#reader-section, #reader-section *) { color: #d8d4cc !important; line-height: 1.85 !important; }
html.design-cover .synopsis:not(#reader-section, #reader-section *) { text-align: left !important; max-width: 62ch; border-left: 2px solid rgba(184, 99, 63, 0.6) !important; padding-left: 1.5rem !important; }  /* round 12: was 1.1rem */
html.design-cover .synopsis:not(#reader-section, #reader-section *) p:first-of-type::first-letter, html.design-cover .synopsis:not(#reader-section, #reader-section *)::first-letter {
  font-family: var(--font-headline); font-size: 3.55em; line-height: 0.78; float: left; margin: 0.06em 0.45rem 0 0; color: #b8633f;
}
/* Round 11 (Daisy): the drop cap should sit flush across two full lines, not hang. initial-letter does exactly that. */
@supports ((initial-letter: 2) or (-webkit-initial-letter: 2)) {
  html.design-cover .synopsis:not(#reader-section, #reader-section *) p:first-of-type::first-letter, html.design-cover .synopsis:not(#reader-section, #reader-section *)::first-letter {
    float: none; font-size: 1em; line-height: inherit; -webkit-initial-letter: 2; initial-letter: 2; margin: 0 0.45rem 0 0;  /* round 12: room before the text */
  }
}
html.design-cover main > section:not(#reader-section) ~ section:not(#reader-section) { border-top: 1px solid rgba(157, 159, 158, 0.14) !important; }
html.design-cover blockquote:not(#reader-section, #reader-section *) { border-left: 2px solid #7b7f85 !important; font-style: italic; }

/* 4. Sign-in: a square block that sits on the same row as the site name. */
html.design-cover .nav-signin-pill {
  border-radius: 0 !important; background: transparent !important; border: 1px solid #9d9f9e !important; color: #fff !important;
  font-family: var(--font-sub) !important; text-transform: uppercase; font-size: 0.72rem !important; letter-spacing: 0.1em !important;
  padding: 0 0.8rem !important; min-height: 44px !important; height: 44px; display: inline-flex !important; align-items: center; gap: 0.4rem; white-space: nowrap;
}
html.design-cover .nav-signin-pill svg, html.design-cover .nav-signin-pill img { display: none !important; }
@media (max-width: 768px) {
  html.design-cover #main-header { flex-wrap: nowrap !important; align-items: center !important; }
  html.design-cover .logo { font-size: 0.92rem !important; letter-spacing: 0.05em !important; white-space: nowrap; }
  html.design-cover .auth-nav-wrapper { margin-left: auto !important; flex-shrink: 0; }
  html.design-cover .nav-signin-pill { font-size: 0.66rem !important; padding: 0 0.6rem !important; letter-spacing: 0.06em !important; }
}

/* 5. Square, everywhere outside the reader. */
html.design-cover :is(button, [class*="btn"], [class*="pill"], [class*="badge"], [class*="-card"], input, select, textarea, .sub-heading, .author-tagline, .modal-content, img, .hero-cover, .book-cover):not(#reader-section, #reader-section *) { border-radius: 0 !important; }

/* 6. No green or blue: gray, white or red. (Emoji keep their own colours.) */
html.design-cover [style*="#10b981"]:not(#reader-section, #reader-section *), html.design-cover [style*="#059669"]:not(#reader-section, #reader-section *), html.design-cover [style*="#34d399"]:not(#reader-section, #reader-section *),
html.design-cover [style*="#3b82f6"]:not(#reader-section, #reader-section *), html.design-cover [style*="#60a5fa"]:not(#reader-section, #reader-section *), html.design-cover [style*="#93c5fd"]:not(#reader-section, #reader-section *) { color: #c9c9c6 !important; }

/* Inline rgba accents (help-line icon boxes). */
html.design-cover :is([style*="102, 252, 241"], [style*="16, 185, 129"], [style*="59, 130, 246"]):not(#reader-section, #reader-section *) { background: rgba(157, 159, 158, 0.12) !important; border-color: rgba(157, 159, 158, 0.4) !important; }

/* 7. Footer logo = header logo: no emblem, same face, STORIES in rust. */
html.design-cover .footer-logo img { display: none !important; }
html.design-cover .footer-logo, html.design-cover .footer-logo > span { font-family: var(--font-logo) !important; text-transform: uppercase; letter-spacing: 0.08em !important; color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; font-size: 1rem !important; }
html.design-cover .footer-logo .logo-word { color: #b8633f !important; -webkit-text-fill-color: #b8633f !important; }

/* ---- Round 4 (Daisy's notes 2026-09-30 03:18-03:24Z) ---- */

/* Header and footer name in the book's lettering (same face as the headlines). */
html.design-cover .logo, html.design-cover .footer-logo, html.design-cover .footer-logo > span {
  font-family: var(--font-headline) !important; font-weight: 400 !important; letter-spacing: 0.06em !important; font-size: 1.35rem !important;
}
@media (max-width: 768px) { html.design-cover .logo { font-size: clamp(1.15rem, 5.9vw, 1.45rem) !important; letter-spacing: 0.04em !important; } }  /* round 11: bigger on phones */

/* Tighter leading everywhere outside the reader. */
html.design-cover :is(p, li, blockquote, .synopsis):not(#reader-section, #reader-section *) { line-height: 1.55 !important; }
html.design-cover p:not(#reader-section, #reader-section *) { margin-bottom: 0.9rem; }

/* Emoji small, on the same line as their heading, cards centred. */
html.design-cover .pillar-card { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center !important; gap: 0.2rem 0.45rem; }
html.design-cover .pillar-card .pillar-icon { font-size: 1.05rem !important; margin: 0 !important; width: auto !important; height: auto !important; line-height: 1 !important; }
html.design-cover .pillar-card h3:not(#reader-section, #reader-section *) { margin: 0 !important; width: auto !important; flex: 0 1 auto; max-width: calc(100% - 1.8rem); }
html.design-cover .pillar-card p { flex-basis: 100%; margin-top: 0.6rem !important; }
html.design-cover .lifeline-card, html.design-cover .lifeline-card-header { text-align: center !important; justify-content: center !important; }
html.design-cover .lifeline-card-header { display: flex !important; flex-wrap: wrap; align-items: center !important; gap: 0.3rem 0.45rem !important; }
html.design-cover .lifeline-icon-wrapper { width: auto !important; height: auto !important; min-width: 0 !important; background: none !important; border: 0 !important; font-size: 1.05rem !important; padding: 0 !important; order: 1; }
html.design-cover .lifeline-header-info { display: contents !important; }
html.design-cover .lifeline-header-info .lifeline-badge { order: 0; flex-basis: 100%; }
html.design-cover .lifeline-header-info h3:not(#reader-section, #reader-section *) { order: 2; margin: 0 !important; width: auto !important; flex: 0 1 auto; min-width: 0; max-width: calc(100% - 1.8rem); }
@media (max-width: 520px) { html.design-cover .lifeline-header-info h3:not(#reader-section, #reader-section *) { flex: 1 1 0 !important; } html.design-cover .lifeline-icon-wrapper { flex: 0 0 auto; } }

/* No box around Dori's biography. */
html.design-cover .author-card:not(#reader-section, #reader-section *) { background: none !important; border: 1px solid rgba(157, 159, 158, 0.28) !important; }

/* Reviews: smaller names and text. */
html.design-cover .review-card p { font-size: 0.95rem !important; line-height: 1.5 !important; }
html.design-cover :is(.reviewer-byline, .reviewer-name) { font-size: 0.72rem !important; letter-spacing: 0.08em; text-transform: uppercase; font-family: var(--font-sub) !important; }
html.design-cover .reviewer-byline span[style] { font-size: 0.62rem !important; background: none !important; border: 1px solid rgba(157, 159, 158, 0.4) !important; color: #c9c9c6 !important; }
html.design-cover .review-card .stars { font-size: 0.85rem !important; color: #b8633f !important; }

/* The top button: darker and quieter. */
html.design-cover .nav-signin-pill:not(#reader-section, #reader-section *) { background: #16191e !important; border-color: #2f343b !important; color: #cfcfcb !important; }
html.design-cover .nav-signin-pill:hover:not(#reader-section, #reader-section *) { background: #22262c !important; color: #fff !important; }

/* ---- Round 5 (Daisy's notes 2026-09-30 04:13Z) ---- */

/* Chains removed ("they look terrible"). Plain breathing room between sections instead. */
html.design-cover main > section:not(#reader-section) ~ section:not(#reader-section) { border-top: 0 !important; }

/* Help lines: one box per support group; the call/text links inside lose their own boxes. */
html.design-cover .lifeline-btn:not(#reader-section, #reader-section *) {
  background: none !important; border: 0 !important; box-shadow: none !important; padding: 0.35rem 0 !important;
  min-height: 44px; display: flex !important; align-items: center; justify-content: center; gap: 0.5rem; color: #fff !important;
}
html.design-cover .lifeline-btn strong:not(#reader-section, #reader-section *) { color: #b8633f !important; }
html.design-cover .lifeline-btn small:not(#reader-section, #reader-section *) { color: #c9c9c6 !important; }
html.design-cover .lifeline-footer-org:not(#reader-section, #reader-section *) { background: none !important; border: 0 !important; }

/* One colour throughout: the help-line reds become the header's rust. */
html.design-cover :is([style*="#ef4444"], [style*="#f87171"], [style*="#dc2626"], [style*="239, 68, 68"]):not(#reader-section, #reader-section *) { color: #b8633f !important; -webkit-text-fill-color: #b8633f !important; border-color: rgba(184, 99, 63, 0.4) !important; }
html.design-cover [style*="rgba(239, 68, 68"]:not(#reader-section, #reader-section *) { background: none !important; }
html.design-cover .lifeline-card:not(#reader-section, #reader-section *)::before { background: #b8633f !important; }
/* Round 6 preview (Daisy asked to see it again, 2026-10-02): round 2's subheaders, rust capitals on a faint
   full-width rust band (what she called the red/orange strike-through). Only with ?subheads=band (index.html). */
html.design-cover.subheads-band :is(.sub-heading, .author-tagline, .author-card-name):not(#reader-section, #reader-section *) {
  display: block !important; background: rgba(184, 99, 63, 0.08) !important; padding: 0.45rem 0.75rem !important;
}
/* Round 10 (Daisy, 2026-10-02): "be sure all the font matches in the different sizes: headers match, subheaders match,
   body copy matches." One scale for the landing page (the book reader is untouched):
   body 1.05rem/1.6 everywhere (reviews keep their italics), card titles one size and line height, every rust subheader
   and Dori's name the same, bylines one size, buttons one size. The bottom quote drops to body size ("way too big").
   Leftover Inter bits move to Roboto. */
html.design-cover main :is(p, .lifeline-card-desc, .section-desc, .quote-text):not(.review-consent-note):not(#reader-section, #reader-section *) { font-size: 1.05rem !important; line-height: 1.6 !important; }
html.design-cover main :is(.pillar-card h3, .lifeline-card h3, .review-submission-box h3):not(#reader-section, #reader-section *) { font-size: 1.02rem !important; line-height: 1.3 !important; }
html.design-cover :is(.sub-heading, .author-tagline, .lifeline-badge, .author-card-name):not(#reader-section, #reader-section *) { font-size: 0.9rem !important; font-weight: 700 !important; letter-spacing: 0.16em !important; font-family: var(--font-sub) !important; }
html.design-cover :is(.reviewer-name, .reviewer-byline span):not(#reader-section, #reader-section *) { font-size: 0.75rem !important; }
html.design-cover :is(.primary-btn, .amazon-btn, .secondary-btn, .footer-trillionaires-badge a):not(#reader-section, #reader-section *) { font-size: 0.8rem !important; font-weight: 700 !important; letter-spacing: 0.06em !important; min-height: 44px !important; }  /* round 12: was 0.95rem */
html.design-cover main .quote-icon-emblem:not(#reader-section, #reader-section *) { font-size: 1.1rem !important; line-height: 1 !important; margin-bottom: 0.6rem !important; }  /* round 12: the ✨ was 28.8px */
html.design-cover main :is(.quote-author, .quote-author *, .lifeline-card span, .stars):not(#reader-section, #reader-section *) { font-family: var(--font-sub) !important; }
html.design-cover main :is(.lifeline-footer-org span, .lifeline-card small):not(#reader-section, #reader-section *) { font-size: 0.75rem !important; }
/* Round 11 (Daisy, 2026-10-02). */
html.design-cover .author-card:not(#reader-section, #reader-section *) { position: relative !important; }
html.design-cover .author-card:not(#reader-section, #reader-section *)::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #b8633f; }  /* the rust top line the lifeline cards have */
html.design-cover .author-bio-text:not(#reader-section, #reader-section *) { margin: 0 !important; max-width: none !important; }
html.design-cover .footer-trillionaires-badge a:not(#reader-section, #reader-section *) { border-radius: 0 !important; background: transparent !important; border: 1px solid #9d9f9e !important; padding: 0.85rem 1.25rem !important; min-height: 44px; font-family: var(--font-sub) !important; width: 100%; justify-content: center; text-align: center; text-transform: uppercase; letter-spacing: 0.04em; }  /* was a round pill */
html.design-cover main .secondary-btn:not(#reader-section, #reader-section *) { text-transform: uppercase; border: 1px solid #9d9f9e !important; }  /* same outline and capitals as Order on Amazon */
html.design-cover .footer-logo .logo-word:not(#reader-section, #reader-section *) { font-family: var(--font-headline) !important; font-weight: 400 !important; }  /* was the old Cinzel serif */
html.design-cover main .quote-author:not(#reader-section, #reader-section *) { font-size: 0.78rem !important; letter-spacing: 0.08em; text-transform: uppercase; color: #c9c9c6 !important; }
/* Round 7 (Daisy, 2026-10-02): "remove all the extra space in between the sections". 80px+80px between sections becomes 40+40 (32+32 on phones). */
html.design-cover main > section:not(#reader-section):not(#reader-section, #reader-section *) { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
@media (max-width: 768px) { html.design-cover main > section:not(#reader-section):not(#reader-section, #reader-section *) { padding-top: 2rem !important; padding-bottom: 2rem !important; } }
html.design-cover main .section-header:not(#reader-section, #reader-section *) { margin-bottom: 1.75rem !important; }  /* was 3.5rem under each section title */
/* Round 6 (Daisy, 2026-10-02): no grey boxes inside the cards; every lifeline label the same rust, no fill. */
/* The "Advance reader" tag on each review (inline green style from main.js) loses its outline and fill too: plain small grey text after the name. */
html.design-cover .reviewer-byline span:not(.reviewer-name):not(#reader-section, #reader-section *) { background: none !important; border: 0 !important; padding: 0 !important; color: #b8633f !important; -webkit-text-fill-color: #b8633f !important; margin-left: 0.6rem !important; }
html.design-cover .review-card .stars:not(#reader-section, #reader-section *) { color: #b8633f !important; -webkit-text-fill-color: #b8633f !important; }
html.design-cover .lifeline-card .lifeline-badge:not(#reader-section, #reader-section *) { color: #b8633f !important; -webkit-text-fill-color: #b8633f !important; background: none !important; border: 0 !important; }
html.design-cover :is(.hotline-primary, .hotline-secondary, .lifeline-btn):not(#reader-section, #reader-section *):hover { background: rgba(184, 99, 63, 0.08) !important; }

/* Dori's bio: room from the edge, her name in the rust heading style. */
html.design-cover .author-card:not(#reader-section, #reader-section *) { padding: 2rem 1.8rem !important; }  /* same as .review-card (Daisy round 7) */
html.design-cover .author-card-name:not(#reader-section, #reader-section *) { font-family: var(--font-sub) !important; text-transform: uppercase; letter-spacing: 0.16em !important; color: #b8633f !important; -webkit-text-fill-color: #b8633f !important; }

/* Round 19 (Daisy): the signed-in reader badge in the header matched nothing (green circle avatar, green tag, rounded pill)
   and sat out of line with the logo. Now a square, outlined block in Roboto capitals with a rust status word, 44px tall. */
html.design-cover #user-profile-badge:not(#reader-section, #reader-section *) { border-radius: 0 !important; background: transparent !important; border: 1px solid #7b7f85 !important;
  min-height: 44px; padding: 0 0.7rem !important; display: inline-flex; align-items: center; gap: 0.5rem; margin: 0 !important; }
html.design-cover #user-profile-badge.hidden { display: none !important; }
html.design-cover #user-avatar:not(#reader-section, #reader-section *) { display: none !important; }
@media (max-width: 768px) {
  /* Signed in, the badge is wider than Sign In: the phone logo steps down so the two sit side by side. */
  html.design-cover #main-header:has(#user-profile-badge:not(.hidden)) .logo { font-size: clamp(1rem, 4.6vw, 1.25rem) !important; }
  html.design-cover #user-name:not(#reader-section, #reader-section *) { max-width: 6.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
}
html.design-cover #user-profile-badge :is(#user-name, #user-status-tag):not(#reader-section, #reader-section *) { font-family: var(--font-sub) !important; text-transform: uppercase; letter-spacing: 0.08em; line-height: 1.1 !important; }
html.design-cover #user-name:not(#reader-section, #reader-section *) { color: #d7d6d2 !important; font-size: 0.72rem !important; font-weight: 700 !important; }
html.design-cover #user-status-tag:not(#reader-section, #reader-section *) { background: none !important; color: #b8633f !important; padding: 0 !important; font-size: 0.62rem !important; font-weight: 700 !important; border-radius: 0 !important; }
html.design-cover #header-logout-btn:not(#reader-section, #reader-section *) { border-radius: 0 !important; background: transparent !important; color: #9d9f9e !important; min-width: 44px; min-height: 44px; }

/* ===== Reviews slider (Daisy, round 16: "try putting the reviews in a slider swipe type of format").
   Preview only: html.reviews-slider is added by index.html with ?reviews=slider. Swipe on phones (one card, the next one
   peeking), three at a time on desktop, snap to each card; previous/next buttons and an "n of N" count under it. */
html.design-cover.reviews-slider #public-reviews-wall {
  display: flex !important; grid-template-columns: none !important; gap: 1rem !important; align-items: flex-start;
  overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
  scrollbar-width: none; margin-bottom: 0 !important; padding-bottom: 0.25rem;
}
html.design-cover.reviews-slider #public-reviews-wall::-webkit-scrollbar { display: none; }
html.design-cover.reviews-slider #public-reviews-wall > .review-card { flex: 0 0 86%; scroll-snap-align: center; }
html.design-cover.reviews-slider #public-reviews-wall > .reviews-empty { flex: 1 0 100%; }
/* Round 17 (Daisy): every card the same size; long reviews cut to six lines with a Read more button, so one long review
   doesn't stretch the row or the page. Opening one lets just that card grow. */
html.design-cover.reviews-slider #public-reviews-wall { align-items: stretch; }
html.design-cover.reviews-slider #public-reviews-wall.has-expanded { align-items: flex-start; }
html.design-cover.reviews-slider #public-reviews-wall > .review-card { display: flex; flex-direction: column; }
html.design-cover.reviews-slider #public-reviews-wall > .review-card > p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; height: calc(1.6em * 6); margin-bottom: 0 !important; }
html.design-cover.reviews-slider #public-reviews-wall > .review-card.is-expanded > p { display: block; -webkit-line-clamp: unset; line-clamp: none; height: auto; overflow: visible; }
html.design-cover.reviews-slider #public-reviews-wall > .review-card > .reviewer-byline { margin-top: auto !important; padding-top: 0.8rem; }
html.design-cover.reviews-slider .review-read-more { align-self: flex-start; min-height: 44px; padding: 0 0.1rem; margin-top: 0.4rem; background: none; border: 0; cursor: pointer;
  font-family: var(--font-sub); font-weight: 700; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; color: #b8633f; }
html.design-cover.reviews-slider .review-read-more[hidden] { display: none; }
@media (min-width: 800px) { html.design-cover.reviews-slider #public-reviews-wall > .review-card { flex-basis: calc((100% - 2rem) / 3); scroll-snap-align: start; } }
html.design-cover.reviews-slider .reviews-slider-nav { display: flex; justify-content: center; align-items: center; gap: 0.75rem; margin: 1rem 0 2.5rem; }
html.design-cover.reviews-slider .reviews-slider-nav[hidden] { display: none; }
html.design-cover.reviews-slider .reviews-slider-nav button { width: 44px; height: 44px; border-radius: 0; background: transparent; border: 1px solid #9d9f9e; color: #c9c9c6; font-size: 1.1rem; cursor: pointer; }
html.design-cover.reviews-slider .reviews-slider-nav button:disabled { opacity: 0.35; cursor: default; }
html.design-cover.reviews-slider .reviews-slider-count { min-width: 5.5em; text-align: center; font-family: var(--font-sub); font-weight: 700; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; color: #9d9f9e; }

/* ===== Reader restyle (Daisy, round 13; John 2026-10-02: "anything goes except the words in the book").
   Preview only: html.reader-cover is added by index.html with ?reader=new. Styles only; the manuscript text is untouched.
   Each reading theme (dark / sepia / light) keeps its paper and ink, with the site's fonts, square controls and a rust accent. */
html.design-cover.reader-cover #reader-section { --rd-bg: #0f1115; --rd-panel: #0b0c10; --rd-text: #d8d4cc; --rd-head: #e1ded7; --rd-muted: #9d9f9e; --rd-line: rgba(157, 159, 158, 0.3); --rd-btn: #c9c9c6; --rd-accent: #b8633f; --rd-title-a: #f1efe9; --rd-title-b: #8d9096; background: var(--rd-bg) !important; color: var(--rd-text) !important; }
html.design-cover.reader-cover body[data-reader-theme="sepia"] #reader-section, html.design-cover.reader-cover[data-reader-theme="sepia"] #reader-section { --rd-bg: #f4ecdc; --rd-panel: #ebe1cc; --rd-text: #2b231d; --rd-head: #2b231d; --rd-muted: #6b5a48; --rd-line: rgba(43, 35, 29, 0.25); --rd-btn: #3a2e24; --rd-accent: #9a4f30; --rd-title-a: #2b231d; --rd-title-b: #6e6256; }
html.design-cover.reader-cover body[data-reader-theme="light"] #reader-section, html.design-cover.reader-cover[data-reader-theme="light"] #reader-section { --rd-bg: #ffffff; --rd-panel: #f3f3f2; --rd-text: #1f2328; --rd-head: #111316; --rd-muted: #5b6068; --rd-line: rgba(17, 19, 22, 0.2); --rd-btn: #1f2328; --rd-accent: #a3542f; --rd-title-a: #111316; --rd-title-b: #5b6068; }
html.design-cover.reader-cover #reader-section, html.design-cover.reader-cover #reader-section * { text-shadow: none !important; box-shadow: none !important; }
html.design-cover.reader-cover #reader-section :is(.reader-controls, #sticky-audio-bar, .tts-controls) { background: var(--rd-panel) !important; border-color: var(--rd-line) !important; border-radius: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html.design-cover.reader-cover #reader-section :is(.reader-btn, .chapter-select, .reader-select, .chapter-audio-btn) {
  border-radius: 0 !important; background: transparent !important; border: 1px solid var(--rd-line) !important; color: var(--rd-btn) !important;
  font-family: var(--font-sub) !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.72rem !important;
}
html.design-cover.reader-cover #reader-section :is(.chapter-select, .reader-select) { background: var(--rd-panel) !important; }
html.design-cover.reader-cover #reader-section :is(.reader-btn, .chapter-select, .reader-select, .chapter-audio-btn) { min-height: 44px !important; }  /* 44px tap targets (they were 24-31px) */
html.design-cover.reader-cover #reader-section #toggle-follow-scroll-btn:not(.off) { border-color: var(--rd-accent) !important; color: var(--rd-accent) !important; }
html.design-cover.reader-cover #reader-section .tts-play-btn { background: var(--rd-accent) !important; border-color: var(--rd-accent) !important; color: #fff !important; }
html.design-cover.reader-cover #reader-section .tts-stop-btn { color: var(--rd-muted) !important; }
html.design-cover.reader-cover #reader-section .chapter-audio-btn { color: var(--rd-accent) !important; border-color: var(--rd-accent) !important; }
html.design-cover.reader-cover #reader-section :is(.tts-track-title, .tts-time-display) { font-family: var(--font-sub) !important; color: var(--rd-muted) !important; }
html.design-cover.reader-cover #reader-section input[type="range"] { accent-color: var(--rd-accent) !important; }
html.design-cover.reader-cover #reader-section input[type="range"]::-webkit-slider-thumb { background: var(--rd-accent) !important; border-color: var(--rd-accent) !important; box-shadow: none !important; }
html.design-cover.reader-cover #reader-section input[type="range"]::-moz-range-thumb { background: var(--rd-accent) !important; border-color: var(--rd-accent) !important; box-shadow: none !important; }
html.design-cover.reader-cover #reading-progress-bar { background: #b8633f !important; }
/* The book itself: same words, the site's type. Text size still follows A- / A+. */
html.design-cover.reader-cover #reader-section .manuscript-container, html.design-cover.reader-cover #reader-section .manuscript-container :is(p, li, em, strong) { font-family: var(--font-typewriter) !important; color: var(--rd-text) !important; }
html.design-cover.reader-cover #reader-section .manuscript-container :is(h1, h2) { font-family: var(--font-headline) !important; font-weight: 400 !important; text-transform: uppercase; letter-spacing: 0.03em; color: var(--rd-head) !important; -webkit-text-fill-color: var(--rd-head) !important; background: none !important; }
html.design-cover.reader-cover #reader-section .manuscript-container h2 { border-bottom: 1px solid var(--rd-line) !important; }
/* Round 14 (Daisy): book title and subheading with more colour than white, taken from the cover.
   Title: brushed-steel lettering like the cover. Subtitle: rust italics. Byline: small steel capitals. */
html.design-cover.reader-cover #reader-section .manuscript-container h1 {
  background: linear-gradient(180deg, var(--rd-title-a) 0%, var(--rd-title-a) 38%, var(--rd-title-b) 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: var(--rd-title-a) !important;
  text-align: center; margin-bottom: 0.4rem !important;
}
html.design-cover.reader-cover #reader-section .manuscript-container h1 + p { text-align: center !important; line-height: 1.5 !important; }
/* Round 15 (Daisy): the subtitle matches the homepage subheaders: rust Roboto capitals on the faint rust band. */
html.design-cover.reader-cover #reader-section .manuscript-container h1 + p em {
  display: block; font-style: normal !important; font-family: var(--font-sub) !important; font-weight: 700 !important; text-transform: uppercase;
  letter-spacing: 0.16em; font-size: 0.9rem !important; line-height: 1.5; padding: 0.45rem 0.75rem; margin: 0.6rem 0 0.2rem;
  color: var(--rd-accent) !important; -webkit-text-fill-color: var(--rd-accent) !important;
  background: rgba(184, 99, 63, 0.08); background: color-mix(in srgb, var(--rd-accent) 10%, transparent);
}
html.design-cover.reader-cover #reader-section .manuscript-container h1 + p br { display: none; }
html.design-cover.reader-cover #reader-section .manuscript-container h1 + p strong { display: inline-block; margin-top: 0.6rem; font-family: var(--font-sub) !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.16em; font-size: 0.78rem; color: var(--rd-muted) !important; -webkit-text-fill-color: var(--rd-muted) !important; }
html.design-cover.reader-cover #reader-section .manuscript-container h2 + p::first-letter { font-family: var(--font-headline) !important; color: var(--rd-accent) !important; -webkit-text-fill-color: var(--rd-accent) !important; font-weight: 400 !important; font-size: 3.55em; line-height: 0.78; float: left; margin: 0.06em 0.45rem 0 0; text-shadow: none !important; }
@supports ((initial-letter: 2) or (-webkit-initial-letter: 2)) {
  html.design-cover.reader-cover #reader-section .manuscript-container h2 + p::first-letter { float: none !important; font-size: 1em !important; line-height: inherit !important; -webkit-initial-letter: 2; initial-letter: 2; margin: 0 0.45rem 0 0 !important; }
}
/* End of the book: about-the-author box and review form, matching the landing page. */
html.design-cover.reader-cover #reader-section :is(#in-reader-about-author, #in-reader-review-container) { border-radius: 0 !important; background: transparent !important; border: 1px solid var(--rd-line) !important; }
html.design-cover.reader-cover #reader-section .in-reader-about-kicker { font-family: var(--font-sub) !important; color: var(--rd-accent) !important; text-transform: uppercase; letter-spacing: 0.16em; font-weight: 700; font-size: 0.9rem !important; }
html.design-cover.reader-cover #reader-section :is(.in-reader-input, .in-reader-textarea) { border-radius: 0 !important; background: transparent !important; border: 1px solid var(--rd-line) !important; color: var(--rd-text) !important; font-family: var(--font-typewriter) !important; }
html.design-cover.reader-cover #reader-section .in-reader-stars span.active { color: var(--rd-accent) !important; }
html.design-cover.reader-cover #reader-section :is(#in-reader-review-form button, #in-reader-review-container button) { border-radius: 0 !important; background: var(--rd-accent) !important; border: 1px solid var(--rd-accent) !important; color: #fff !important; font-family: var(--font-sub) !important; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.8rem !important; min-height: 44px; }
html.design-cover.reader-cover #reader-section :is(.in-reader-about-photo, .in-reader-about-photo img) { border-radius: 0 !important; border-color: var(--rd-line) !important; }
html.design-cover.reader-cover #reader-section .font-size-group { border-color: var(--rd-line) !important; border-radius: 0 !important; background: transparent !important; }
html.design-cover.reader-cover #reader-section .manuscript-container h1 { line-height: 1.15 !important; }
html.design-cover.reader-cover #reader-section h3:not(.manuscript-container h3) { color: var(--rd-head) !important; -webkit-text-fill-color: var(--rd-head) !important; font-family: var(--font-sub) !important; text-transform: uppercase; letter-spacing: 0.06em; }
/* Panels in and after the book: the unlock card, about-the-author, thank-you/review box, support-line banner. */
html.design-cover.reader-cover #reader-section :is(.reader-gate-card, .in-reader-about-box, .in-reader-review-box, .in-reader-lifeline-banner) { border-radius: 0 !important; background: var(--rd-panel) !important; border: 1px solid var(--rd-line) !important; }
html.design-cover.reader-cover #reader-section :is(.reader-gate-card, .in-reader-about-box, .in-reader-review-box, .in-reader-lifeline-banner) :is(h3, h4) { font-family: var(--font-sub) !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.06em; color: var(--rd-head) !important; -webkit-text-fill-color: var(--rd-head) !important; font-size: 1.02rem !important; }
html.design-cover.reader-cover #reader-section :is(.reader-gate-card, .in-reader-about-box, .in-reader-review-box, .in-reader-lifeline-banner) :is(p, em, li, .review-consent-note) { font-family: var(--font-typewriter) !important; color: var(--rd-text) !important; }
html.design-cover.reader-cover #reader-section :is(.google-signin-btn, .secondary-btn, .amazon-btn, .primary-btn) { border-radius: 0 !important; font-family: var(--font-sub) !important; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700 !important; font-size: 0.8rem !important; min-height: 44px; background: transparent !important; border: 1px solid var(--rd-line) !important; color: var(--rd-btn) !important; }
html.design-cover.reader-cover #reader-section :is(.primary-btn, #gate-google-btn) { background: var(--rd-accent) !important; border-color: var(--rd-accent) !important; color: #fff !important; }
html.design-cover.reader-cover #reader-section .in-reader-hotline-btn { border-radius: 0 !important; background: transparent !important; border: 1px solid var(--rd-accent) !important; color: var(--rd-accent) !important; font-family: var(--font-sub) !important; }

/* Inline accent colours in index.html. */
html.design-cover [style*="#fbbf24"]:not(#reader-section, #reader-section *), html.design-cover [style*="#66fcf1"]:not(#reader-section, #reader-section *), html.design-cover [style*="#d4af37"]:not(#reader-section, #reader-section *) { color: #c9c9c6 !important; }
html.design-cover [style*="font-family: 'Cinzel'"]:not(#reader-section, #reader-section *) { font-family: var(--font-headline) !important; text-transform: uppercase; }