@page { size: Letter; margin: 18mm 16mm; }
* { box-sizing: border-box; }
body {
  font-family: "Georgia", "Times New Roman", serif;
  color: #1f2937; line-height: 1.6; font-size: 12.5pt; margin: 0;
}
.wrap { max-width: 720px; margin: 0 auto; }
h1, h2, h3 { font-family: "Georgia", serif; color: #0e2a47; line-height: 1.2; }
h1 { font-size: 26pt; margin: 0 0 4pt; }
h2 { font-size: 16pt; margin: 22pt 0 6pt; border-bottom: 2px solid #c9a55c; padding-bottom: 3pt; }
h3 { font-size: 13pt; margin: 14pt 0 4pt; color: #7a1f2b; }
p { margin: 0 0 9pt; }
.kicker { letter-spacing: 2px; text-transform: uppercase; font-size: 9pt; color: #a8843e; font-weight: bold; font-family: Arial, sans-serif; }
.cover { text-align: center; padding: 30pt 0 16pt; border-bottom: 3px double #c9a55c; margin-bottom: 16pt; }
.cover .mark { width: 64px; height: 64px; border-radius: 50%; background: #0e2a47; color: #c9a55c; display: inline-flex; align-items: center; justify-content: center; font-size: 22pt; font-weight: bold; margin-bottom: 10pt; }
.subtitle { color: #5b6776; font-size: 12pt; font-style: italic; }
.lead { font-size: 13.5pt; }
.verse { background: #f3ebd9; border-left: 4px solid #c9a55c; padding: 8pt 12pt; margin: 10pt 0; font-style: italic; color: #0e2a47; border-radius: 3px; }
.verse cite { display: block; font-style: normal; font-size: 10pt; color: #7a1f2b; margin-top: 3pt; font-weight: bold; }
.callout { background: #faf6ef; border: 1px solid #e7e2d4; border-radius: 6px; padding: 10pt 14pt; margin: 12pt 0; }
.section { page-break-before: always; }
ul, ol { margin: 0 0 9pt; padding-left: 20pt; }
li { margin-bottom: 5pt; }
.mf { border-collapse: collapse; width: 100%; font-size: 11pt; }
.mf th, .mf td { border: 1px solid #e7e2d4; padding: 7pt 9pt; vertical-align: top; text-align: left; }
.mf th { background: #0e2a47; color: #fff; }
.mf .myth { background: #fbecec; width: 38%; }
.mf .fact { background: #eef5ee; }
.cta { background: #0e2a47; color: #f5ecd9; border-radius: 8px; padding: 16pt 18pt; margin: 14pt 0; }
.cta h2 { color: #fff; border: none; margin-top: 0; }
.cta a { color: #e8c879; font-weight: bold; }
.foot { margin-top: 14pt; padding-top: 8pt; border-top: 1px solid #e7e2d4; font-size: 9.5pt; color: #5b6776; }
.src { font-size: 9.5pt; color: #36506e; word-break: break-word; }
.src a { color: #36506e; }
a { color: #0e2a47; }
.tag { display:inline-block; background:#c9a55c; color:#0e2a47; font-family:Arial,sans-serif; font-size:8.5pt; font-weight:bold; padding:2pt 8pt; border-radius:999px; letter-spacing:1px; }

/* ---- Interactive quiz (screen only; hidden in print/PDF) ---- */
.study-quiz{margin:2.5rem 0 1rem;padding:1.5rem;border:2px solid #e5ddd0;border-radius:16px;background:#faf6ef;}
.study-quiz .kicker{color:#9a7b3f;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;}
.study-quiz .muted{color:#6b625a;font-size:.85rem;margin:.2rem 0 0;}
.quiz-q{font-weight:600;font-size:1.12rem;margin:.8rem 0 1rem;color:#2a2320;}
.quiz-opts{display:flex;flex-direction:column;gap:.5rem;}
.quiz-opt{text-align:left;padding:.8rem 1rem;border:1px solid #e5ddd0;border-radius:10px;background:#fff;font-size:1rem;cursor:pointer;font-family:inherit;color:#2a2320;transition:.15s;}
.quiz-opt.quiz-correct{background:#e7f5e7;border-color:#3a8a3a;color:#1e5e1e;font-weight:600;}
.quiz-opt.quiz-wrong{background:#fbeaea;border-color:#c0392b;color:#8a2b22;}
.quiz-fb{margin:1rem 0 0;padding:.8rem 1rem;background:#fff;border-radius:10px;font-size:.95rem;line-height:1.55;color:#2a2320;}
.quiz-nav{margin-top:1rem;display:flex;gap:.6rem;flex-wrap:wrap;}
.quiz-score{font-size:1.3rem;margin:.6rem 0;}
@media print { .study-quiz, .tts-bar, .study-audio { display:none !important; } }
/* Kreyol audio summary (screen only) */
.study-audio{margin:1.2rem 0 1.6rem;padding:1rem 1.1rem;border:2px solid #c9a55c;border-radius:14px;background:#faf6ef;display:flex;flex-direction:column;gap:.55rem;}
.study-audio .sa-label{font-weight:700;color:#7a1f2b;font-size:.95rem;}
.study-audio audio{width:100%;}
.study-audio .sa-dl{align-self:flex-start;font-size:.9rem;color:#7a1f2b;font-weight:600;text-decoration:none;border:1px solid #e5ddd0;border-radius:8px;padding:.35rem .7rem;background:#fff;}