:root{--ink:#17221b;--muted:#66706a;--paper:#fbfaf6;--card:#fff;--green:#2e5b43;--gold:#a77b35;--line:#e5e2d9;--soft:#eef2ec}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--paper);line-height:1.6}
a{color:inherit}header{position:sticky;top:0;z-index:20;background:rgba(251,250,246,.96);border-bottom:1px solid var(--line)}
.wrap{width:min(1180px,92%);margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0}
.brand{font-weight:800;letter-spacing:.08em;text-decoration:none;font-size:1.02rem}.navlinks{display:flex;gap:18px;flex-wrap:wrap}.navlinks a{text-decoration:none;font-family:Arial,sans-serif;font-size:.88rem}
.hero{padding:88px 0 72px;background:radial-gradient(circle at 75% 10%,#efe5cb 0,transparent 36%),linear-gradient(180deg,#f7f4eb,#fbfaf6)}
.eyebrow{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--green);font-weight:800}
h1,h2,h3{line-height:1.08}h1{font-size:clamp(2.7rem,7vw,6.2rem);max-width:950px;margin:.2em 0}.lead{font-size:1.28rem;max-width:770px;color:#39453e}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:12px 18px;border-radius:999px;text-decoration:none;font-family:Arial,sans-serif;font-weight:800;font-size:.86rem;border:1px solid var(--green)}
.btn.primary{background:var(--green);color:white}.btn.secondary{background:transparent}
section{padding:64px 0}.section-title{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 12px}.section-intro{max-width:760px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;margin-top:30px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(0,0,0,.035)}
.card h3{margin:.2rem 0 .45rem}.meta{font:700 .72rem/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}
.card a{text-decoration:none}.path{background:var(--soft)}
.searchbar{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.searchbar input,.searchbar select{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:white;min-width:220px}
.song-hero{padding:52px 0 28px}.song-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:36px;align-items:start}
.lyrics{white-space:pre-wrap;background:white;border:1px solid var(--line);padding:30px;border-radius:16px;font-size:1.05rem}
aside .card{position:sticky;top:90px}iframe{width:100%;border:0;border-radius:12px}
.quote{font-size:1.35rem;font-style:italic;border-left:4px solid var(--gold);padding-left:20px;max-width:850px}
footer{padding:36px 0;border-top:1px solid var(--line);font: .85rem Arial,sans-serif;color:var(--muted)}
.notice{font: .85rem Arial,sans-serif;background:#fff8e7;border:1px solid #ead8a9;padding:12px 14px;border-radius:10px}
@media(max-width:760px){.nav{align-items:flex-start}.navlinks{gap:10px}.hero{padding-top:58px}.song-layout{grid-template-columns:1fr}aside .card{position:static}}

.cover{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;background:#eef2ec;border:1px solid var(--line);display:block;margin-bottom:14px}
.song-cover{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;background:#eef2ec;border:1px solid var(--line);margin-bottom:16px}
.theme-links{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 6px}.chip{display:inline-block;padding:8px 11px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font:700 .75rem Arial,sans-serif;background:white}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:white;padding:10px}

.breadcrumbs{font: .78rem Arial,sans-serif;color:var(--muted);margin-bottom:14px}.breadcrumbs a{text-decoration:none}
.related{margin-top:42px}.related .grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.asset-note{display:none}

.scriptures{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.scripture{font:700 .76rem Arial,sans-serif;padding:7px 10px;border-radius:8px;background:var(--soft)}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.resource-box{padding:26px;border-radius:18px;background:white;border:1px solid var(--line)}
@media(max-width:760px){.two-col{grid-template-columns:1fr}}


/* Launch-candidate interaction layer */
.navlinks a[aria-current="page"]{color:var(--green);font-weight:800}
.menu-toggle{display:none;background:transparent;border:0;padding:8px;cursor:pointer}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0}
.song-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.tool-btn{appearance:none;border:1px solid var(--line);background:white;color:var(--ink);padding:9px 12px;border-radius:999px;font:700 .78rem Arial,sans-serif;cursor:pointer}
.tool-btn:hover,.tool-btn:focus{border-color:var(--green);outline:none}
.tool-btn.is-saved{background:var(--soft);border-color:var(--green);color:var(--green)}
.audio-fallback-hidden{display:none}
.uj-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:white;padding:10px 16px;border-radius:999px;font:700 .8rem Arial,sans-serif;z-index:99;transition:.2s}
.uj-toast.show{transform:translate(-50%,0);opacity:1}
.find-controls{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin:22px 0}
.find-controls input,.find-controls select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:white}
.result-count{font:700 .82rem Arial,sans-serif;color:var(--muted);margin:6px 0 18px}
.saved-empty{padding:30px;border:1px dashed var(--line);border-radius:16px;background:white}
.utility-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;font:700 .78rem Arial,sans-serif}
.utility-links a{text-decoration:none}
.kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.kpi{background:white;border:1px solid var(--line);border-radius:14px;padding:16px}
.kpi strong{display:block;font-size:1.7rem;line-height:1.1;color:var(--green)}
.kpi span{font:.78rem Arial,sans-serif;color:var(--muted)}
@media(max-width:760px){
  .menu-toggle{display:block;margin-left:auto}
  .nav{position:relative;align-items:center;flex-wrap:wrap}
  .navlinks{display:none;width:100%;padding:12px 0 4px;border-top:1px solid var(--line)}
  .navlinks.is-open{display:flex}
  .navlinks a{width:100%;padding:7px 0;font-size:.95rem}
  .find-controls{grid-template-columns:1fr}
  .kpi-strip{grid-template-columns:1fr}
}
@media print{
  header,footer,aside,.song-tools,.breadcrumbs,.related{display:none!important}
  body{background:white;color:black}
  section{padding:0}
  .song-layout{display:block}
  .lyrics{border:0;padding:0;font-size:11pt}
  .song-hero{padding:0 0 18px}
}

/* v15 visual/ministry refinement */
body{font-size:17px}.hero{padding:62px 0 54px}.hero h1{font-size:clamp(2.8rem,5.25vw,5rem);max-width:900px}.lead{color:#344039}.section-intro,.breadcrumbs,footer{color:#536058}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.feature-card{overflow:hidden;padding:0}.feature-card .feature-copy{padding:18px 20px 20px}.feature-card .cover,.feature-card .cover-shell{border:0;border-radius:0;margin:0}.feature-card h3{font-size:1.35rem}
.cover-shell{width:100%;aspect-ratio:1/1;margin-bottom:14px}.cover-shell .cover{margin:0;height:100%}.cover-placeholder{width:100%;height:100%;aspect-ratio:1/1;border-radius:14px;background:linear-gradient(145deg,#173126,#315d46 58%,#b18a4a);color:white;padding:24px;align-content:end;gap:8px;border:1px solid rgba(0,0,0,.08)}.cover-placeholder span{font:700 .65rem Arial,sans-serif;letter-spacing:.16em}.cover-placeholder strong{font-size:1.35rem;line-height:1.1}
.song-card{padding:16px}.song-card h3{font-size:1.18rem}.song-card .cover-shell{margin-bottom:14px}
.song-hero{padding:38px 0 20px}.song-top{display:grid;grid-template-columns:minmax(220px,330px) minmax(0,1fr);gap:34px;align-items:center;padding:26px 0 34px}.song-top .song-cover,.song-top .cover-shell{margin:0}.song-top h1{font-size:clamp(2.6rem,5vw,4.8rem);margin:.1em 0}.listen-panel{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:20px}.listen-panel iframe{display:block}.song-layout-v15{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}.lyrics{font-size:1.08rem;line-height:1.72}.ministry-stack{display:grid;gap:18px;position:sticky;top:90px}.ministry-box{background:white;border:1px solid var(--line);border-radius:18px;padding:22px}.ministry-box h2,.ministry-box h3{margin-top:0}.scripture-list{display:grid;gap:12px}.scripture-item{background:var(--soft);padding:13px 14px;border-radius:12px}.scripture-item strong{display:block;color:var(--green)}.response-box{background:linear-gradient(145deg,#173126,#315d46);color:white}.response-box .btn{border-color:white;color:white}.response-box .btn.primary{background:white;color:var(--green)}
.related .card{padding:14px}.related .cover,.related .cover-shell{margin-bottom:10px}.related h3{font-size:1.05rem}.daily-feature{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}.daily-feature .cover,.daily-feature .cover-shell{margin:0}.daily-feature h3{font-size:2rem;margin:.1em 0}.ministry-band{background:linear-gradient(135deg,#eef2ec,#f6efe1)}.kpi strong{font-size:1.45rem}
@media(max-width:800px){.feature-grid{grid-template-columns:1fr 1fr}.song-top,.song-layout-v15,.daily-feature{grid-template-columns:1fr}.song-top{gap:20px}.song-top .cover-shell,.song-top .song-cover{max-width:360px}.ministry-stack{position:static}.hero h1{font-size:clamp(2.65rem,11vw,4rem)}}
@media(max-width:520px){.feature-grid{grid-template-columns:1fr}.hero{padding:48px 0 44px}.song-top h1{font-size:2.65rem}}


/* v16 teaching ministry */
.teaching-hero{background:radial-gradient(circle at 72% 12%,#ead9b7 0,transparent 38%),linear-gradient(180deg,#f7f4eb,#fbfaf6)}
.teaching-card{display:grid;grid-template-columns:minmax(260px,460px) minmax(0,1fr);gap:34px;align-items:center;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 32px rgba(0,0,0,.04)}
.teaching-card .teaching-art{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}
.teaching-card .teaching-copy{padding:30px 34px 30px 0}.teaching-card h2{font-size:clamp(2rem,4vw,3.4rem);margin:.15em 0}.teaching-card h2 a{text-decoration:none}
.teaching-top{display:grid;grid-template-columns:minmax(300px,520px) minmax(0,1fr);gap:38px;align-items:center;padding:22px 0 34px}.teaching-top .teaching-art{width:100%;border-radius:18px;border:1px solid var(--line);display:block}.teaching-top h1{font-size:clamp(2.65rem,5vw,4.8rem);margin:.12em 0}
.uj-audio{width:100%;margin:12px 0 4px}.audio-note{font: .82rem Arial,sans-serif;color:var(--muted);margin:6px 0 0}
.teaching-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:start}.transcript-details{margin-top:28px;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.transcript-details summary{cursor:pointer;padding:18px 22px;font:800 .9rem Arial,sans-serif;background:var(--soft)}.transcript-section{padding:22px 26px;border-top:1px solid var(--line)}.transcript-section h3{margin:0 0 12px}.teaching-transcript{white-space:pre-wrap;line-height:1.75}.teaching-home{background:#fbfaf6}
@media(max-width:800px){.teaching-card,.teaching-top,.teaching-layout{grid-template-columns:1fr}.teaching-card .teaching-copy{padding:24px}.teaching-card .teaching-art{min-height:0}.teaching-top{gap:22px}.teaching-top h1{font-size:2.8rem}}

/* v20 mobile header hardening */
@media(max-width:760px){
  .nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;width:min(1180px,94%);padding:10px 0}
  .brand{min-width:0;max-width:100%;font-size:clamp(.78rem,4.15vw,1rem);letter-spacing:.055em;white-space:nowrap;overflow:hidden;text-overflow:clip}
  .menu-toggle{margin-left:0;justify-self:end;min-width:44px;min-height:44px}
  .navlinks{grid-column:1/-1;margin:0}
}
@media(max-width:390px){.brand{font-size:.76rem;letter-spacing:.04em}}

.preview-recovery-banner{background:#7a4a21;color:white;text-align:center;padding:9px 14px;font-weight:700;font-size:.9rem;letter-spacing:.02em}

.secondary-listen{margin:.65rem 0 0;font-size:.92rem;opacity:.82}.secondary-listen a{font-weight:600}

/* Continuous Listening prototype */
.continuous-shell{padding:28px 0 90px}.continuous-now{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:32px;align-items:start}.continuous-cover{width:100%;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.18)}.continuous-controls{position:sticky;bottom:0;z-index:20;background:rgba(20,38,30,.97);color:#fff;padding:12px 0;border-top:1px solid rgba(255,255,255,.18)}.continuous-controls .wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.continuous-controls audio{flex:1;min-width:240px}.continuous-content{margin-top:34px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:28px}.continuous-content .lyrics{font-size:1.02rem;line-height:1.75}.continuous-side>div{margin-bottom:20px}.continuous-note{background:#f4efe4;border-radius:12px;padding:14px 18px;margin:18px 0}@media(max-width:760px){.continuous-now,.continuous-content{grid-template-columns:1fr}.continuous-now{gap:18px}.continuous-cover{max-width:340px}.continuous-controls .wrap{gap:6px}.continuous-controls audio{order:-1;width:100%;flex-basis:100%}}

/* Continuous Listening prototype */
.continuous-shell{padding:28px 0 90px}.continuous-now{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:32px;align-items:start}.continuous-cover{width:100%;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.18)}.continuous-controls{position:sticky;bottom:0;z-index:20;background:rgba(20,38,30,.97);color:#fff;padding:12px 0;border-top:1px solid rgba(255,255,255,.18)}.continuous-controls .wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.continuous-controls audio{flex:1;min-width:240px}.continuous-content{margin-top:34px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:28px}.continuous-content .lyrics{font-size:1.02rem;line-height:1.75}.continuous-side>div{margin-bottom:20px}.continuous-note{background:#f4efe4;border-radius:12px;padding:14px 18px;margin:18px 0}@media(max-width:760px){.continuous-now,.continuous-content{grid-template-columns:1fr}.continuous-now{gap:18px}.continuous-cover{max-width:340px}.continuous-controls .wrap{gap:6px}.continuous-controls audio{order:-1;width:100%;flex-basis:100%}}

/* Continuous Listening prototype */
.continuous-shell{padding:28px 0 90px}.continuous-now{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:32px;align-items:start}.continuous-cover{width:100%;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.18)}.continuous-controls{position:sticky;bottom:0;z-index:20;background:rgba(20,38,30,.97);color:#fff;padding:12px 0;border-top:1px solid rgba(255,255,255,.18)}.continuous-controls .wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.continuous-controls audio{flex:1;min-width:240px}.continuous-content{margin-top:34px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:28px}.continuous-content .lyrics{font-size:1.02rem;line-height:1.75}.continuous-side>div{margin-bottom:20px}.continuous-note{background:#f4efe4;border-radius:12px;padding:14px 18px;margin:18px 0}@media(max-width:760px){.continuous-now,.continuous-content{grid-template-columns:1fr}.continuous-now{gap:18px}.continuous-cover{max-width:340px}.continuous-controls .wrap{gap:6px}.continuous-controls audio{order:-1;width:100%;flex-basis:100%}}

/* Continuous Listening mobile refinement v9 */
@media(max-width:760px){
  .continuous-shell{padding-bottom:118px}
  .continuous-controls{padding:8px 0}
  .continuous-controls .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:center}
  .continuous-controls audio{grid-column:1/-1;grid-row:1;width:100%;min-width:0;max-height:42px}
  .continuous-controls .btn{margin:0;padding:9px 5px;min-height:42px;font-size:.78rem;white-space:nowrap}
  #uj-prev{grid-column:1}
  #uj-next{grid-column:2}
  #uj-shuffle{grid-column:3}
  #uj-repeat{grid-column:4}
}

/* Teaching artwork: preserve complete original artwork and lettering. */
.teaching-card .teaching-art-link{display:flex;align-items:center;justify-content:center;align-self:stretch;background:#f6f3eb;min-width:0;padding:10px}
.teaching-card .teaching-art{width:100%;height:auto;min-height:0;max-height:340px;object-fit:contain;object-position:center;display:block}
@media(max-width:760px){.teaching-card .teaching-art{max-height:none;height:auto}.teaching-card .teaching-art-link{padding:8px}}

/* UnrelentingJesus: full-width, readable ministry devotionals */
.uj-devotional-reading{max-width:850px;margin:32px auto 70px;padding:0 18px;box-sizing:border-box}
.uj-devotional-reading .uj-approved-devotional{padding:clamp(22px,4vw,46px);border:1px solid #e5e2d9;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(24,40,30,.045)}
.uj-devotional-reading .uj-approved-devotional p{font-size:clamp(1rem,1.25vw,1.13rem);line-height:1.85;margin:0 0 1.25em}
.uj-devotional-reading .uj-approved-devotional h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2;margin:.3em 0 .9em}
@media(max-width:650px){.uj-devotional-reading{padding:0 12px;margin:20px auto 40px}}

/* Approved devotional: primary full-width reading section within song content */
.uj-devotional-reading{display:block;width:100%;max-width:100%;margin:2.2rem 0 2.5rem}.uj-devotional-reading .uj-approved-devotional{padding:clamp(1.2rem,3vw,2.5rem);max-width:none}.uj-approved-devotional p{font-size:1.05rem;line-height:1.85;margin:0 0 1.15rem}.uj-approved-devotional h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2}.uj-approved-devotional .eyebrow{margin-bottom:.65rem}

/* RELEASE FIX: all teaching cover artwork must be shown uncropped at native ratio. */
.teaching-card{align-items:center!important;grid-template-columns:minmax(260px,460px) minmax(0,1fr)!important}
.teaching-card .teaching-art-link{display:block!important;align-self:center!important;padding:0!important;height:auto!important;min-height:0!important;overflow:visible!important;background:transparent!important}
.teaching-card .teaching-art,.teaching-top .teaching-art,.teaching-home .teaching-art{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;position:static!important;transform:none!important}
.teaching-top{align-items:center!important}
.teaching-top .teaching-art-link{height:auto!important;overflow:visible!important}
@media(max-width:800px){.teaching-card{grid-template-columns:minmax(0,1fr)!important}.teaching-card .teaching-art-link{width:100%!important}.teaching-card .teaching-copy{padding:24px!important}}