/* The softer interface face and quieter text face both carry SIL OFL 1.1. */
:root{font-family:'Gowun Dodum',sans-serif}
.brand,.panel h1,.panel h2,.content-title h1,.dialog-body h2,.conn-ref{font-family:'Gowun Batang',serif}
.verse{font-family:'Gowun Batang',serif;font-size:1.13rem;line-height:1.95;flex:1;min-width:0;padding:8px 8px 8px 0}
.verse-number{font-family:'Gowun Dodum',sans-serif}
.verse-row{display:flex;align-items:flex-start;gap:8px;border-radius:9px;padding-right:2px}
.verse-row:hover{background:#f5f5ed}
.verse-row.is-start{background:#e5f0e8;box-shadow:inset 3px 0 #31745e}
.verse-row.is-target{background:#f8efdc;box-shadow:inset 3px 0 #b78c43}
.verse-row .verse:hover{background:transparent}
.reader-flow{position:sticky;top:0;z-index:3;background:#e7f1e9;border:1px solid #b5ceba;border-radius:9px;padding:9px 11px;margin:9px 0;display:flex;align-items:center;gap:8px;box-shadow:0 3px 15px #173d3315}
.reader-flow span{font-size:.92rem;font-weight:700;flex:1;line-height:1.5}
.reader-flow button{border:0;background:#fff;border-radius:6px;color:#235644;padding:8px;white-space:nowrap;font-size:.79rem;font-weight:700}
.flow-state{background:#f5f8f3;border:1px solid #e1e9de;border-radius:9px;padding:11px 13px;margin-top:16px}
.flow-state strong{font-size:.94rem}
.flow-state p{font-size:.83rem;color:#687a6c;margin:4px 0 0;line-height:1.55}
.flow-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px}
.selection .picked{margin-top:12px}
.quiz-layout{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:20px;align-items:start}
.quiz-setup,.quiz-stage{padding:24px}
.quiz-stage{min-height:380px}
.quiz-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#eef2eb;border-radius:9px;padding:5px;margin-bottom:24px}
.quiz-tabs button{border:0;border-radius:7px;background:transparent;color:#4f6857;padding:10px 4px;font-weight:700}
.quiz-tabs button.active{background:white;color:#205548;box-shadow:0 2px 8px #173d3318}
.quiz-setup label{margin-bottom:10px}
.quiz-setup .muted{min-height:44px;line-height:1.5}
.quiz-progress{display:flex;justify-content:space-between;align-items:center;color:#758575;font-size:.84rem;font-weight:700}
.quiz-progress span:last-child{color:#876b39;background:#f5eee0;border-radius:100px;padding:5px 10px}
.quiz-stage h2{font-size:1.45rem;line-height:1.5;margin:22px 0 10px}
.quiz-verse-text{font:400 1.12rem/1.85 'Gowun Batang',serif;background:#f9f8f3;border-left:3px solid #c5ad76;padding:14px 17px;margin:14px 0 22px;white-space:pre-wrap}
.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quiz-choices button{text-align:left;background:white;border:1px solid #d8e2d7;border-radius:9px;padding:11px 13px;min-height:54px;color:#244137;font-size:.93rem;line-height:1.45}
.quiz-choices button:hover:not(:disabled){border-color:#5f9579;background:#f5faf5}
.quiz-choices button.correct{background:#e8f4e7;border-color:#4d946c}
.quiz-choices button.incorrect{background:#fcf0ec;border-color:#ca8576}
.quiz-feedback{background:#f3f7ef;border-radius:9px;padding:16px 18px;margin-top:18px;line-height:1.65;color:#2b4838}
.quiz-feedback strong{display:block;margin-bottom:6px}
.quiz-feedback p{margin:4px 0}
.quiz-feedback .why{border-top:1px solid #d9e4d5;margin-top:12px;padding-top:10px}
.quiz-stage #nextQuestion{color:#285a47;border-color:#b2c9b8;margin-top:16px}
@media(max-width:1000px){.quiz-layout{grid-template-columns:1fr}.quiz-setup{max-width:none}.quiz-stage{min-height:280px}}
@media(max-width:700px){.verse{font-size:1.06rem;padding:7px 0}.reader-flow{flex-wrap:wrap;top:0}.reader-flow span{flex-basis:100%}.reader-flow button{flex:1}.quiz-setup,.quiz-stage{padding:18px}.quiz-choices{grid-template-columns:1fr}.quiz-stage h2{font-size:1.23rem}}