:root{font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:#17365c;background:#f6faff}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4.2vw,3.9rem);line-height:1.14;letter-spacing:-.04em}h2{font-size:clamp(1.45rem,2.2vw,2.35rem);line-height:1.25}h3{font-size:1.05rem}p{color:#425671}.top{position:sticky;top:0;z-index:9;background:#fff;box-shadow:0 2px 20px #1138650d;display:flex;align-items:center;justify-content:space-between;padding:12px max(4%,calc((100vw - 1200px)/2));gap:18px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand img{width:60px;height:51px;object-fit:contain}.brand b{font-weight:850;display:block}.brand small{font-size:.69rem;letter-spacing:.11em;color:#c08008;display:block;font-weight:800}.top nav{display:flex;align-items:center;gap:22px;font-size:.87rem;font-weight:700}.top nav a:hover{color:#237bc8}.nav-login,.top nav button{border:1px solid #c7d7ef;background:#fff;color:#17365c;border-radius:12px;padding:10px 16px;font-weight:700}main{max-width:1200px;padding:28px 26px 70px;margin:auto}.hero{display:grid;grid-template-columns:1fr 48%;background:#123d73;border-radius:25px;overflow:hidden;min-height:395px;color:#fff;box-shadow:0 16px 33px #17365c1a}.heroCopy{padding:clamp(24px,4vw,54px);align-self:center}.hero h1{margin:14px 0}.hero em{font-style:normal;color:#ffd267}.hero p{color:#ecf3ff;font-size:1.04rem}.hero>img{width:100%;height:100%;object-fit:cover}.eyebrow{letter-spacing:.17em;text-transform:uppercase;font-size:.71rem;font-weight:850;color:#bd7a03}.hero .eyebrow{color:#ffdb89}.actions,.adminTools{display:flex;gap:12px;flex-wrap:wrap}.button{border:0;background:#ffc947;color:#17365c;border-radius:12px;padding:12px 17px;font-size:.87rem;font-weight:850;display:inline-block}.button:hover{filter:brightness(.95)}.outline{background:#fff;border:1px solid #cdddef}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 48px}.quick div{background:#fff;border:1px solid #e3ecf7;border-radius:15px;padding:18px}.quick b{font-size:1.7rem;color:#195ba2;display:block}.quick span{font-size:.85rem;color:#62738c}.section{margin:40px 0;scroll-margin-top:105px}.sectionTop{display:flex;justify-content:space-between;align-items:end;gap:15px}.picker{background:#fff;padding:14px;border-radius:15px;border:1px solid #e1e8f4;display:flex;align-items:center;gap:10px}.picker label,.edit label{font-size:.8rem;color:#39577e;font-weight:800}.picker input,.edit input,.edit textarea,.dialog input{background:#fff;border:1px solid #c5d6ea;padding:9px;border-radius:8px;max-width:100%}.reading{background:#fff;border:1px solid #d9e8f8;box-shadow:0 9px 33px #195ba20c;border-radius:20px;padding:clamp(20px,3.5vw,45px);margin-top:16px}.readHeading{border-bottom:1px solid #e9eff7;padding-bottom:12px;margin-bottom:22px}.readHeading h2{margin:7px 0}.scripture{color:#2776ab;font-weight:750}.readingGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.readPart{background:#f6faff;border:1px solid #e3edf8;padding:19px;border-radius:15px}.readPart h3{color:#104d8f;margin:0 0 8px}.readPart p{margin:0}.readPart ul{color:#425671;padding-left:19px;margin:0}.reflection{grid-column:1/-1;background:#fff9e7;border-color:#fae4a8}.focus{background:#eaf7ec;border-color:#ccedcf}.note{font-size:.8rem;color:#687b93}.months{display:flex;flex-wrap:wrap;gap:8px}.month,.day{border:1px solid #d4e1f0;background:#fff;border-radius:9px;padding:9px 11px;font-weight:750;color:#28557f}.month.selected,.day:hover{background:#194b83;color:#fff}.days{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:18px 0}.about{display:grid;grid-template-columns:1fr 37%;gap:30px;align-items:center;background:#fff;border:1px solid #e1eaf5;padding:26px;border-radius:20px}.about img{width:100%;max-height:240px;object-fit:cover;border-radius:13px}footer{text-align:center;color:#637c9d;background:#10345e;padding:20px;font-size:.79rem;color:#d6e3f5}.dialog{width:min(96vw,470px);border:0;border-radius:20px;padding:30px;box-shadow:0 25px 90px #0005}.dialog::backdrop{background:#0c2345ad}.dialog form{display:grid;gap:13px}.dialog label{display:grid;gap:4px;font-size:.87rem;font-weight:700}.dialog .x{justify-self:end;border:0;background:#e9eff7;border-radius:50%;font-size:1.4rem;width:34px;height:34px}.dialog h2{margin:0}.dialog p{margin:0}.notice{color:#ad421a;min-height:22px}.adminMain{min-height:75vh}.adminTools{margin:20px 0}.edit{display:grid;gap:13px;max-width:800px;background:#fff;padding:26px;border:1px solid #d9e8f8;border-radius:17px}.edit label{display:grid;gap:5px}.edit label:has(input[type=checkbox]){display:flex;align-items:center}.edit .button{justify-self:start}.adminBody main{max-width:1050px}@media(max-width:850px){.top{position:relative;flex-wrap:wrap;padding:10px 17px}.top nav{width:100%;overflow:auto;gap:14px;white-space:nowrap;padding-bottom:5px}main{padding:18px 14px 45px}.hero{grid-template-columns:1fr}.hero>img{height:280px}.heroCopy{padding:27px}.quick{grid-template-columns:repeat(2,1fr);margin-bottom:25px}.sectionTop{display:block}.picker{flex-wrap:wrap}.readingGrid{grid-template-columns:1fr}.reflection{grid-column:auto}.days{grid-template-columns:repeat(7,1fr)}.about{grid-template-columns:1fr}.about img{max-height:250px}}@media(max-width:480px){.hero>img{height:220px}.days{grid-template-columns:repeat(7,1fr)}.day{padding:10px 3px}.quick div{padding:12px}.month{font-size:.74rem;padding:8px}}

.dayNav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.daySwitch{background:#fff;color:#164a80;border:1px solid #b9d1eb;padding:9px 14px;border-radius:10px;font-weight:750}.daySwitch:disabled{opacity:.4;cursor:not-allowed}#dayCounter{font-size:.86rem;font-weight:750;color:#3e6387}.day.selected{background:#194b83;color:#fff}.reveal{background:#eff7ff;border:1px solid #bddcf5;color:#164a80;padding:8px 13px;border-radius:9px;font-weight:750;margin-top:10px}.quizAnswer{margin-top:12px!important;color:#17572e!important;font-weight:700}.hint{color:#597089;font-size:.8rem} 

/* Official brand lockup: full ministry name with Family Devotion as the app label. */
.brand{min-width:0;white-space:normal}.brand b{font-size:clamp(.72rem,1.2vw,.91rem);line-height:1.2;letter-spacing:.014em;max-width:260px}.brand small{font-size:.68rem}.brandIcon{display:grid;place-items:center;flex:0 0 49px;width:49px;height:49px;background:#eaf4ff;border:1px solid #cfe2f7;border-radius:13px;font-size:1.65rem;line-height:1}footer a{color:#fff;text-decoration:underline;text-underline-offset:3px}@media(max-width:480px){.brand b{font-size:.78rem;max-width:230px}.brandIcon{width:42px;height:42px;flex-basis:42px}}

/* Official PASTOR ABAYOMI BIBLE STORIES artwork is used only in site identity areas. */
.top{padding-top:8px;padding-bottom:8px;min-height:89px}
.brand{gap:13px;text-decoration:none;flex:0 1 auto}
.brand .officialLogo{display:block;flex:0 0 76px;width:76px;height:76px;object-fit:contain;border-radius:13px;background:#fff;border:1px solid #e3edf8;box-shadow:0 2px 10px #17365c10}
.brandTitle{display:block;min-width:0}
.brandTitle b{font-size:clamp(.78rem,1.2vw,.99rem);line-height:1.22;letter-spacing:.018em;max-width:230px;color:#17365c}
.brandTitle small{margin-top:4px;color:#ad6812;font-size:.67rem;letter-spacing:.13em}
.top nav a:focus-visible,.brand:focus-visible,.footerBrand:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f2af30;outline-offset:3px}
footer{padding:16px max(4%,calc((100vw - 1200px)/2));text-align:left}
.footerInner{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.footerBrand{display:flex;gap:12px;align-items:center;flex:0 0 auto;text-decoration:none!important;color:#fff}
.footerBrand img{display:block;width:52px;height:52px;object-fit:contain;border-radius:10px;background:#fff}
.footerBrand strong{font-size:.78rem;display:block;letter-spacing:.025em}
.footerBrand small{display:block;color:#d6e3f5;font-size:.68rem;letter-spacing:.08em}
.footerDetails{display:grid;gap:4px;justify-items:end;text-align:right;font-size:.75rem}
@media(max-width:850px){.top{min-height:auto}.brand .officialLogo{width:66px;height:66px;flex-basis:66px}.footerInner{flex-wrap:wrap}.footerDetails{text-align:left;justify-items:start}}
@media(max-width:480px){.brand .officialLogo{width:61px;height:61px;flex-basis:61px}.brandTitle b{font-size:.78rem;max-width:210px}.brandTitle small{font-size:.6rem}.top nav{margin-top:3px}.footerBrand strong{font-size:.7rem}}