:root{--navy:#0c2340;--gold:#f39c12;--paper:#fff;--ink:#0c2340;--muted:#526174;--line:#dce1e7;--lyric-size:27px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Droid Sans',Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip{position:fixed;top:-60px;left:20px;background:#fff;padding:12px;z-index:20;color:var(--navy)}.skip:focus{top:10px}.site-header{height:108px;padding:20px 6%;background:var(--navy);color:white;display:flex;align-items:center;gap:30px}.brand img{width:190px;height:66px;object-fit:contain}.header-note{font-size:11px;letter-spacing:2px;border-left:1px solid #ffffff38;padding-left:32px}.book-link{margin-left:auto;text-decoration:none;font-size:14px;border:1px solid #ffffff60;padding:13px 18px;border-radius:4px}.book-link span{margin-left:18px;color:var(--gold)}.welcome{display:grid;grid-template-columns:1.15fr 1fr;background:var(--navy);color:white;min-height:242px}.welcome-copy{padding:25px 20px 40px max(6vw,24px);align-self:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;line-height:1.7}.welcome .eyebrow{color:var(--gold)}h1{font-size:clamp(34px,4vw,53px);letter-spacing:-1.5px;margin:12px 0 18px;line-height:1.1}.welcome-copy>p:last-child{color:#dde3ec;line-height:1.6;font-size:16px}.welcome-photo{background:linear-gradient(90deg,#0c2340 0%,#0c234026 55%,#0c234030),url('assets/worship.jpg') center 45%/cover}.song-layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:310px minmax(0,1fr);padding:48px 5% 70px;gap:64px}.song-sidebar{align-self:start;position:sticky;top:25px}.song-toggle{border:0;background:none;color:var(--ink);padding:0 0 22px;display:flex;align-items:center;width:100%;font-size:19px;font-weight:bold;text-align:left;cursor:default}.song-toggle #song-count{font-size:11px;border:1px solid var(--line);border-radius:100px;margin-left:12px;padding:4px 8px;color:var(--muted)}.chevron{display:none;margin-left:auto}.search-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;padding:12px;margin-bottom:17px;gap:10px}.search-wrap svg{width:18px;flex-shrink:0}.search-wrap input{width:100%;border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;outline-offset:8px}.song-item{display:flex;align-items:center;gap:16px;padding:16px 12px;border:0;border-radius:4px;background:none;color:var(--ink);text-decoration:none;font-size:15px;line-height:1.4;margin-bottom:4px}.song-item:hover{background:#0c23400b}.song-item .number{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.song-item[aria-current=true]{background:var(--navy);color:white;box-shadow:inset 3px 0 var(--gold)}.song-item[aria-current=true] .number{color:var(--gold)}.song-item .arrow{margin-left:auto}.sidebar-note{font-size:12px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding:22px 12px}.song-content{min-width:0;outline:0}.song-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.song-tools .eyebrow{color:var(--muted);margin:0}.controls{display:flex;gap:5px;align-items:center}.controls button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:4px;min-height:38px;padding:7px 10px;font-size:13px}.controls button:hover,.controls button[aria-pressed=true]{background:var(--navy);color:#fff}.controls button:disabled{opacity:.35;cursor:default}.divider{width:6px}h2{font-size:clamp(34px,4vw,48px);margin:28px 0 10px;line-height:1.12;letter-spacing:-1.2px}.song-subtitle{font-size:13px;color:var(--muted);margin:0}.gold-rule{width:45px;height:3px;background:var(--gold);margin:28px 0 36px}.lyric-section{margin-bottom:36px}.section-label{font-size:10px;letter-spacing:1.8px;color:var(--muted);text-transform:uppercase;font-weight:bold;margin-bottom:13px}.lyric-lines{font-size:var(--lyric-size);line-height:1.65;margin:0;overflow-wrap:break-word;white-space:pre-line;letter-spacing:-.3px}.attribution{font-size:11px;line-height:1.8;color:var(--muted);margin:50px 0 24px;white-space:pre-line}.song-pagination{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:12px}.song-pagination button{background:var(--navy);color:#fff;border:0;border-radius:4px;padding:14px 17px;font-size:13px}.song-pagination button:disabled{opacity:.35;cursor:default}.original{display:inline-block;font-size:12px;color:var(--muted);margin-top:24px;text-underline-offset:4px}footer{padding:26px 6%;display:flex;justify-content:space-between;background:var(--navy);color:#fff;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{padding:24px}body.dark{--paper:#0c2340;--ink:#fff;--muted:#bcc9d9;--line:#ffffff30}body.dark .song-item[aria-current=true]{background:#ffffff14}body.dark .controls button[aria-pressed=true],body.dark .song-pagination button{background:#fff;color:var(--navy)}body.focus .site-header,body.focus .welcome,body.focus .song-sidebar,body.focus footer{display:none}body.focus .song-layout{display:block;max-width:900px;padding-top:28px}body.focus .song-tools{position:sticky;top:0;background:var(--paper);padding:10px 0;z-index:5}[hidden]{display:none!important}@media(min-width:761px){#song-menu[hidden]{display:block!important}}@media(max-width:1000px){.song-layout{gap:32px;grid-template-columns:250px minmax(0,1fr)}.header-note{display:none}.welcome{grid-template-columns:1.25fr 1fr}}@media(max-width:760px){:root{--lyric-size:25px}.site-header{height:88px;padding:15px 6%;gap:12px}.brand img{width:145px;height:53px}.book-link{font-size:11px;padding:10px}.book-link span{margin-left:4px}.welcome{min-height:205px;position:relative;display:block}.welcome-photo{position:absolute;inset:0;background:linear-gradient(90deg,#0c2340f5,#0c2340b0),url('assets/worship.jpg') center/cover}.welcome-copy{position:relative;z-index:1;padding:22px 6% 30px}.welcome-copy>p:last-child{font-size:14px;max-width:260px}h1{font-size:37px;max-width:290px}.song-layout{display:block;padding:24px 6% 45px}.song-sidebar{position:static;border-bottom:1px solid var(--line);margin-bottom:27px}.song-toggle{cursor:pointer;padding-bottom:20px}.chevron{display:block}.song-item{padding:13px 12px}.sidebar-note{display:none}#song-menu{padding-bottom:18px}.song-tools{gap:14px}.controls{gap:4px}.controls button{min-height:40px;padding:8px 10px}h2{margin-top:24px;font-size:34px}.gold-rule{margin:24px 0 30px}.lyric-lines{line-height:1.65}.song-pagination button{padding:14px 12px}.song-tools .eyebrow{font-size:10px}.lyric-section{margin-bottom:32px}body.focus .song-layout{padding:14px 6% 40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.site-header,.welcome,.song-sidebar,.song-tools,.song-pagination,.original,footer{display:none}.song-layout{display:block;padding:0}.lyric-lines{font-size:16pt;color:#000}.section-label,h2,.attribution{color:#000}body{background:#fff}.lyric-section{break-inside:avoid}}
.brand{display:flex;align-items:center;height:66px}.brand img{width:150px;height:150px;display:block}@media(max-width:760px){.brand{height:57px}.brand img{width:130px;height:130px}}
