@font-face{font-family:Noto;src:url('fonts/korean.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#f2f4f7;color:#172d43;font:16px/1.75 Noto,'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #0e88a8;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.35;letter-spacing:-.04em}h2{line-height:1.45;letter-spacing:-.03em}h3{line-height:1.5}small,.fine{font-size:.8125rem;color:#556577}.masthead{height:84px;background:#142b43;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);gap:20px}.brand{display:flex;align-items:center;gap:12px;line-height:1.2;font-size:1.4rem;font-weight:800}.brand small{display:block;font-size:.75rem;color:#c4d0dc;letter-spacing:.07em;margin-top:6px;font-weight:400}.brandmark{font-size:2.2rem;color:#f2c363}.library-link{font-size:.9rem;padding:8px 0;border-bottom:1px solid #6b7e8e}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.catalog{max-width:1140px;margin:0 auto;padding:46px 28px 60px}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8125rem;font-weight:800;color:#8c631e;margin-bottom:10px}.intro h1{margin-bottom:10px}.intro p{margin-bottom:0;color:#566776;max-width:38em}.catalog-count{border-left:2px solid #d6af65;padding-left:22px;white-space:nowrap}.catalog-count strong{font-size:1.9rem;color:#142b43}.testament{font-size:1rem;display:flex;align-items:center;gap:12px;margin:35px 0 16px}.testament:after{content:'';height:1px;background:#d7dee6;flex:1}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.book-card{display:block;background:white;border:1px solid #dce2e8;border-radius:4px;overflow:hidden;transition:transform .15s,box-shadow .15s}.book-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #18344a17}.cover{aspect-ratio:1.5;position:relative;overflow:hidden;background:#203e56}.cover img{position:absolute;width:100%;max-width:none;display:block}.cover:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#071f37aa)}.book-card-body{padding:21px}.book-card h3{font-size:1.5rem;margin-bottom:6px}.book-card p{font-size:.95rem;color:#566776;line-height:1.7;margin-bottom:18px;min-height:3.4em}.book-meta{display:flex;justify-content:space-between;color:#597083;font-size:.875rem}.book-open{font-weight:700;color:#234f6d}.book-overview{max-width:1050px;margin:0 auto;padding:35px 24px 60px}.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;font-size:.875rem;color:#5e7283;margin-bottom:24px}.book-heading{display:grid;grid-template-columns:1.05fr 1fr;background:#142b43;color:white;border-radius:5px;overflow:hidden;margin-bottom:30px}.book-heading .cover{height:100%;min-height:250px;aspect-ratio:auto}.book-heading .heading-copy{padding:32px}.heading-copy h1{margin-bottom:12px}.heading-copy p{color:#dce5eb;font-size:1rem;margin-bottom:12px}.heading-copy .eyebrow{color:#efc575}.episode-list{background:white;border:1px solid #d9e1e8;border-radius:5px;overflow:hidden}.episode-link{display:flex;gap:20px;align-items:center;padding:23px 26px;border-bottom:1px solid #e1e6eb}.episode-link:last-child{border:0}.episode-link:hover{background:#f7fafc}.ep-no{color:#9a741e;font-size:1.25rem;font-weight:800;width:2em;flex-shrink:0}.ep-copy{flex:1;min-width:0}.ep-copy h3{font-size:1.15rem;margin:0 0 5px}.ep-copy p{font-size:.875rem;color:#5d7183;margin:0}.ep-arrow{font-size:1.3rem}.reader-nav{background:#fff;border-bottom:1px solid #d8e0e8;position:sticky;top:0;z-index:20;padding:11px max(4vw,15px);display:flex;gap:10px;align-items:center;justify-content:center}.reader-nav select{border:1px solid #bfcbd6;background:white;border-radius:4px;padding:7px 26px 7px 10px;font-size:.875rem;max-width:60%;min-width:0;min-height:43px}.reader-nav .book-select{max-width:33%}.reader{width:min(100%,800px);margin:0 auto;background:#fff;box-shadow:0 0 40px #142b4309}.episode-header{padding:40px 36px 30px;border-bottom:1px solid #e3e7eb}.episode-header h1{font-size:clamp(1.8rem,4.5vw,2.5rem);margin:7px 0 13px}.episode-header .desc{color:#51677a;margin-bottom:17px}.reading-path{display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:.8125rem;color:#657788}.reading-path span{background:#eef2f6;padding:4px 9px;border-radius:4px}.comic{padding-top:26px}.scene{margin:0 0 34px}.narration{padding:16px 32px 19px;margin:0;font-size:1.03rem;line-height:1.9;color:#263e53}.image-stage{position:relative;background:#172d43;isolation:isolate;overflow:hidden}.image-stage img{position:absolute;display:block;width:100%;height:auto;max-width:none;left:0;z-index:0}.panel-ref{padding:0 26px;text-align:right;color:#647589;font-size:.8125rem;margin:8px 0 0}.verse-panel{margin:40px 27px;padding:28px 25px;border:1px solid #dcc38b;background:#fffaf0;border-left:5px solid #b88a36;border-radius:3px}.verse-panel blockquote{margin:12px 0;font-size:1.14rem;font-weight:650;line-height:1.9}.verse-panel .note{font-size:.9375rem;margin:14px 0 0;color:#6f6047}.study-section{padding:35px 32px;background:#f7f9fb;border-top:8px solid #142b43}.section-kicker{font-size:.8125rem;letter-spacing:.08em;color:#8a651f;font-weight:800;margin:0 0 5px}.study-section h2,.reflection h2,.quiz-section h2{font-size:1.75rem;margin:0 0 22px}.study-block{margin:25px 0 0}.study-block h3{font-size:1.08rem;margin-bottom:11px;color:#214b68}.facts{display:grid;grid-template-columns:minmax(95px,.9fr) 3fr;border-top:2px solid #b8c7d3;margin:0;background:white}.facts dt,.facts dd{margin:0;padding:13px 16px;border-bottom:1px solid #dce3e9}.facts dt{font-weight:800;background:#eaf0f5}.facts dd{line-height:1.8}.memory-list{list-style:none;padding:0;margin:0}.memory-list li{margin:0;padding:12px 0;border-bottom:1px solid #d9e2e9}.number-list{display:flex;gap:9px;flex-wrap:wrap;padding:0;list-style:none}.number-list li{border-left:3px solid #c19642;background:white;padding:12px 15px;width:100%;line-height:1.8}.chapter-guide{margin:14px 0;padding:19px 21px;background:white;border:1px solid #d9e3ec;border-radius:4px}.chapter-guide h4{margin:0 0 8px;font-size:1rem;color:#294f6c}.chapter-guide ul{margin:0;padding-left:20px}.chapter-guide li{margin:7px 0}.extra-note{background:#e8eff5;padding:17px 20px;margin:21px 0;border-radius:3px;font-size:.9375rem}.reflection{padding:35px 32px;border-top:1px solid #d1dde7;background:#f0f5f8}.reflection ol{padding-left:23px;margin:0}.reflection li{padding-left:7px;margin-bottom:18px}.reflection p{margin:6px 0 0;color:#5c7184;font-size:.9375rem}.quiz-section{padding:36px 32px;background:white;border-top:8px solid #eac36d}.quiz-intro{color:#5d7286;margin-top:-12px}.quiz{margin:26px 0;border-bottom:1px solid #dce3e8;padding-bottom:26px}.question{font-size:1.06rem;font-weight:750;margin:0 0 15px;line-height:1.85}.qnum{display:block;font-size:.8125rem;color:#937027;letter-spacing:.08em;margin-bottom:5px}.options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #bccbd7;background:white;padding:13px;border-radius:5px;min-height:53px;font-size:1rem;line-height:1.65}.option-index{border:1px solid #bfccd7;border-radius:50%;width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;font-size:.8125rem}.option:hover:not(:disabled){border-color:#375e7f;background:#f2f7fb}.option:disabled{cursor:default;opacity:1;color:#5a6b7b}.option.correct{border:2px solid #207458;background:#edf8f2;color:#14583f}.option.wrong{border:2px solid #ac5447;background:#fff3ef;color:#8d3e32}.feedback{padding:16px 19px;background:#edf4f8;border-radius:4px;margin-top:13px;font-size:.9375rem;line-height:1.85}.feedback strong{display:block}.score{padding:22px;background:#142b43;color:white;border-radius:5px;margin-top:24px}.score p{margin:0}.score .score-value{font-size:1.35rem;font-weight:800;color:#f2c46b}.reset{background:white;border:1px solid #c7d0d9;border-radius:4px;padding:9px 17px;font-size:.9rem;margin-top:15px}.episode-bottom{padding:28px 25px 40px;border-top:1px solid #dde4eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.next-ep,.prev-ep{padding:13px 18px;border:1px solid #aebeca;border-radius:4px;font-size:.95rem}.next-ep{background:#142b43;color:white;border-color:#142b43}.source-note{max-width:800px;margin:25px auto;padding:0 25px;font-size:.8125rem;color:#66798a}.loading,.error{max-width:700px;margin:80px auto;padding:0 25px}.error a{text-decoration:underline}footer{padding:40px 25px;text-align:center;border-top:1px solid #dbe3ea;color:#53687a;font-size:.9375rem}footer p{margin-bottom:10px}.fine{max-width:650px;margin-inline:auto}.no-art{padding:45px 25px;color:#172d43;background:#e7edf3}.book-count{color:#687b8c;font-size:.875rem;margin:12px 0}.quiz-sources{font-size:.8125rem;color:#65788a}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:660px){.masthead{height:73px;padding:0 18px}.brand{font-size:1.15rem;gap:8px}.brandmark{font-size:1.8rem}.library-link{font-size:.8125rem}.catalog{padding:30px 18px 40px}.intro{display:block;margin-bottom:25px}.catalog-count{display:none}.book-grid{grid-template-columns:1fr;gap:17px}.book-card{display:grid;grid-template-columns:38% 1fr;min-height:168px}.book-card .cover{aspect-ratio:auto;height:100%}.book-card .cover img{width:180%;left:-44%}.book-card-body{padding:18px 16px}.book-card h3{font-size:1.35rem}.book-card p{font-size:.875rem;line-height:1.65;margin-bottom:9px;min-height:0}.book-meta{font-size:.8125rem;flex-wrap:wrap;gap:3px}.book-overview{padding:24px 17px 40px}.book-heading{grid-template-columns:1fr}.book-heading .cover{min-height:0;aspect-ratio:2.15}.book-heading .heading-copy{padding:25px}.episode-link{padding:21px 18px;gap:12px}.ep-copy h3{font-size:1.05rem}.ep-no{font-size:1.1rem;width:1.6em}.episode-header{padding:29px 22px 24px}.reader-nav{gap:7px;padding:9px 12px}.reader-nav select{font-size:.875rem}.narration{padding:13px 22px 16px;font-size:1rem;line-height:1.85}.scene{margin-bottom:29px}.verse-panel{margin:30px 20px;padding:24px 20px}.verse-panel blockquote{font-size:1.07rem}.study-section,.reflection,.quiz-section{padding:29px 21px}.facts{grid-template-columns:minmax(82px,.95fr) 2fr}.facts dt,.facts dd{padding:11px 12px}.study-section h2,.reflection h2,.quiz-section h2{font-size:1.55rem}.options{grid-template-columns:1fr}.chapter-guide{padding:16px}.episode-bottom{padding:23px 21px 32px}.next-ep,.prev-ep{font-size:.875rem;padding:11px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.masthead,.reader-nav,footer,.episode-bottom,.reset{display:none}.reader{max-width:none}.scene,.quiz,.chapter-guide{break-inside:avoid}.study-section{background:white}.options{grid-template-columns:1fr 1fr}.feedback{display:block!important}}
@font-face{font-family:Noto;src:url('fonts/korean-bold.woff2') format('woff2');font-weight:600 900;font-display:swap}.book-heading .cover img{width:100%;left:0}.verse-panel a{text-decoration:underline;text-underline-offset:3px}

.creator{font-weight:750;color:#173c58}.church-links{display:flex;justify-content:center;gap:12px 24px;flex-wrap:wrap;font-size:.9375rem}.church-links a{text-decoration:underline;text-underline-offset:4px}.question{white-space:pre-line}

.cover-art{position:absolute;inset:0;width:100%;height:100%;display:block}@media(max-width:360px){.brand small{font-size:.75rem}.library-link{font-size:.8125rem;white-space:nowrap}}

/* Speech is always over the unfiltered, undistorted original crop. */
.scene-visual{position:relative;overflow-x:auto;overflow-y:hidden;background:#fff}
.scene-visual .image-stage{position:relative;isolation:isolate;overflow:hidden;max-width:none;margin:0 auto 14px;background:#172d43}
.scene-visual .image-stage:last-child{margin-bottom:0}
.scene-art,.speech-tail{display:block;position:absolute;inset:0;width:100%;height:100%}
.scene-art{z-index:0}
.speech-tail{z-index:1;pointer-events:none;fill:#fff;stroke:#26313e;stroke-width:1.5;stroke-linejoin:round}
.speech-tail.god{fill:#fffbea;stroke:#a17727}
.scene .speech{position:absolute;z-index:2;box-sizing:border-box;border:1.5px solid #26313e;border-radius:14px;background:#fff;color:#192b3c;padding:var(--speech-py) var(--speech-px);font-size:var(--speech-size);line-height:var(--speech-line);font-weight:400;white-space:normal;word-break:keep-all;overflow-wrap:normal;line-break:strict;box-shadow:0 2px 5px #1112}
.scene .speaker{color:#785515;font-weight:700;font-size:inherit;line-height:inherit;margin-right:.65em;white-space:nowrap}
.scene .speech-text{font-size:inherit;line-height:inherit}
.scene .speech.god{border-color:#a17727;background:#fffbea}
.scene .speech.think{border-style:dashed}
.scene .speech.sign{border-radius:5px;background:#fffaf0}
.scene .narration{white-space:pre-line}
.scene{isolation:isolate}
@media print{.scene-visual{overflow:visible}.image-stage{break-inside:avoid}.scene{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Match measurement and visible bubbles in Safari, Chromium and embedded browsers. */
.scene .speech{letter-spacing:normal;-webkit-text-size-adjust:100%;text-size-adjust:100%;max-height:none;overflow:visible}
.scene-visual .lettering-probe{position:absolute!important;left:0;top:0;height:auto!important;margin:0!important;overflow:visible!important;visibility:hidden;pointer-events:none;z-index:-1}
.lettering-probe .speech{position:relative;left:0;top:0;min-height:0!important}
.lettering-font-sensor{position:fixed;left:0;top:0;width:1rem;height:1rem;visibility:hidden;pointer-events:none}