:root{
  --navy:#173a59;
  --navy-deep:#102b43;
  --blue:#2f6f9f;
  --blue-soft:#eaf3fa;
  --gold:#c49a3a;
  --gold-soft:#ead7a2;
  --cream:#fbfaf6;
  --ink:#26333d;
  --muted:#6d7880;
  --line:#d8d2c4;
}
*{box-sizing:border-box}
body.dlg-chapter-page{
  margin:0;background:
    radial-gradient(circle at top left, rgba(196,154,58,.08), transparent 28%),
    linear-gradient(135deg,#f7f5ee 0%,#eef4f8 100%);
  color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.68;
}
.dlg-chapter-header{
  max-width:1120px;margin:18px auto 0;display:grid;grid-template-columns:auto 1fr 150px;
  align-items:center;background:linear-gradient(135deg,var(--navy-deep),var(--navy));
  color:#fff;border-radius:14px 14px 0 0;overflow:hidden;box-shadow:0 8px 24px rgba(20,45,65,.16);
}
.dlg-mark{padding:15px 20px;border-right:1px solid rgba(234,215,162,.3);text-align:center;min-width:130px}
.dlg-monogram{font-family:Georgia,serif;font-size:28px;letter-spacing:4px;color:#f6e7bc}
.dlg-kicker{font:700 9px/1.2 Arial,sans-serif;letter-spacing:1.4px;color:#bfd2df;margin-top:3px}
.dlg-header-copy{padding:14px 24px}
.dlg-series{font:700 11px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#cfdde6}
.dlg-book{font-size:26px;font-weight:700;line-height:1.15;margin-top:3px}
.dlg-chapter-label{font-size:14px;color:#f0dc9e;margin-top:2px}
.dlg-header-ornament{
  position:relative;
  flex:0 0 120px;
  width:120px;
  height:100%;
  opacity:.8;
  background:transparent;
}

.dlg-header-ornament::before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-72px;
  top:-62px;
  border:1px solid rgba(234,215,162,.28);
  border-radius:50%;
}
.dlg-chapter-main{max-width:1120px;margin:0 auto 20px;background:rgba(255,255,255,.86);border:1px solid #d7d4cb;border-top:0;box-shadow:0 12px 28px rgba(28,54,72,.09)}
.chapter-intro{padding:18px 30px 16px;border-bottom:1px solid var(--line);background:linear-gradient(#fff,#f8fafb)}
.chapter-topline{display:flex;justify-content:space-between;align-items:center;gap:15px}
.study-label{font:700 10px Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#8b6b24}
.chapter-next{font:700 12px Arial,sans-serif;text-decoration:none;color:var(--blue);padding:6px 10px;border:1px solid #bed0dd;border-radius:999px;background:#f4f8fb}
.chapter-next:hover{background:var(--blue);color:white}
.chapter-intro h1{font-size:31px;color:var(--navy-deep);margin:8px 0 0;line-height:1.15}
.chapter-content{padding:26px 34px 32px;max-width:100%}
.chapter-content p{margin:.55em 0}
.chapter-content .bold,.chapter-content .Bold{
  font-weight:700;color:var(--navy-deep);font-size:1.12em;padding-top:1.1em;margin-top:1.25em;
  border-top:1px solid rgba(196,154,58,.32);
}
.chapter-content .segment{
  margin:1.4em 0 .35em;padding:.42em .75em;border-left:4px solid var(--gold);
  background:#f8f4e8;color:#5e491c;font-weight:700;
}
.chapter-content .verse,.chapter-content .Verse{
  margin:1.15em 0;padding:12px 15px;border:1px solid #c6d8e4;border-left:5px solid var(--blue);
  border-radius:5px;background:var(--blue-soft);color:#173a59;font-weight:700;
}
.chapter-content .LGT{
  margin:1em 0;padding:12px 15px;border:1px solid #dfcf9a;border-left:5px solid var(--gold);
  background:#fffaf0;color:#5d4a1f;font-style:italic;
}
.chapter-content table{width:auto;max-width:100%;margin:1.5em auto;border-collapse:collapse;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.06)}
.chapter-content table td,.chapter-content table th{border:1px solid #d6dce0;padding:7px 10px}
.chapter-content table th{background:var(--navy);color:#fff}
.chapter-content blockquote{margin:1em 2em;padding:.8em 1.2em;border-left:4px solid var(--gold);background:#faf8f1}
.chapter-content a{color:#21658d}
.dlg-footer{max-width:1120px;margin:0 auto 26px;text-align:center;font:12px Arial,sans-serif;color:#68737a}
.dlg-footer a{color:#315f86}
@media(max-width:760px){
 .dlg-chapter-header{grid-template-columns:auto 1fr;margin:0;border-radius:0}
 .dlg-header-ornament{display:none}.dlg-mark{min-width:105px;padding:12px}
 .dlg-monogram{font-size:23px}.dlg-kicker{font-size:8px}
 .dlg-book{font-size:21px}.chapter-content{padding:20px 18px}
 .chapter-intro{padding:16px 18px}.chapter-intro h1{font-size:26px}
 .chapter-topline{align-items:flex-start}.chapter-next{font-size:11px}
}