:root { --plum: #79591d; --plum-deep: #604411; }
.hero { margin-top: 22px; padding: 42px; background: #171717; border: 1px solid #72613c; border-radius: 10px; gap: 40px; }
.hero h1 { color: #fffaf0; font-size: clamp(30px, 3.5vw, 46px); line-height: 1.5; }
.hero h1 em { color: #e5c56e; font-style: normal; }
.hero .book-subtitle { color: #f1dfae; }
.hero .eyebrow { color: #e5c56e; }
.hero .authors, .hero .reading-meta { color: #d5cdbb; }
.hero .lead { color: #f2eee5; font-size: 16px; }
.hero .button { color: #211b0f; background: #e5c56e; border-color: #e5c56e; }
.hero .button:hover { background: #f5dda1; }
.hero .button:focus-visible { outline-color: #fff; }
.hero-art { margin: 0; padding: 0; background: none; }
.hero-art figcaption { margin-top: 18px; font-size: 11px; color: #d5cdbb; }
.book-cover-image { width: min(100%, 276px); box-shadow: 0 18px 30px #0008; }
.takeaways { background: #f3eddf; border-color: #d7c8a8; }
.takeaways ol { padding-left: 1.4em; margin: 0; }
.approaches { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.8; }
.approaches caption { text-align: left; color: var(--muted); margin-bottom: 16px; }
.approaches th, .approaches td { padding: 16px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.approaches thead { background: #eee6d7; }
.approaches tbody th { width: 25%; color: var(--plum-deep); }
.analysis-notes { margin: 22px 0; padding: 22px 24px 22px 42px; background: #f1eadc; border-left: 3px solid #ad8c62; }
.analysis-notes li + li { margin-top: 10px; }
.investment-diagram { margin: 28px 0; padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.diagram-image-link { display: block; cursor: zoom-in; }
.investment-diagram img { display: block; width: 100%; height: auto; }
.investment-diagram figcaption { margin-top: 16px; font-size: 14px; line-height: 1.8; color: var(--ink); }
.diagram-enlarge { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px; min-height: 44px; font-size: 14px; }
.diagram-new-tab { font-size: 12px; }
.purchase-options a { background: #f3eddf; border-color: #b59b65; }
.purchase-options a:hover { background: #e9ddc5; }
.book-purchase + .button { margin-top: 24px; }
@media (max-width: 900px) { .hero { padding: 30px; gap: 28px; } }
@media (max-width: 720px) {
  .hero { padding: 28px 22px; gap: 32px; }
  .hero h1 { font-size: clamp(28px, 7vw, 40px); }
  .book-cover-image { width: min(100%, 222px); }
  .approaches { font-size: 12px; }
  .approaches th, .approaches td { padding: 12px 7px; overflow-wrap: anywhere; }
  .approaches tbody th { width: 28%; }
  .investment-diagram { padding: 10px; }
}
@media print { .hero { background: #fff; } .hero h1, .hero h1 em, .hero .lead, .hero .authors, .hero .reading-meta, .hero .book-subtitle, .hero .eyebrow { color: #000; } }