/* The writing archive's book shelf and the Color Guy reading edition. */
body.poetry-book main { max-width: 1400px; padding-top: 24px; }
.book-breadcrumb { display: flex; gap: 12px; margin: 0 0 38px; font-size: 12px; color: var(--muted); }
.book-label { font: 11px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .12em; }
.book-cover-layout { display: grid; grid-template-columns: .92fr 1fr; gap: clamp(44px, 7vw, 120px); align-items: start; }
.book-cover { padding: 32px 0 40px; border-top: 1px solid var(--ink); position: sticky; top: 110px; }
body.poetry-book .book-cover h1 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(54px, 6.5vw, 100px) !important; letter-spacing: -.065em !important; line-height: .98 !important; font-weight: 400; margin: 42px 0 30px; }
.book-cover h1 i { color: var(--red); font-weight: 400; }
.book-author { font: 16px/1.5 Georgia, 'Times New Roman', serif; }
.book-color-bands { display: flex; height: 9px; margin: 55px 0 0; }
.book-color-bands span { flex: 1; }
body.poetry-book .book-start { display: flex; justify-content: space-between; padding: 22px 0; font-size: 15px; border-bottom: 1px solid var(--line); }
.book-contents { border-top: 1px solid var(--ink); }
.contents-heading { display: flex; align-items: baseline; justify-content: space-between; padding: 30px 0 26px; }
body.poetry-book .contents-heading h2 { font: 14px/1.4 var(--sans) !important; margin: 0; letter-spacing: 0 !important; }
.contents-heading > span { color: var(--muted); font: 11px var(--mono); }
.book-contents ol { list-style: none; padding: 0; margin: 0; }
.book-contents li { padding: 18px 0 19px; border-top: 1px solid var(--line); }
.book-part-title { display: grid; grid-template-columns: 48px 1fr 18px; align-items: baseline; gap: 10px; font: 25px/1.2 Georgia, 'Times New Roman', serif; }
.part-number { border-left: 5px solid var(--chapter-color); padding-left: 9px; font: 12px var(--mono); }
.part-arrow { font: 17px var(--sans); }
.book-section-links { font-size: 12px; line-height: 1.7; margin: 10px 28px 0 58px; color: var(--muted); }
body.poetry-book .book-section-links a { color: var(--muted) !important; }
.book-layout { display: grid; grid-template-columns: 240px minmax(0, 820px); gap: clamp(48px, 7vw, 120px); justify-content: center; }
.book-sidebar { position: sticky; top: 112px; align-self: start; max-height: calc(100vh - 140px); overflow-y: auto; padding: 0 6px 6px 0; }
.back-to-contents { display: flex; justify-content: space-between; border-top: 1px solid var(--ink); padding: 15px 0 24px; font-size: 12px; }
.book-tabs { display: grid; }
.book-tabs a { display: grid; grid-template-columns: 26px 1fr; gap: 10px; padding: 13px 8px; border-left: 4px solid var(--chapter-color); font-size: 12px; }
.book-tabs a > span:first-child { font-family: var(--mono); }
.book-tabs a[aria-current] { background: var(--panel); font-weight: 700; outline: 1px solid var(--line); outline-offset: -1px; }
.section-jump { border-top: 1px solid var(--line); margin-top: 26px; font-size: 12px; }
.section-jump summary { cursor: pointer; padding: 18px 0; }
.section-jump summary span { display: block; padding-top: 5px; color: var(--muted); font-size: 11px; }
.section-jump ol { padding-left: 20px; margin: 0 0 12px; }
.section-jump li { margin-bottom: 12px; line-height: 1.4; padding-left: 4px; }
.book-chapter { min-width: 0; }
.book-chapter-heading { border-top: 7px solid var(--chapter-color); padding: 30px 0 44px; }
.book-chapter-heading .book-label { margin: 0 0 28px; }
body.poetry-book .book-chapter-heading h1 { font: 400 clamp(44px, 5vw, 76px)/1.02 Georgia, 'Times New Roman', serif !important; letter-spacing: -.055em !important; }
.book-chapter-heading > p:last-child { margin: 20px 0 0; font: 14px Georgia, 'Times New Roman', serif; color: var(--muted); }
.book-poem { margin: 0 0 76px; scroll-margin-top: 112px; }
.poem-heading { display: grid; grid-template-columns: 60px minmax(0,1fr) 24px; align-items: baseline; gap: 10px; padding: 20px 0 28px; border-top: 1px solid var(--line); }
.poem-number { font: 10px var(--mono); color: var(--muted); }
body.poetry-book .poem-heading h2 { font: italic 400 clamp(24px, 2.3vw, 32px)/1.18 Georgia, 'Times New Roman', serif !important; letter-spacing: -.025em !important; margin: 0; }
.poem-permalink { font-size: 14px; text-align: right; opacity: .55; }
.book-verse { font: 19px/1.65 Georgia, 'Times New Roman', serif; overflow-wrap: anywhere; tab-size: 2; }
.verse-paragraph { white-space: pre-wrap; margin: 0; padding-left: min(calc(var(--indent) * 1.5em), 16%); text-indent: min(calc(var(--first-line) * .75em), 8%); }
.verse-space { min-height: 1.1em; }
.manuscript-color { color: var(--source-color); }
:root[data-theme="dark"] .manuscript-color { color: #ff817a; }
.book-pagination { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--ink); gap: 30px; margin-top: 50px; padding: 28px 0; }
.book-pagination a { display: flex; flex-direction: column; gap: 12px; }
.book-pagination a:last-child { text-align: right; }
.book-pagination span { font-size: 11px; color: var(--muted); }
.book-pagination strong { font: 400 24px/1.2 Georgia, 'Times New Roman', serif; }
body.writing-archive .book-archive-card { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 32px; align-items: center; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); padding: 30px 0; margin: 0 0 48px; }
.book-archive-bands { display: flex; flex-direction: column; height: 132px; }
.book-archive-bands span { flex: 1; }
body.writing-archive .book-archive-card h2 { font: 400 clamp(30px, 3.4vw, 52px)/1.1 Georgia, 'Times New Roman', serif !important; margin: 18px 0 12px; }
.book-archive-card p { margin: 0; }
.book-archive-card p:last-child { font: 15px Georgia, 'Times New Roman', serif; }
.book-archive-open { padding: 16px 0; font-size: 13px; }
.book-archive-open span { margin-left: 24px; }
@media (max-width: 900px) {
  .book-cover-layout { gap: 40px; }
  .book-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 38px; }
  .book-tabs a { font-size: 11px; }
  .book-verse { font-size: 18px; }
}
@media (max-width: 640px) {
  body.poetry-book main { width: calc(100% - 36px); padding-top: 20px; }
  .book-breadcrumb { margin-bottom: 24px; font-size: 11px; flex-wrap: wrap; gap: 8px; }
  .book-cover-layout { grid-template-columns: 1fr; gap: 24px; }
  .book-cover { position: static; padding: 24px 0 0; }
  body.poetry-book .book-cover h1 { font-size: clamp(54px, 14vw, 84px) !important; margin: 32px 0 24px; }
  .book-color-bands { margin-top: 32px; }
  .contents-heading { padding: 24px 0 20px; }
  .book-part-title { font-size: 25px; }
  .book-layout { display: block; }
  .book-sidebar { position: static; max-height: none; overflow: visible; padding: 0; margin: 0 0 28px; }
  .back-to-contents { padding: 12px 0 18px; }
  .book-tabs { grid-template-columns: repeat(8, minmax(0,1fr)); gap: 4px; }
  .book-tabs a { display: block; padding: 12px 0; text-align: center; border-left: 0; border-top: 4px solid var(--chapter-color); font-size: 11px; }
  .tab-title { display: none; }
  .section-jump { margin-top: 18px; border-bottom: 1px solid var(--line); }
  .section-jump summary { padding: 14px 0; }
  .section-jump summary span { display: inline; padding-left: 12px; }
  .book-chapter-heading { padding: 24px 0 36px; }
  .book-chapter-heading .book-label { margin-bottom: 20px; }
  .book-verse { font-size: 17px; line-height: 1.65; tab-size: 1; }
  .verse-paragraph { padding-left: min(calc(var(--indent) * .75em), 10%); text-indent: min(calc(var(--first-line) * .4em), 5%); }
  .poem-heading { grid-template-columns: 50px minmax(0,1fr) 18px; gap: 8px; }
  .book-poem { margin-bottom: 58px; scroll-margin-top: 95px; }
  .book-pagination { gap: 18px; }
  .book-pagination strong { font-size: 21px; }
  body.writing-archive .book-archive-card { grid-template-columns: 18px minmax(0, 1fr); gap: 20px; }
  .book-archive-bands { grid-row: span 2; height: 100%; min-height: 140px; }
  .book-archive-open { grid-column: 2; padding: 0; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }
@media print {
  .site-header, .site-footer, .book-sidebar, .book-breadcrumb, .book-pagination, .poem-permalink { display: none !important; }
  body.poetry-book main { width: 100%; }
  .book-layout { display: block; }
  .book-verse { font-size: 12pt; }
  .book-poem { break-before: page; margin: 0; }
  .book-poem:first-of-type { break-before: auto; }
  .book-chapter-heading { border: 0; }
}
