/* Ieum Bible: a quiet reading space, connected by one continuous line. */
:root{--ink:#24463d;--green:#244d43;--muted:#748178;--paper:#fcfbf7;--line:#e3e6dc;--gold:#ad8b50}
header{background:#fcfbf7;border-bottom:1px solid var(--line);height:64px;padding:0 28px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;letter-spacing:-.8px;white-space:nowrap}
.brand img{flex-shrink:0}.brand .brand-name{display:block;margin:0;color:var(--ink);font-family:'Noto Serif KR',serif;font-size:22px;font-weight:700;letter-spacing:-.8px;line-height:1.2}
.brand small{display:block;font-family:Georgia,serif;font-size:8px;letter-spacing:2.6px;font-weight:400;color:#6d8075;margin-top:4px}
header nav button{border-radius:7px}header nav button.active{background:#edf1e9;color:var(--green)}
.project-sidebar{background:#f1f3eb;border-right:1px solid #e0e5d8}.sidebar-eyebrow{color:#748563;font-size:9px;letter-spacing:1.6px}.project-sidebar h2{line-height:1.65;letter-spacing:-1px}.sidebar-intro{color:#66776b}.sidebar-principles strong{font-weight:600}.sidebar-status{border-top:1px solid #dce2d4}
.reading{padding-top:22px}.reading-controls{background:#f3f4ed;border:1px solid #e5e8dd;border-radius:10px;padding:8px;gap:9px}.reading-controls input{background:transparent}.toolbar{margin-top:16px}.pill{background:#f4f1e8;border-color:#e6ddc8;color:#85734e}
.chapter-heading{margin-top:8px}.chapter-heading h2{letter-spacing:-1px}.chapter-compare{background:#f2f5ee;border-color:#dce5d8}.chapter-notes{color:#426650}.verse{border-radius:5px}.verse.current{background:#eef2e7;border-left-color:#809b69}.verse:hover{background:#f2f4ed}.num{color:#8a987e}.subtitle{color:#839084}.chapter-nav button{font-size:12px;border-radius:20px;padding:7px 13px}.foot{background:#f3f4ed}.foot>span:first-child{color:#526b5c}.card{border-radius:12px;border-top:3px solid #b5c4a5}.about-brand-line{font-size:12px;letter-spacing:2px;color:#7b8b71}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #648b72;outline-offset:3px}
@media(max-width:640px){header{height:60px;padding:0 12px}.brand-group{gap:5px}.brand{gap:7px}.brand img{width:29px;height:29px}.brand .brand-name{font-size:18px}.brand small{font-size:7px;letter-spacing:1.7px}.brand .brand-name{display:block}header nav button{font-size:10px;padding:6px 4px}.reading-controls{padding:6px;gap:5px;border-radius:8px}.reading{padding-top:12px}.toolbar{margin-top:12px}.chapter-nav button{padding:6px 10px}.project-sidebar{padding-top:34px}}
@media(max-width:370px){.brand small{display:none}.brand img{width:25px;height:25px}.brand .brand-name{font-size:16px}.brand{gap:4px}header{padding:0 7px}}