/* 11K: additional topic. Existing global layout stays unchanged. */
.home-topic-card--wide { grid-column: 1 / -1; }
.home-topic-card--wide > p:not(.eyebrow) { max-width: 78ch; }
.home-topic-card--wide .more { color: var(--gold-soft); }
.book-theme-callout {
  margin: 42px 0 0;
  padding: 26px 30px 30px;
  border: 1px solid rgba(212,168,87,.3);
  border-left: 3px solid var(--gold);
  background: rgba(212,168,87,.045);
}
.book-synopsis .book-theme-callout .eyebrow { font-family: var(--utility); font-size: .7rem; color: var(--gold); margin-bottom: 12px; }
.book-synopsis .book-theme-callout h2 { margin: 0 0 16px; }
.book-theme-callout .btn { white-space: normal; text-align: center; }
.paradox-page .theme-hero { padding: 54px 0 56px; }
.paradox-page .theme-hero h1 { max-width: 16ch; }
.paradox-page .paradox-subtitle { max-width: 64ch; color: var(--gold-soft); font-size: 1.23rem; line-height: 1.45; margin: 0 0 26px; }
.paradox-page .theme-hero .lead { font-size: 1.08rem; line-height: 1.75; max-width: 74ch; margin: 0; }
.paradox-page .theme-article { padding: 52px 0 70px; }
.paradox-page .article-grid { grid-template-columns: minmax(0,1fr) 280px; gap: 58px; }
.paradox-page .article-block { padding: 0; margin: 0 0 38px; scroll-margin-top: 120px; }
.paradox-page .article-block h2 { font-size: clamp(1.65rem,2.8vw,2.25rem); margin: 0 0 18px; }
.paradox-page .article-block p { line-height: 1.8; margin: 0 0 18px; }
.paradox-page .article-block strong { color: var(--paper); font-weight: 600; }
.paradox-page .article-block .eyebrow { color: var(--gold); font-family: var(--utility); font-size: .72rem; line-height: 1.5; margin-bottom: 12px; }
.paradox-page .essay-note { margin: 0 0 36px; padding: 12px 16px; border-left: 2px solid var(--gold); background: rgba(212,168,87,.04); font-size: .85rem; color: rgba(246,241,231,.72); }
.paradox-page .paradox-conclusion { margin: 30px 0 0; padding: 26px 0 0; border-top: 1px solid rgba(212,168,87,.4); font-family: var(--display); font-size: clamp(1.55rem,2.5vw,2rem); line-height: 1.38; color: var(--gold-soft); }
.paradox-page .paradox-conclusion strong { font-weight: 700; }
.paradox-page .article-aside { position: static; min-width: 0; }
.paradox-page .aside-card { margin-bottom: 26px; padding: 23px; }
.paradox-page .aside-card p { color: rgba(246,241,231,.72); font-size: .88rem; line-height: 1.65; }
.paradox-page .aside-card p.eyebrow { font-family: var(--utility); color: var(--gold); font-size: .66rem; }
.paradox-page .aside-card .paradox-guide-cover { margin: 18px 0 24px; }
.paradox-guide-cover img { width: 100%; height: auto; box-shadow: 0 14px 26px rgba(0,0,0,.22); }
.paradox-page .aside-card .btn { display: flex; width: 100%; white-space: normal; text-align: center; font-size: .73rem; line-height: 1.45; padding: 12px 14px; }
.paradox-page .aside-card > a:not(.btn) { font-size: .82rem; }
.paradox-page .aside-card .essay-source { border-top: 1px solid rgba(212,168,87,.18); padding-top: 16px; margin-top: 22px; font-size: .79rem; }
.paradox-page .paradox-outlook h2 { font-size: 1.6rem; line-height: 1.2; }
.paradox-page .paradox-outlook h2 cite { font-weight: 400; }
@media (max-width: 980px) {
  .paradox-page .article-grid { grid-template-columns: minmax(0,1fr); gap: 42px; }
  .paradox-page .article-aside { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
  .paradox-page .paradox-guide-cover img { max-width: 220px; margin: 0 auto; }
}
/* Keep the expanded topic menu inside the viewport on small screens. */
@media (max-width: 760px) {
  nav.main .nav-dropdown[open] .nav-submenu,
  nav.main .nav-dropdown:hover .nav-submenu,
  nav.main .nav-dropdown:focus-within .nav-submenu { transform: none; }
}
@media (max-width: 620px) {
  .paradox-page .theme-hero { padding: 38px 0 38px; }
  .paradox-page .theme-hero h1 { font-size: clamp(2.35rem,10vw,3.2rem); overflow-wrap: anywhere; }
  .paradox-page .paradox-subtitle { font-size: 1.08rem; }
  .paradox-page .article-grid { gap: 34px; }
  .paradox-page .article-aside { grid-template-columns: minmax(0,1fr); gap: 0; }
  .paradox-page .theme-article { padding-top: 36px; }
  .book-theme-callout { padding: 22px; }
  .book-theme-callout .btn { max-width: 100%; }
  .home-topic-card--wide { grid-column: auto; }
}

/* 11L: After Faust and Ahab. Existing topic styles are reused. */
.home-topic-card[data-topic] .more { color: var(--gold-soft); }
.classics-page .theme-hero h1 { max-width: 20ch; }
.classics-page .theme-hero .lead p { margin: 0 0 16px; }
.classics-page .theme-hero .lead p:last-child { margin-bottom: 0; }
.classics-page .source-ref { font-family: var(--utility); font-size: .7em; line-height: 0; }
.classics-page .source-ref a { color: var(--gold-soft); padding: 0 2px; text-decoration: none; }
.classics-page a:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.classics-page .essay-toc ol { margin: 18px 0 0; padding-left: 21px; }
.classics-page .essay-toc li { padding-left: 4px; margin: 0 0 15px; color: var(--gold); font-family: var(--utility); font-size: .79rem; line-height: 1.55; }
.classics-page .essay-toc li:last-child { margin-bottom: 0; }
.classics-page .essay-toc a { color: rgba(246,241,231,.8); }
.classics-page .essay-toc a:hover { color: var(--gold-soft); }
.classics-page .article-sources { margin-top: 48px; padding-top: 25px; border-top: 1px solid rgba(212,168,87,.18); }
.classics-page .article-sources h2 { font: 600 1.35rem/1.3 var(--display); margin: 0 0 16px; }
.classics-page .article-sources ol { padding-left: 23px; }
.classics-page .article-sources li { margin: 0 0 13px; padding-left: 4px; font-size: .83rem; line-height: 1.65; color: rgba(246,241,231,.65); scroll-margin-top: 120px; }
.classics-page .article-sources a { color: var(--gold-soft); overflow-wrap: anywhere; }
.classics-page .article-sources p { color: rgba(246,241,231,.65); font-size: .81rem; line-height: 1.65; }
.classics-page .article-block:target h2 { color: var(--gold-soft); }
