:root{
  --el-blue:#052252;--el-green:#0f8a5f;--el-green-2:#45b36b;--el-yellow:#f5c84c;--el-red:#c93434;--el-black:#151515;--el-white:#fff;--el-soft:#f6fbf8;--el-border:#dfeee7;--el-shadow:0 18px 45px rgba(5,34,82,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#fff 0%,#f7fbff 46%,#f4fbf2 100%);color:var(--el-black);font-family:"Segoe UI",Arial,sans-serif!important;line-height:1.65;overflow-x:hidden}body::before,body::after{content:"";position:fixed;z-index:-1;pointer-events:none;opacity:.28}body::before{width:280px;height:280px;left:-90px;bottom:-80px;background:radial-gradient(circle at 45% 45%,var(--el-yellow) 0 9%,transparent 10% 17%,var(--el-green-2) 18% 21%,transparent 22%),radial-gradient(circle,var(--el-green) 0 16%,transparent 17%);border-radius:50%}body::after{width:360px;height:230px;right:-120px;top:110px;background:repeating-linear-gradient(130deg,rgba(15,138,95,.16) 0 8px,transparent 8px 18px);border-radius:45%}.container{max-width:1180px}.main-wrapper{width:100%!important;margin-top:86px!important}.sidebar.logo{display:none!important}.navbar{width:100%!important;border-bottom:0!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(10px);box-shadow:0 7px 24px rgba(5,34,82,.08);padding:.5rem 0}.navbar .container{gap:1rem}.navbar-brand img{width:68px;height:68px;object-fit:contain}.brand-title{color:var(--el-blue);font-weight:800;font-size:clamp(1rem,2vw,1.45rem)!important;line-height:1.18;margin:0}.brand-subtitle{color:var(--el-green);font-weight:700;font-size:clamp(.8rem,1.5vw,1.05rem)!important;margin:0}.navbar-nav{align-items:center;gap:.25rem}.navbar-nav .nav-link{color:var(--el-blue)!important;font-weight:700;border-radius:999px;padding:.55rem .85rem!important}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{background:rgba(15,138,95,.1);color:var(--el-green)!important;text-decoration:none!important}.login-button,.btn-el{background:linear-gradient(135deg,var(--el-green),var(--el-blue));color:#fff;border:0;border-radius:999px;padding:.6rem 1rem;font-weight:800;box-shadow:0 8px 20px rgba(15,138,95,.2)}.login-button:hover,.btn-el:hover{transform:translateY(-1px);filter:brightness(1.05)}h1,h2,h3,h4,h5{font-family:"Segoe UI",Arial,sans-serif!important;color:var(--el-blue);font-weight:800;line-height:1.2}p,li,a,input,textarea,button{font-size:clamp(.95rem,1.2vw,1.04rem)!important}.hero-carousel .carousel-item{height:clamp(330px,55vw,620px)!important;border-radius:28px;overflow:hidden}.hero-carousel .carousel-item img{width:100%!important;height:100%!important;object-fit:cover;min-width:0!important;min-height:0!important;position:static!important;transform:none!important}.hero-carousel .carousel-caption{left:6%;right:6%;bottom:7%;background:linear-gradient(135deg,rgba(5,34,82,.82),rgba(15,138,95,.72));border:1px solid rgba(255,255,255,.28);border-radius:24px;padding:1.2rem}.slider-section,.card,.content-card,.study-card{background:rgba(255,255,255,.92)!important;border:1px solid var(--el-border)!important;border-radius:26px!important;box-shadow:var(--el-shadow)!important;overflow:hidden}.sections-container{gap:1.2rem}.hero-section{width:100%!important}.second-section{width:100%!important;padding:1rem!important}@media (min-width:992px){.sections-container{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(330px,.85fr);align-items:stretch}.hero-section,.second-section{width:auto!important}.hero-carousel,.hero-carousel .carousel-inner,.hero-carousel .carousel-item{height:100%}}.section-kicker{display:inline-flex;align-items:center;gap:.45rem;background:rgba(245,200,76,.2);color:#6d4b00;border:1px solid rgba(245,200,76,.35);border-radius:999px;padding:.35rem .75rem;font-weight:800}.flower-divider{height:22px;margin:1.1rem auto;background:linear-gradient(90deg,transparent,var(--el-green),transparent);max-width:320px;position:relative}.flower-divider:before,.flower-divider:after{content:"✿";position:absolute;top:-16px;color:var(--el-red);font-size:26px}.flower-divider:before{left:45%}.flower-divider:after{left:54%;color:var(--el-yellow)}.garden-strip{min-height:56px;background:linear-gradient(180deg,transparent 0 42%,rgba(15,138,95,.14) 43%),repeating-linear-gradient(110deg,transparent 0 16px,rgba(15,138,95,.45) 17px 19px,transparent 20px 32px);border-radius:0 0 26px 26px}.daily-reader{position:relative;padding:1.2rem}.daily-reader:before{content:"";position:absolute;right:-38px;bottom:-38px;width:150px;height:150px;}.reading-circle{width:min(260px,72vw);aspect-ratio:1;border-radius:50%;margin:1rem auto;background:conic-gradient(var(--el-green) var(--progress,0deg),#e7f1eb 0);display:grid;place-items:center;padding:12px}.reading-circle-inner{width:100%;height:100%;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;padding:1rem;border:8px solid rgba(245,200,76,.35)}.reading-chapter{font-size:clamp(1.35rem,4vw,2rem)!important;color:var(--el-blue);font-weight:900;line-height:1.15}.reading-date{color:var(--el-green);font-weight:800}.reading-nav{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.reading-nav button,.lesson-open{border:1px solid var(--el-border);background:#fff;color:var(--el-blue);border-radius:999px;padding:.5rem .85rem;font-weight:800}.reading-nav button:hover,.lesson-open:hover{background:var(--el-blue);color:#fff}.sabbath-school-frame{width:100%;min-height:720px;border:0;border-radius:22px;background:#fff}.iframe-wrap{border:1px solid var(--el-border);border-radius:24px;overflow:hidden;box-shadow:var(--el-shadow);background:#fff}.upcoming-event{background:#fff;border:1px solid var(--el-border);border-radius:20px;padding:.75rem;margin:.75rem}.event-date{background:linear-gradient(135deg,var(--el-blue),var(--el-green))!important;border-radius:16px!important}.img-container{border-color:rgba(15,138,95,.25)!important}.footer-section{background:linear-gradient(180deg,#fff,#edf8f1)!important;border-top:4px solid var(--el-green)!important}.copyright-section{background:var(--el-blue)!important;color:#fff}.modal-content{border-radius:26px!important}.text-primary{color:var(--el-blue)!important}.btn-primary{background:var(--el-blue)!important;border-color:var(--el-blue)!important}.btn-outline-primary{color:var(--el-blue)!important;border-color:var(--el-blue)!important}.btn-outline-primary:hover{background:var(--el-blue)!important;color:#fff!important}@media (max-width:991.98px){body{padding-top:0!important}.main-wrapper{margin-top:78px!important}.navbar-brand{max-width:78%}.navbar-brand img{width:54px;height:54px}.navbar-collapse{background:#fff;border-radius:20px;padding:1rem;margin-top:.7rem;box-shadow:var(--el-shadow)}.navtoggle{position:static!important}.hero-carousel .carousel-caption{position:absolute!important}.sections-container{display:flex!important;flex-direction:column!important}.container{padding-left:14px;padding-right:14px}}@media (max-width:575.98px){.brand-title{font-size:.86rem!important}.brand-subtitle{font-size:.72rem!important}.hero-carousel .carousel-item{height:350px!important}.hero-carousel .carousel-caption h2{font-size:1.25rem}.sabbath-school-frame{min-height:620px}}
body h1{font-size:clamp(1.8rem,4vw,3.1rem)!important}body h2{font-size:clamp(1.45rem,3vw,2.25rem)!important}body h3{font-size:clamp(1.22rem,2.4vw,1.7rem)!important}body h4,body h5{font-size:clamp(1.05rem,2vw,1.25rem)!important}.brand-title{font-size:clamp(1rem,2vw,1.45rem)!important}.brand-subtitle{font-size:clamp(.8rem,1.5vw,1.05rem)!important}.verse-text{color:var(--el-blue);font-size:1.05rem!important}.verse-details{color:#3c4652}.buttons-container .pdf-btn{width:100%}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,.72)}.modal-content{background:white;margin:6vh auto;padding:1.2rem;width:min(94%,980px);position:relative}.close{position:absolute;top:12px;right:18px;font-size:32px;font-weight:bold;cursor:pointer;color:var(--el-red)}
/* Requested refinements */
.brand-title{font-size:clamp(.82rem,1.35vw,1.08rem)!important;letter-spacing:-.01em;max-width:420px}.brand-subtitle{font-size:clamp(.72rem,1vw,.9rem)!important}.navbar-brand img{width:58px;height:58px}.navbar-nav .nav-link{padding:.5rem .7rem!important}.reading-click{border:0;cursor:pointer}.reading-circle-inner span{display:block}.reading-click:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(15,138,95,.18)}.popup-close{border:0;background:transparent;line-height:1}.reading-modal .modal-content{max-width:720px}.lesson-popup-content{width:min(96%,1180px)!important;height:90vh;margin:4vh auto!important}.popup-frame{height:80vh;min-height:80vh}.elder-move .nav-btn,.elder-move .btn-outline-light{background:linear-gradient(135deg,var(--el-blue),var(--el-green))!important;color:#fff!important;border:2px solid var(--el-yellow)!important;width:46px;height:46px}.elder-move .nav-btn:hover,.elder-move .btn-outline-light:hover{background:linear-gradient(135deg,var(--el-red),var(--el-blue))!important;color:#fff!important;transform:scale(1.04)}.elder-move .btn-outline-primary{background:#fff!important;color:var(--el-blue)!important;border:2px solid var(--el-green)!important}.elder-move .btn-outline-primary:hover{background:var(--el-green)!important;color:#fff!important}.watch-page{width:100%;border:1px solid var(--el-border);border-radius:24px;background:#fff;padding:.75rem;box-shadow:var(--el-shadow);cursor:pointer;transition:.2s}.watch-page:hover{transform:translateY(-3px)}.watch-page img{width:100%;height:420px;object-fit:contain;background:#f8fafb;border-radius:18px}.watch-page span{display:block;margin-top:.75rem;font-weight:900;color:var(--el-blue)}.watch-popup-content{width:min(96%,980px)!important;max-height:92vh;overflow:auto}.watch-popup-img{width:100%;height:auto;border-radius:18px}@media(max-width:575.98px){.navbar-brand img{width:48px;height:48px}.brand-title{font-size:.76rem!important;max-width:245px}.brand-subtitle{font-size:.66rem!important}.watch-page img{height:300px}.reading-nav a,.reading-nav button{font-size:.84rem!important;padding:.45rem .65rem!important}}


/* Fixes added after review */
.reading-popup-content{width:min(94%,760px)!important;margin:6vh auto!important;padding:1.4rem!important;max-height:88vh;overflow:auto}
.reading-callout{background:linear-gradient(135deg,rgba(15,138,95,.12),rgba(245,200,76,.18));border-left:5px solid var(--el-green);padding:.9rem 1rem;border-radius:16px;color:var(--el-black)}
.morning-watch-card{border:2px solid rgba(15,138,95,.20)!important;background:linear-gradient(180deg,#fff,#f7fff9)!important}
.morning-note{background:#fff8dc;border:1px solid rgba(245,200,76,.55);border-radius:22px;padding:1rem;color:#102030;box-shadow:0 10px 25px rgba(245,200,76,.16)}
.watch-page{min-height:100%;background:linear-gradient(180deg,#ffffff,#f4fbf2)!important;border:2px solid rgba(15,138,95,.28)!important}
.watch-page span{background:linear-gradient(135deg,var(--el-green),var(--el-blue));color:#fff!important;border-radius:999px;padding:.55rem .9rem;display:inline-block!important}
.watch-popup-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;position:sticky;top:0;background:white;z-index:2;padding-bottom:.4rem;border-bottom:1px solid var(--el-border)}
.watch-modal{z-index:2000!important}.watch-popup-content{margin:3vh auto!important;padding:1rem!important;background:#fff!important}.watch-popup-img{display:block;max-width:100%;margin:auto}
@media(max-width:575.98px){.reading-popup-content{margin:3vh auto!important;max-height:94vh}.watch-popup-content{width:98%!important;max-height:96vh}.watch-popup-header h3{font-size:1.05rem!important}}
.bible-chapter-text{background:#fff;border:1px solid var(--el-border);border-radius:18px;padding:1rem;max-height:58vh;overflow:auto;line-height:1.8}.bible-chapter-text p{margin-bottom:.75rem}.bible-chapter-text sup{font-weight:900;color:var(--el-green);margin-right:.35rem}.morning-today-card{background:linear-gradient(135deg,rgba(15,138,95,.08),rgba(245,200,76,.16))!important;border-left:6px solid var(--el-green)!important}.morning-today-card .verse-text{font-size:1.25rem!important}.watch-popup-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.watch-popup-header .popup-close{position:static!important;color:var(--el-red)!important}
.lesson-clean-box{border:1px solid var(--el-border);border-radius:22px;background:linear-gradient(135deg,rgba(15,138,95,.08),rgba(5,34,82,.06));padding:1rem 1.2rem;box-shadow:var(--el-shadow)}
.lesson-clean-box h3{font-size:1.25rem!important;color:var(--el-green)}

/* Local Sabbath School lesson viewer */
.sabbath-local-card{position:relative;background:linear-gradient(180deg,#fff,#f8fffb)!important}.lesson-local-layout{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.7fr);gap:1.1rem;align-items:start}.lesson-summary-panel{background:linear-gradient(150deg,rgba(5,34,82,.97),rgba(15,138,95,.9));color:#fff;border-radius:24px;padding:1.2rem;box-shadow:var(--el-shadow);position:sticky;top:100px;overflow:hidden}.lesson-summary-panel:after{content:"✿";position:absolute;right:18px;bottom:8px;color:rgba(245,200,76,.35);font-size:72px;line-height:1}.lesson-summary-panel h3{color:#fff;font-size:clamp(1.25rem,2.4vw,2rem)!important;margin:.8rem 0}.lesson-summary-panel p{color:rgba(255,255,255,.9)}.lesson-badge{display:inline-flex;background:var(--el-yellow);color:#111;border-radius:999px;padding:.35rem .75rem;font-weight:900}.lesson-source-note{border-top:1px solid rgba(255,255,255,.25);padding-top:.8rem;margin-top:.8rem}.lesson-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.lesson-soft-btn{border:1px solid rgba(5,34,82,.12);background:#fff;color:var(--el-blue);border-radius:999px;padding:.55rem .9rem;font-weight:900;box-shadow:0 8px 18px rgba(5,34,82,.08)}.lesson-soft-btn:hover{background:var(--el-green);color:#fff}.lesson-image-shell{border:1px solid var(--el-border);border-radius:24px;background:#fff;box-shadow:var(--el-shadow);overflow:hidden}.lesson-image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:linear-gradient(90deg,rgba(15,138,95,.12),rgba(245,200,76,.18));font-weight:900;color:var(--el-blue)}.lesson-page-image{display:block;width:100%;max-height:82vh;object-fit:contain;background:#f8fafc;cursor:zoom-in}.lesson-program-box{margin-top:1rem;border:1px solid rgba(245,200,76,.5);border-radius:20px;background:linear-gradient(135deg,rgba(245,200,76,.16),rgba(15,138,95,.08));padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.lesson-local-popup{display:none;position:fixed;z-index:99999;inset:0;background:rgba(0,0,0,.72);padding:3vh 2vw;overflow:auto}.lesson-local-popup.show{display:block}.lesson-local-popup-content{width:min(980px,96vw);margin:auto;background:#fff;border-radius:26px;box-shadow:0 28px 80px rgba(0,0,0,.35);padding:1rem;position:relative}.lesson-popup-close{position:absolute;right:14px;top:10px;border:0;background:var(--el-red);color:#fff;border-radius:50%;width:42px;height:42px;font-size:28px!important;line-height:1;font-weight:900}.lesson-popup-header{padding:.7rem 3rem .9rem .6rem;border-bottom:1px solid var(--el-border);margin-bottom:.8rem}.lesson-popup-header span{display:inline-flex;background:rgba(15,138,95,.12);color:var(--el-green);border-radius:999px;padding:.25rem .65rem;font-weight:900}.lesson-popup-header h3{margin:.55rem 0 .2rem}.lesson-popup-img{width:100%;height:auto;border-radius:18px;background:#f8fafc}.lesson-empty{border:1px dashed var(--el-border);background:#fff;border-radius:20px;padding:1rem;color:var(--el-blue);font-weight:800}@media(max-width:991.98px){.lesson-local-layout{grid-template-columns:1fr}.lesson-summary-panel{position:relative;top:auto}.lesson-page-image{max-height:none}.lesson-program-box{flex-direction:column;align-items:flex-start}}@media(max-width:575.98px){.lesson-summary-panel{padding:1rem}.lesson-local-popup{padding:1vh 1vw}.lesson-local-popup-content{border-radius:18px;padding:.6rem}.lesson-popup-close{width:36px;height:36px;font-size:24px!important}.lesson-popup-header{padding-right:2.4rem}.lesson-actions .btn-el,.lesson-actions .lesson-soft-btn{width:100%;text-align:center}}


/* v14 readability improvements for image-based backgrounds */
.history-hero,
.departments-hero,
.plan-hero {
  isolation: isolate;
}
.history-card,
.departments-container,
.plan-card,
.department-card,
.summary-card,
.table-shell,
.month-card {
  background-color: rgba(255,255,255,.97) !important;
}
@media (max-width: 768px) {
  body {
    background-attachment: scroll !important;
  }
  .history-hero,
  .departments-hero,
  .plan-hero {
    background-position: center top !important;
  }
}