@font-face{font-family:"Crimson Text";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/crimson-regular.woff2) format("woff2")}
@font-face{font-family:"Crimson Text";font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/crimson-italic.woff2) format("woff2")}
@font-face{font-family:"Crimson Text";font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/crimson-semibold.woff2) format("woff2")}
@font-face{font-family:"Crimson Text";font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/crimson-bold.woff2) format("woff2")}
@font-face{font-family:"Crimson Text";font-weight:700;font-style:italic;font-display:swap;src:url(/fonts/crimson-bolditalic.woff2) format("woff2")}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:72px}
html,body{margin:0;background:#fff;color:#000}
body.rd{font-family:"Crimson Text",Georgia,"Times New Roman",serif;font-size:20px;line-height:1.6;overflow-wrap:anywhere;word-break:normal;-webkit-print-color-adjust:exact;print-color-adjust:exact}
/* top bar */
.bar{position:sticky;top:0;z-index:5;background:#1F3A5F;color:#F7F0DC;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.bar-in{max-width:42rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;min-height:60px}
.bar a,.bar button{font:700 16px/1.2 Lato,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#F7F0DC;text-decoration:none}
.back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px 0 4px;border-radius:8px;white-space:nowrap}
.back:hover,.back:focus-visible{background:rgba(255,255,255,.1)}
.back .short{display:none}
.acts{display:flex;gap:8px;flex:0 0 auto}
.tb{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:0 14px;border-radius:9px;border:1.5px solid rgba(247,240,220,.75);background:transparent;cursor:pointer;white-space:nowrap;-webkit-appearance:none;appearance:none}
.tb:hover{background:rgba(255,255,255,.12);border-color:#F7F0DC}
a:focus-visible,button:focus-visible{outline:3px solid #B8892E;outline-offset:2px}
/* document */
.doc{max-width:42rem;margin:0 auto;padding:30px 24px 40px}
header.h{border-bottom:1.5px solid #000;padding-bottom:16px;margin-bottom:26px}
.ey{font-size:15px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;line-height:1.4}
h1.t{font-size:40px;line-height:1.15;font-weight:600;margin:0 0 10px;overflow-wrap:break-word;hyphens:manual}
.by{font-size:21px;font-style:italic;margin:0}
.in{font-size:17px;margin:4px 0 0}
p{margin:0 0 .85em}
p.c{text-align:center}
.h2{font-size:26px;font-weight:600;line-height:1.25;margin:1.4em 0 .5em}
.h3{font-size:21px;font-weight:700;margin:1.2em 0 .4em}
blockquote{margin:0 0 .85em 1.4em;padding:0}
ol,ul{margin:0 0 .85em;padding-left:1.4em}
li{margin:0 0 .3em}
hr{border:0;border-top:1px solid #000;margin:1.4em 0}
a{color:#000;text-decoration:underline;text-underline-offset:2px}
img,table{max-width:100%}
sup{font-size:.72em;line-height:0}
.hl{padding:.05em .15em;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.legend{font-family:Lato,system-ui,sans-serif;font-size:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 1.2em}
.legend .lk{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:14px}
.legend .hl{padding:4px 12px;border-radius:4px;font-weight:700}
.endnav{display:flex;flex-wrap:wrap;gap:12px;margin:44px 0 0;padding-top:22px;border-top:1px solid #ccc}
.eb{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:10px;background:#1F3A5F;color:#F7F0DC;font:700 16px/1.2 Lato,system-ui,sans-serif;text-decoration:none;flex:1 1 220px}
.eb.alt{background:#fff;color:#1F3A5F;border:1.5px solid #1F3A5F}
@media (max-width:640px){
 body.rd{font-size:19px;line-height:1.58}
 .bar-in{padding:6px 10px;min-height:56px;gap:6px}
 .bar a,.bar button{font-size:15px}
 .tb{padding:0 11px;gap:6px}
 .doc{padding:22px 18px 32px}
 h1.t{font-size:31px}
 .by{font-size:20px}
 .h2{font-size:23px}.h3{font-size:20px}
 blockquote{margin-left:.9em}
 ol,ul{padding-left:1.2em}
}
@media (max-width:420px){.back .long{display:none}.back .short{display:inline}}
@media (max-width:340px){.tb span{display:none}.tb{padding:0}}
/* print = same look as the PDF */
@media print{
 @page{size:Letter;margin:1in}
 .bar,.endnav{display:none!important}
 html{scroll-padding-top:0}
 body.rd{font-size:12.5pt;line-height:1.5}
 .doc{max-width:none;padding:0;margin:0}
 header.h{border-bottom:1.2pt solid #000;padding-bottom:12pt;margin-bottom:20pt;break-after:avoid}
 .ey{font-size:10pt;margin:0 0 6pt}
 h1.t{font-size:24pt;margin:0 0 8pt;break-after:avoid}
 .by{font-size:13pt}.in{font-size:11pt}
 p{margin:0 0 9pt;orphans:3;widows:3}
 .h2{font-size:16pt;margin:16pt 0 8pt;break-after:avoid;page-break-after:avoid}
 .h3{font-size:13pt;margin:12pt 0 6pt;break-after:avoid;page-break-after:avoid}
 blockquote{margin:0 0 9pt .35in}
 ol,ul{padding-left:.35in}
 .legend{font-size:10pt}.legend .lk{font-size:9pt}.legend .hl{padding:2pt 8pt}
 .hl,.legend .hl{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 a{color:#000}
}
.nw{white-space:nowrap}
/* polish 2: Scripture refs on one line; service-info block; end-of-page Source note */
.ref,.nw{white-space:nowrap}
.doc .svc{font-style:italic;color:#4a4a4a;margin:0 0 26px;padding:0 0 16px;border-bottom:1px solid #d9d2c3;font-size:.92em;line-height:1.5}
.doc .svc p{margin:0 0 2px;text-indent:0}
.doc aside.src{margin:44px 0 6px;padding-top:14px;border-top:1px solid #d9d2c3;font-size:15px;line-height:1.5;color:#5d5d5d;font-style:italic;overflow-wrap:anywhere}
.doc aside.src p{margin:0 0 6px;text-indent:0}
.doc aside.src .src-h{font-style:normal;font-family:Lato,system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6b6b6b;margin-bottom:6px}
.doc aside.src a{color:#5d5d5d}
@media print{.doc aside.src{font-size:9.5pt;color:#444;break-inside:avoid}.doc .svc{font-size:11.5pt;color:#333}}
/* Nestingen transcripts: on-screen video link (easy to tap; not printed, the Source note carries the address) */
.doc .vid a{display:inline-block;padding:8px 0;min-height:44px;box-sizing:border-box}
@media (pointer:coarse){.doc aside.src a.vsrc{display:inline-block;padding:12px 0}}
@media print{.doc .vid{display:none}}
