:root {
  --bg-dark: #071018;
  --bg-deep: #0c1822;
  --parchment: #f5edd8;
  --parchment-light: #fbf7ec;
  --ink: #1d252c;
  --muted: #66717a;
  --gold: #b38a3e;
  --gold-dark: #8d6a2d;
  --line: #d7c89f;
  --scripture-bg: #eee3c8;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: linear-gradient(rgba(5, 12, 18, 0.94), rgba(5, 12, 18, 0.94)), var(--bg-dark);
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.7;
}
.academy-header { background: var(--parchment); border-bottom: 1px solid var(--gold-dark); }
.academy-header a { display: block; }
.academy-header img { display: block; width: 100%; max-height: 180px; object-fit: cover; object-position: center; }
.lesson-page { width: min(1100px, calc(100% - 32px)); margin: 0 auto; padding: 34px 0 60px; }
.lesson-nav { display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-bottom: 18px; color: #e9dfc6; font-family: Arial, Helvetica, sans-serif; font-size: 0.92rem; }
.lesson-nav a { color: #f2d28c; text-decoration: none; }
.lesson-nav a:hover { text-decoration: underline; }
.lesson-card { background: var(--parchment-light); border: 1px solid rgba(179, 138, 62, 0.6); border-radius: 14px; box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34); overflow: hidden; }
.lesson-title { text-align: center; padding: 52px 42px 42px; background: linear-gradient(rgba(245, 237, 216, 0.96), rgba(245, 237, 216, 0.96)); border-bottom: 1px solid var(--line); }
.course-label, .section-label { margin: 0 0 10px; color: var(--gold-dark); font-family: Arial, Helvetica, sans-serif; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.16em; }
.lesson-title h1 { margin: 0; font-size: 1.1rem; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.12em; color: var(--muted); }
.lesson-title h2 { margin: 8px 0 14px; font-size: clamp(2.2rem, 5vw, 4rem); line-height: 1.1; color: #17212a; }
.lesson-time { margin: 0; color: var(--muted); font-family: Arial, Helvetica, sans-serif; font-size: 0.95rem; }
.lesson-section { padding: 38px 52px; border-bottom: 1px solid #e1d8bf; }
.lesson-section:last-child { border-bottom: 0; }
.lesson-section h2 { margin-top: 0; margin-bottom: 18px; color: #18242d; font-size: 1.75rem; line-height: 1.25; }
.lesson-section h3 { margin-top: 28px; color: #26333c; font-size: 1.25rem; }
.lesson-section p { margin: 0 0 18px; }
.lesson-section ul, .lesson-section ol { padding-left: 1.35rem; }
.lesson-section li { margin-bottom: 10px; }
.central-question { margin: 26px auto !important; text-align: center; font-size: 1.6rem; font-weight: 700; color: #173044; }
.scripture { margin: 26px 0; padding: 20px 24px; background: var(--scripture-bg); border-left: 5px solid var(--gold); font-size: 1.08rem; }
.scripture strong { color: #17212a; }
.key-term { margin: 26px 0; padding: 18px 22px; background: #fffaf0; border: 1px solid var(--line); border-radius: 8px; }
.key-term h3 { margin-top: 0; color: var(--gold-dark); }
.question-block { margin: 28px 0; padding: 24px; background: #fffdf7; border: 1px solid #d9ccb0; border-radius: 10px; }
.thought-experiment { margin: 30px 0; padding: 26px; background: #f3efe3; border: 1px solid #cbb985; border-left: 5px solid var(--gold-dark); border-radius: 10px; }
.thought-experiment h3 { margin-top: 0; color: #59451f; }
.answer-area { width: 100%; min-height: 120px; padding: 14px; margin-top: 12px; border: 1px solid #b9b1a0; border-radius: 6px; background: white; font: inherit; resize: vertical; }
.knowledge-check { margin: 30px 0; padding: 26px; background: #edf1f2; border-left: 5px solid #5b6f7c; border-radius: 8px; }
.knowledge-check h3 { margin-top: 0; }
.choice { display: block; margin: 11px 0; font-family: Arial, Helvetica, sans-serif; }
.choice input { margin-right: 8px; }
.reflection { margin: 30px 0; padding: 26px; background: #f8f1df; border: 1px solid #d3c29a; border-radius: 10px; }
.note { font-family: Arial, Helvetica, sans-serif; font-size: 0.9rem; color: var(--muted); }
.check-answer { display: inline-block; margin-top: 18px; padding: 11px 18px; border: 1px solid var(--gold-dark); border-radius: 6px; background: var(--gold-dark); color: #fffdf7; font-family: Arial, Helvetica, sans-serif; font-size: 0.95rem; font-weight: 700; cursor: pointer; }
.check-answer:hover { opacity: 0.92; }
.check-answer:focus { outline: 3px solid rgba(179, 138, 62, 0.28); outline-offset: 3px; }
.answer-feedback { margin-top: 18px; padding: 16px 18px; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
.answer-feedback p { margin: 0; }
.answer-feedback.correct { background: #edf5ed; border: 1px solid #9fbea3; }
.answer-feedback.incorrect { background: #f8ece8; border: 1px solid #d3a79a; }
.answer-feedback.notice { background: #f7f1df; border: 1px solid #d4c18f; }
.translation-list strong { color: #17212a; }
.storyline { margin: 26px 0; padding: 20px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.05rem; letter-spacing: .02em; background: #eee6d2; border-radius: 8px; }
.ask-solomon { display: inline-block; margin-top: 8px; padding: 10px 16px; border: 1px solid var(--gold-dark); border-radius: 6px; color: #6e531f; font-family: Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: none; }
.ask-solomon:hover { background: #f0e5c9; }
.academy-footer { padding: 30px 20px 42px; text-align: center; color: #d7ccb2; font-family: Arial, Helvetica, sans-serif; font-size: 0.9rem; }
.academy-footer p { margin: 4px 0; }
.academy-footer::after {
  content: "© 2026 Solomon Christian Academy. All rights reserved.\A Scripture quotations are taken from the New King James Version® (NKJV®). Copyright © 1982 by Thomas Nelson. Used by permission. All rights reserved.";
  white-space: pre-line;
  display: block;
  max-width: 900px;
  margin: 12px auto 0;
  color: #bdb29b;
  font-size: 0.78rem;
  line-height: 1.55;
}

@media (max-width: 700px) {
  .academy-header img { max-height: 115px; }
  .lesson-page { width: min(100% - 18px, 1100px); padding-top: 18px; }
  .lesson-nav { font-size: 0.82rem; }
  .lesson-title { padding: 36px 22px 30px; }
  .lesson-section { padding: 28px 22px; }
  .lesson-section h2 { font-size: 1.5rem; }
  .central-question { font-size: 1.35rem; }
  .check-answer { width: 100%; }
}