.book-chapter{--bc-ink:var(--ink,#142c48);--bc-muted:var(--muted,#52657b);--bc-paper:var(--paper,#f8fafc);--bc-soft:var(--soft,#e7eff9);--bc-line:var(--line,#c4d0df);--bc-blue:var(--blue,#174f9a);color:var(--bc-ink);background:var(--bc-paper);font:16px/1.65 'Segoe UI',Arial,sans-serif;min-width:0;overflow-wrap:anywhere}
.book-chapter *,.book-chapter *::before,.book-chapter *::after{box-sizing:border-box}.book-chapter .bc-heading{padding:20px 24px;border-bottom:1px solid var(--bc-line)}.book-chapter h1{color:var(--navy,#142c48);font:600 36px/1.2 Bahnschrift,'Arial Narrow','Segoe UI',sans-serif;letter-spacing:-.7px;margin:0}.book-chapter .bc-page{padding:20px 24px;min-width:0}.book-chapter h2{font:600 22px/1.4 Bahnschrift,'Segoe UI',sans-serif;color:var(--navy,#142c48);margin:20px 0 12px}.book-chapter h3{font-size:18px;font-weight:600;margin:0 0 12px}.book-chapter h4{margin:0 0 .5rem}.book-chapter p{margin:.65rem 0}.book-chapter .bc-note,.book-chapter .bc-unit{font-size:13px;color:var(--bc-muted)}.book-chapter .bc-sections,.book-chapter .bc-modes,.book-chapter .bc-actions{display:flex;flex-wrap:wrap;gap:10px}.book-chapter .bc-sections{margin-bottom:14px}.book-chapter .bc-modes{padding-bottom:17px;margin-bottom:22px;border-bottom:1px solid var(--bc-line)}.book-chapter .bc-button{appearance:none;border:1px solid var(--bc-blue);border-radius:3px;background:var(--bc-blue);color:#fff;font:600 14px/1.5 'Segoe UI',Arial,sans-serif;min-height:44px;padding:10px 15px;cursor:pointer;max-width:100%;text-align:center}.book-chapter .bc-secondary{background:var(--bc-paper);color:var(--bc-ink);border-color:var(--bc-line)}.book-chapter .bc-button[aria-pressed=true]{background:var(--bc-blue);color:#fff;border-color:var(--bc-blue)}.book-chapter :is(button,textarea,select,summary):focus-visible,.book-chapter :is([data-book-result-title],[data-book-revealed]):focus{outline:3px solid var(--bc-blue);outline-offset:3px}.book-chapter .bc-reference-group{margin:0 0 30px}.book-chapter .bc-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.book-chapter .bc-reference-card{min-width:0;padding:18px;background:var(--bc-soft);border:1px solid var(--bc-line)}.book-chapter .bc-reference-card h2{margin-top:0}.book-chapter .bc-acronym{font-weight:700}.book-chapter .bc-passage{white-space:pre-wrap}.book-chapter .bc-song-part{margin:20px 0}.book-chapter .bc-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.book-chapter label{display:block;font-size:13px;font-weight:650}.book-chapter :is(textarea,select){display:block;width:100%;min-width:0;min-height:46px;border:1px solid var(--bc-line);border-radius:3px;background:var(--bc-paper);color:var(--bc-ink);font:16px/1.65 'Segoe UI',Arial,sans-serif;padding:10px;margin:7px 0 16px}.book-chapter textarea{resize:vertical}.book-chapter .bc-given,.book-chapter .bc-answer{padding:16px;background:var(--bc-soft);border-left:3px solid var(--bc-line)}.book-chapter .bc-answer{margin-top:18px}.book-chapter .bc-feedback:not(:empty){margin-top:24px;padding-top:20px;border-top:1px solid var(--bc-line)}.book-chapter .bc-notice{padding:12px 14px;border-left:4px solid #af751a;background:#fff6de}.book-chapter .bc-original{margin:16px 0}.book-chapter summary{cursor:pointer;min-height:44px;padding:9px 0;font-weight:650}.book-chapter .bc-navigation{margin-top:24px}.book-chapter .bc-fresh{margin-top:22px;padding-top:18px;border-top:1px solid var(--bc-line)}.book-chapter .bc-fresh .bc-note{margin:6px 0 0}.book-chapter .bc-diff-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:.85rem}.book-chapter .bc-diff{white-space:pre-wrap}.book-chapter .bc-diff-missing{background:#f5dfa8;color:#3d311a;text-decoration:underline;text-underline-offset:3px}.book-chapter .bc-diff-extra{background:#f3d2d0;color:#512828;text-decoration:line-through}
@media(max-width:560px){.book-chapter .bc-reference-grid,.book-chapter .bc-settings{grid-template-columns:1fr}.book-chapter .bc-sections>.bc-button{flex:1 1 140px}.book-chapter .bc-modes>.bc-button{flex:1 1 110px}.book-chapter .bc-actions>.bc-button{flex:1 1 auto}}
.book-chapter .bc-button:hover{filter:brightness(.97)}
@media(max-width:760px){.book-chapter .bc-heading{padding:18px 16px}.book-chapter .bc-page{padding:20px 16px}.book-chapter h1{font-size:32px}}
@media(max-width:400px){.book-chapter .bc-heading,.book-chapter .bc-page{padding-left:15px;padding-right:15px}.book-chapter h1{font-size:29px}}