/* ============================================================
   fivebyfive — coaching pages v2 (draft)
   Additive only. Extends style3.css + coaching.css.
   New components: library-pick (content excerpt), reading-pick /
   reading-list-mini (book promo), split-intro (layout variant B).
   ============================================================ */

/* ---------- Featured library excerpt (mirrors content.html's content-card) ---------- */
.library-pick {
  margin-top: 28px;
}
.library-pick .eyebrow { margin-bottom: 10px; }
.content-card.mini { border: 1px solid var(--line); background: #FFFDF9; border-radius: var(--radius); }
.content-card.mini .content-card-main { display: flex; gap: 1rem; padding: 1.1rem 1.3rem 1rem; }
.content-card.mini .content-number { padding-top: .25rem; min-width: 2rem; font-family: var(--font-mono); color: var(--ink-faint); font-size: .8rem; }
.content-card.mini .content-card-copy { min-width: 0; flex: 1; }
.content-card.mini h3 { font-family: var(--font-display); font-size: clamp(1.15rem, 2.2vw, 1.5rem); margin: 0 0 .3rem; line-height: 1.2; }
.content-card.mini .content-preview { margin: 0 0 .7rem; color: var(--ink-soft); }
.content-card.mini .content-open,
.content-card.mini .content-close {
  font-family: var(--font-mono);
  font-size: .82rem;
  background: none;
  border: none;
  color: var(--accent-dark);
  cursor: pointer;
  padding: 0;
}
.content-card.mini .content-open:hover,
.content-card.mini .content-close:hover { text-decoration: underline; }
.content-card.mini .content-details { overflow: hidden; border-top: 1px solid var(--line); }
.content-card.mini .content-details-inner { padding: 1.1rem 1.3rem 1.3rem 3.05rem; background: #FCFAF6; }
.content-card.mini .content-details-inner > p { margin: 0 0 .9rem; }
.library-pick .see-full-link {
  display: inline-block;
  margin-top: 14px;
  font-family: var(--font-mono);
  font-size: .82rem;
  color: var(--ink-soft);
}
.library-pick .see-full-link a { color: var(--accent-dark); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 3px; }
.library-pick .see-full-link a:hover { text-decoration-color: var(--accent); }

/* ---------- Foundational reading: single book pick (service pages) ---------- */
.reading-pick {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 26px 28px;
  background: var(--paper-warm);
}
.reading-pick .book-num { font-family: var(--font-mono); font-size: .78rem; color: var(--ink-faint); letter-spacing: .04em; text-transform: uppercase; margin: 0 0 6px; }
.reading-pick h3 { font-family: var(--font-display); font-size: 1.3rem; margin: 0 0 8px; }
.reading-pick p { margin: 0 0 12px; }
.reading-pick .book-note { font-size: .95rem; color: var(--ink-soft); font-style: italic; }
.reading-pick .book-links { font-family: var(--font-mono); font-size: .85rem; margin: 14px 0 0; }
.reading-pick .book-links a { color: var(--accent-dark); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 3px; }
.reading-pick .book-links a:hover { text-decoration-color: var(--accent); }

/* ---------- Foundational reading: mini list of all three (hub pages) ---------- */
.reading-list-mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 24px; }
.reading-list-mini .book-mini { border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; background: var(--paper-warm); }
.reading-list-mini .book-num { font-family: var(--font-mono); font-size: .75rem; color: var(--ink-faint); letter-spacing: .04em; text-transform: uppercase; margin: 0 0 6px; }
.reading-list-mini h3 { font-family: var(--font-display); font-size: 1.1rem; margin: 0 0 8px; line-height: 1.25; }
.reading-list-mini p { font-size: .92rem; margin: 0 0 10px; }
.reading-list-mini .book-links { font-family: var(--font-mono); font-size: .8rem; }
.reading-list-mini .book-links a { color: var(--accent-dark); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 3px; }
.reading-list-mini .see-all-books { margin-top: 18px; font-family: var(--font-mono); font-size: .85rem; }
.reading-list-mini .see-all-books a { color: var(--ink-soft); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 3px; }

/* ---------- Layout variant B: split intro (purpose / life pages) ---------- */
.split-intro { display: grid; grid-template-columns: 1.3fr 1fr; gap: 40px; align-items: start; }
.split-intro .split-main p { margin: 0 0 16px; }
.split-intro .split-side { position: sticky; top: 28px; }

@media (max-width: 800px) {
  .reading-list-mini { grid-template-columns: 1fr; }
  .split-intro { grid-template-columns: 1fr; }
  .split-intro .split-side { position: static; }
}