:root{--ink:#24443c;--muted:#52665e;--cream:#fffdf8;--line:#dfd5c1;--pine:#204d42;--accent:#79551e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0!important;padding:0 0 145px!important;background:var(--cream)!important;color:var(--ink)!important;font:18px/1.65 Georgia,serif}body h1,body h2,body h3,body h4,body p,body li,body label,body blockquote{color:var(--ink)!important}a{color:#22594b;text-underline-offset:3px;overflow-wrap:anywhere}button,select,input,textarea{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8c5f23;outline-offset:4px}img{max-width:100%;height:auto}.eyebrow,.smallcap,.small-cap,.season-kicker,.cs-label,.byline{color:#73521d!important}.compact-header{position:sticky;top:0;z-index:100;background:#fffdf8f5!important;border-bottom:1px solid var(--line);padding:.6rem max(1rem,calc((100% - 1160px)/2))!important;display:flex;gap:1rem;align-items:center;justify-content:space-between;backdrop-filter:blur(10px)}.compact-wordmark{display:flex;gap:.6rem;align-items:center;color:var(--ink)!important;text-decoration:none;font-size:1rem;line-height:1.2;font-weight:bold}.compact-wordmark img{width:40px;height:40px;object-fit:contain}.compact-menu{position:relative;font:600 .9rem system-ui,sans-serif}.compact-menu summary{padding:.55rem .85rem;border:1px solid #a99b78;border-radius:8px;cursor:pointer;color:var(--ink)}.compact-menu nav{position:absolute!important;right:0;top:100%;display:grid!important;grid-template-columns:repeat(2,minmax(140px,1fr));gap:.3rem;background:#fffdf8!important;box-shadow:0 12px 30px #17382e25;padding:.7rem!important;border:1px solid var(--line);border-radius:10px;min-width:330px;max-height:75vh;overflow:auto}.compact-menu nav a{padding:.65rem;color:var(--ink)!important;text-decoration:none;border-radius:6px}.compact-menu nav a:hover,.compact-menu nav a[aria-current=page]{background:#ecf1e8}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:1rem;top:1rem;z-index:200;background:white;padding:.5rem}main{max-width:1100px!important;width:100%!important;padding:2rem 1.25rem 3rem!important;margin:auto!important;background:transparent!important}main:focus{outline:none}main>h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}main section{scroll-margin-top:90px}main>section:not(.home-hero):not(.featured-opening):not(.why-hymns){margin:1.5rem 0!important}main .cs-cta,main .btn,main .button,main .button-link{background:#244d42!important;border:1px solid #244d42!important;color:#fff!important;text-decoration:none!important;display:inline-block;border-radius:8px;padding:.55rem .95rem;font:600 .9rem/1.5 system-ui,sans-serif}body[data-page=home] main{max-width:1160px!important;padding-top:1rem!important}.home-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem 2.5rem;margin:0 0 1.1rem;border-radius:18px;background:linear-gradient(90deg,#fffaf0f2,#fff9e5ae 60%,#fff4d134),url('/assets/clear-shining-landscape.webp') center/cover;min-height:260px;border:1px solid #e1d1ad}.home-hero h1{font-size:clamp(2.4rem,4.5vw,3.8rem);line-height:1.05;margin:.3rem 0 .75rem;letter-spacing:-.03em}.home-hero p{margin:.3rem 0;font-size:1.05rem}.home-hero .eyebrow{text-transform:uppercase;letter-spacing:.16em;font:700 .7rem/1.4 system-ui,sans-serif}.home-hero>img{width:180px;max-width:27%;object-fit:contain}.featured-opening{display:grid;grid-template-columns:190px 1fr;gap:1.4rem;align-items:center;background:#f5f0e5;padding:1.1rem;margin:0 0 1.2rem;border:1px solid var(--line);border-radius:14px}.featured-opening>img{width:190px;height:170px;object-fit:cover;border-radius:9px}.featured-opening h2{font-size:1.7rem;line-height:1.15;margin:.25rem 0}.featured-opening p{margin:.45rem 0;font-size:1rem}.featured-opening .eyebrow{font:700 .7rem/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em}.section-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:1.2rem 0}.section-card{border:1px solid var(--line);background:#fffaf0;border-radius:13px;margin:0!important;min-width:0}.section-card:nth-child(3n){background:#f0f4ec}.section-card>a{display:block;position:relative;min-height:210px;padding:1.1rem;text-decoration:none!important;color:var(--ink)!important;height:100%}.section-card a:hover{box-shadow:0 5px 18px #284a3b16;border-radius:13px;background:#fcf4e2}.section-card h2{font-size:1.2rem;line-height:1.2;margin:.7rem 0 .45rem}.section-card p{font-size:.9rem;line-height:1.45;margin:0 0 1rem}.section-icon{display:flex;width:36px;height:36px;background:#e6ecdf;border-radius:9px;align-items:center;justify-content:center}.section-icon svg{width:23px;height:23px;fill:none;stroke:#315746;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.card-arrow{position:absolute;bottom:.6rem;right:1rem;font-size:1.3rem}.why-hymns{padding:1.2rem 0;border-top:1px solid var(--line);margin-top:1.6rem;max-width:900px}.why-hymns h2{font-size:1.55rem;margin:.3rem 0}.why-hymns p{font-size:1rem;margin:.6rem 0}.compact-footer{display:flex!important;flex-wrap:wrap;gap:.7rem 1.2rem;justify-content:center;max-width:1120px;margin:1rem auto;padding:1.2rem!important;background:transparent!important;border-top:1px solid var(--line);color:var(--ink)!important;font: .9rem/1.5 system-ui,sans-serif}.compact-footer a{color:var(--ink)!important}.compact-footer p{flex-basis:100%;text-align:center;font-family:Georgia,serif;margin:.3rem}.subsection-index{display:flex!important;flex-wrap:wrap;gap:.5rem;padding:1rem 0!important;margin:1rem 0;border-bottom:1px solid var(--line);position:static!important;background:transparent!important}.subsection-index a{background:#f1ebdc;border:1px solid var(--line);border-radius:7px;padding:.4rem .7rem;text-decoration:none}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.resource-card{border:1px solid var(--line);border-radius:12px;padding:1.2rem;background:#fffaf0}.resource-card h3{margin:0;font-size:1.25rem;line-height:1.3}.resource-card p{font-size:.95rem}.radio-dock{position:fixed;bottom:0;left:0;right:0;z-index:150;background:#f2eee3!important;border-top:1px solid #a79975;padding:.55rem max(.75rem,calc((100% - 1120px)/2));box-shadow:0 -5px 20px #203e321a;font: .85rem/1.4 system-ui,sans-serif}.dock-heading{display:flex;gap:1rem;align-items:center;margin-bottom:.3rem;min-width:0}.dock-heading>a{font-weight:700;color:#24443c;white-space:nowrap}.dock-heading #cs-now{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.dock-heading #cs-status{color:#52665e;font-size:.75rem}.dock-controls{display:flex;align-items:center;gap:.45rem}.dock-controls button{border:1px solid #a89876;border-radius:7px;background:#fffdf8;color:#24443c;padding:.4rem .7rem;min-width:40px;min-height:38px}.dock-controls #cs-start{background:#244d42;color:white;min-width:65px}.dock-controls audio{height:36px;width:360px;max-width:50%;flex:1}.dock-controls>a{margin-left:auto;white-space:nowrap;font-size:.8rem}.library-toolbar{display:flex;gap:1rem;flex-wrap:wrap;padding:.8rem 0}.library-toolbar label{display:flex;flex-direction:column;gap:.25rem;font:600 .85rem system-ui,sans-serif;flex:1;min-width:180px}.library-toolbar input,.library-toolbar select{min-height:42px;width:100%;border:1px solid #aca286;background:white;color:#24443c;border-radius:7px;padding:.5rem;font:1rem system-ui,sans-serif}.compact-track-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.1rem}.compact-track-list li{margin:0;padding:0;border-bottom:1px solid var(--line);min-width:0}.compact-track-list li[hidden]{display:none}.compact-track-list button{width:100%;display:flex;gap:.65rem;align-items:center;text-align:left;padding:.65rem .4rem;background:transparent;color:#24443c;border:0;border-radius:4px;min-height:56px;line-height:1.2}.compact-track-list button:hover,.compact-track-list button[aria-current=true]{background:#e9f0e2}.compact-track-list strong{font:600 .9rem/1.2 system-ui,sans-serif;display:block}.compact-track-list small{display:block;font: .7rem/1.3 system-ui,sans-serif;color:#58685f;margin-top:.2rem}.play-glyph{color:#315e4d;font-size:.8rem}.track-duration{margin-left:auto;font: .8rem system-ui,sans-serif;white-space:nowrap}.music-credits{margin:1.5rem 0}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.channel-grid button{padding:1.2rem;border:1px solid var(--line);border-radius:12px;background:#fff8eb;color:#24443c}.channel-grid strong,.channel-grid span{display:block}.channel-grid span{font-size:.9rem;margin:.5rem 0}.channel-grid button[aria-pressed=true]{background:#e3eddc;border-color:#325b43}.guest-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem!important}.guest-grid article{min-width:0}.guest-grid h3{font-size:1.2rem;line-height:1.3}.guest-grid img{border-radius:8px}.byline{font-size:.9rem;line-height:1.4}.spread-art{position:relative;overflow:hidden;aspect-ratio:1.65;max-width:720px;margin:1.1rem auto;background:#f4ead7;border-radius:10px}.spread-art img{position:absolute;max-width:none!important;width:200%!important;height:auto;top:-44%;left:0}.cs-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.shelf-text-card{display:flex;align-items:center;background:#f5f1e7}.cs-reading-sequence{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:.8rem;margin:1.5rem 0}.season-book-cover{width:150px;float:left;margin:0 1.4rem 1rem 0}.christmas-book-promo{overflow:auto}.christmas-song-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.christmas-song{border:1px solid var(--line);border-radius:12px;padding:1rem}.christmas-song h3{margin:.4rem 0}#navigation-status{position:fixed;top:70px;right:1rem;background:#fff7df;color:#24443c;padding:.4rem .8rem;z-index:160;border-radius:8px}.guest-approved-art{overflow:hidden}.guest-crop-edge img{width:110%;max-width:none;transform:translateX(-9.09%)}
@media(min-width:1100px){.compact-menu summary{display:none}.compact-menu nav{position:static!important;display:flex!important;min-width:0;max-height:none;padding:0!important;border:0;box-shadow:none;gap:.15rem}.compact-menu:not([open])>nav{display:flex!important}.compact-menu nav a{padding:.45rem;font-size:.78rem}.compact-wordmark span{max-width:145px}}
@media(max-width:850px){.section-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-card>a{min-height:180px}.guest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dock-heading #cs-status{display:none}.channel-grid{grid-template-columns:1fr}.home-hero{padding:1.5rem;min-height:240px}.cs-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body{padding-bottom:150px!important}main{padding:1.25rem .9rem 2rem!important}.compact-wordmark span{max-width:145px;font-size:.85rem}.compact-wordmark img{width:33px;height:33px}.compact-menu nav{min-width:290px}.home-hero{padding:1.3rem;min-height:220px}.home-hero h1{font-size:2.5rem}.home-hero>img{display:none}.featured-opening{grid-template-columns:100px minmax(0,1fr);gap:.8rem;padding:.8rem}.featured-opening>img{width:100px;height:145px}.featured-opening h2{font-size:1.3rem}.featured-opening p{font-size:.85rem}.featured-opening .eyebrow{font-size:.6rem}.featured-opening .cs-cta{font-size:.75rem;padding:.4rem .65rem}.section-card-grid{gap:.6rem}.section-card>a{min-height:198px;padding:.9rem}.section-card h2{font-size:1.05rem}.section-card p{font-size:.8rem}.compact-track-list,.resource-grid,.christmas-song-grid{grid-template-columns:1fr}.guest-grid{grid-template-columns:1fr}.dock-heading{gap:.6rem}.dock-heading>a{font-size:.72rem}.dock-heading #cs-now{font-size:.75rem}.dock-controls{gap:.3rem;flex-wrap:wrap}.dock-controls audio{width:145px;max-width:none;flex:1;min-width:100px}.dock-controls>a{font-size:.72rem}.dock-controls button{padding:.35rem .5rem;min-width:32px}.dock-controls #cs-start{min-width:48px}.cs-gallery{grid-template-columns:1fr}.season-book-cover{width:110px}.compact-footer{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Reset inherited full-height page headers and dark legacy panels. */
body .compact-header{min-height:0!important;height:auto!important;background-image:none!important;max-height:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
body .stay-connected{background:#f5f0e5!important;border:1px solid #dfd5c1!important;border-radius:12px!important;padding:1.2rem!important;color:#24443c!important}
body .stay-connected a{background:#244d42!important;color:#fff!important;border-color:#244d42!important}
body .hymn-hero,body .article-hero{background:linear-gradient(90deg,#fff9eced,#fff9ecb0),url('/assets/clear-shining-landscape.webp') center/cover!important;color:#24443c!important}
body .compact-menu nav{background:#fffdf8!important}

.reading-title-index{border:1px solid #c6b995;background:#f5f0e3;border-radius:12px;padding:1.2rem;margin:1.2rem 0 2rem}.reading-title-index h2{font-size:1.4rem;margin:0 0 .5rem}.reading-title-index ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1.2rem}.reading-title-index li{border-top:1px solid #dfd5c1;padding:.55rem 0}.reading-title-index a{display:block;font-weight:600}.section-card-grid .section-card h2{border:0!important}@media(max-width:600px){.reading-title-index ul{grid-template-columns:1fr}}
/* Final agreed compact illustrated homepage. */
body[data-page=home] .home-hero{min-height:170px;padding:1.2rem 1.7rem;margin-bottom:1rem;grid-template-columns:1fr 115px}body[data-page=home] .home-hero h1{font-size:2.3rem;line-height:1.1;max-width:600px}body[data-page=home] .home-hero>img{width:100px;height:100px}body[data-page=home] .home-hero p{font-size:.95rem;margin:.35rem 0}body[data-page=home] .section-card-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.65rem;margin:.8rem 0}body[data-page=home] .section-card>a{padding:0 0 .7rem;min-height:0;display:flex;flex-direction:column;gap:.35rem;border-radius:5px;overflow:hidden}body[data-page=home] .section-photo{width:100%;height:88px;object-fit:cover;border-radius:0}body[data-page=home] .section-card h2{font-size:1rem;line-height:1.2;margin:.15rem .65rem;min-height:2.5em}body[data-page=home] .section-card p{font-size:.76rem;line-height:1.35;margin:0 .65rem}body[data-page=home] .section-icon{width:28px;height:28px;margin:-17px 0 0 .5rem;position:relative;background:#fffaf0;border:1px solid #c4b58b;border-radius:50%;padding:5px}body[data-page=home] .section-icon svg{width:17px;height:17px}body[data-page=home] .card-arrow{position:static;margin:auto .65rem 0;align-self:flex-end}.home-listening{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;background:#e8ecdf;padding:.65rem .85rem;border-radius:6px;font-size:.85rem;margin-bottom:1rem}.home-listening button{background:#244d42;color:white;border:0;border-radius:4px;padding:.5rem .8rem;font:inherit}.home-listening a{font-size:.82rem}.home-section-indexes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.home-index-section{border:1px solid #cec8b3;border-radius:8px;background:#fffdf8;padding:1rem;min-width:0}.home-index-section h2{font-size:1.35rem;margin:0 0 .4rem}.home-index-section p{font-size:.88rem;margin:.4rem 0 .7rem}.home-index-section ul{padding-left:1.1rem;margin:0}.home-index-section li{font-size:.9rem;padding:.2rem 0;line-height:1.4}body[data-page=home] .featured-opening{margin:.9rem 0;padding:.8rem;grid-template-columns:150px 1fr;gap:1rem}body[data-page=home] .featured-opening>img{width:150px;height:110px}body[data-page=home] .featured-opening h2{font-size:1.5rem;margin:.2rem 0}body[data-page=home] .featured-opening p{font-size:.9rem;margin:.3rem 0 .5rem}body[data-page=home] .why-hymns{padding:1.1rem;margin-top:1rem}body[data-page=home] .why-hymns p{font-size:.95rem}
@media(max-width:1100px){body[data-page=home] .section-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-page=home] .section-card h2{min-height:0}}@media(max-width:600px){body[data-page=home] .section-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=home] .home-hero{min-height:155px;padding:1rem}body[data-page=home] .home-hero h1{font-size:1.9rem}.home-section-indexes{grid-template-columns:1fr}body[data-page=home] .featured-opening{grid-template-columns:90px 1fr;gap:.7rem}body[data-page=home] .featured-opening>img{width:90px;height:140px}body[data-page=home] .featured-opening h2{font-size:1.2rem}body[data-page=home] .featured-opening p{font-size:.8rem}}
.home-index-section li small{display:block;color:#526257;font-size:.8rem;line-height:1.35;margin:.1rem 0 .35rem}body[data-page=home] .section-card h2{font-size:.93rem}body[data-page=home] .section-card p{font-size:.73rem}

/* Radio-only usability refinement, 23 October R5. */
.radio-page-controls{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;margin:1rem 0}.radio-page-controls button{background:#244d42;color:#fffdf8;border:1px solid #244d42;border-radius:6px;padding:.65rem 1rem;min-height:44px;font:600 .9rem system-ui,sans-serif}.radio-page-controls [data-radio-shuffle][aria-pressed=true],.dock-controls [data-radio-shuffle][aria-pressed=true]{background:#dfebd7;color:#24443c;border-color:#476e43}.radio-now-panel{background:#edf0e5;border:1px solid #d3d7c3;border-radius:9px;padding:1rem;margin:1rem 0}.radio-now-panel h2{font-size:1.5rem;margin:.3rem 0}.radio-now-panel p{margin:.25rem 0}.dock-controls .dock-shuffle{font:600 .75rem system-ui,sans-serif;white-space:nowrap;min-width:95px}@media(max-width:560px){body{padding-bottom:185px!important}.dock-controls .dock-shuffle{min-width:90px}.dock-controls audio{flex-basis:calc(100% - 105px);max-width:none}.dock-controls>a{margin-left:0}}

.library-channel-buttons{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.library-channel-buttons button{border:1px solid #78907a;border-radius:6px;background:#fffdf8;color:#24443c;padding:.6rem .85rem;min-height:44px;font:600 .85rem system-ui,sans-serif}.library-channel-buttons button[aria-pressed=true]{background:#244d42;color:#fffdf8}