:root{--ink:#69645f;--nav:#44372f;--gold:#9a6213;--blue:#9ebbd0;--page:#f5f2f1}
*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{margin:0;max-width:100%;overflow-x:hidden;background:var(--page);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.42}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:326px;background:#fff;padding-top:47px;position:relative;z-index:20}.brand-wrap{display:flex;justify-content:center;align-items:flex-start}.brand{display:block}.brand img{display:block;width:264px;height:auto}.menu-toggle{display:none}.main-nav{width:min(1180px,calc(100% - 40px));margin:28px auto 0;border-bottom:1px solid #708b7d}.menu{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0;padding:0 18px 20px;list-style:none}.menu>li{position:relative;white-space:nowrap}.menu a,.nav-trigger{font:400 12px/1.2 Georgia,'Times New Roman',serif;color:var(--nav);text-decoration:none;background:none;border:0;padding:8px 0;cursor:pointer}.menu a:hover,.menu a:focus,.nav-trigger:hover,.nav-trigger:focus{color:var(--gold)}
.dropdown{display:none;position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);min-width:260px;margin:0;padding:9px 0;background:#fff;border:1px solid #ded8d4;box-shadow:0 8px 20px rgba(0,0,0,.12);list-style:none;z-index:50}.dropdown.wide{min-width:330px}.dropdown li a{display:block;padding:10px 16px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.25;white-space:normal}.has-dropdown:hover>.dropdown,.has-dropdown:focus-within>.dropdown,.has-dropdown.open>.dropdown{display:block}
main{width:min(1200px,100%);margin:0 auto 48px;background:#fff}.hero{position:relative;width:100%;aspect-ratio:656/240;overflow:hidden}.hero img{display:block;width:100%;height:100%;object-fit:cover}.hero-title{position:absolute;left:24.4%;top:36.25%;width:51.4%;height:26.7%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.86);color:#a36414;font:400 47px/1 Georgia,'Times New Roman',serif}
.lesson{padding:24px 32px 34px;background:#fff}.lesson h1{margin:0 0 20px;text-align:center;color:#69635e;font-size:31px;line-height:1.2;font-weight:700}.lesson p{margin:0 0 23px}.lead{margin-bottom:24px!important;color:#9b661c;text-align:center;font:italic 18px/1.55 Georgia,'Times New Roman',serif;padding:0 12px}.lead span{font-size:17px}.lesson strong{color:#5f5b58}.lesson em{font-style:italic}.lesson blockquote{margin:38px auto 48px;max-width:850px;padding:12px;border-top:2px solid #a96c18;border-bottom:2px solid #a96c18;color:#9d6212;text-align:center;font-weight:700;font-size:16px;line-height:1.35}.scripture{color:#1c2d66;font-style:italic;font-size:16px}.lesson h2{margin:25px 0 15px;padding:0 0 8px;border-bottom:1px solid #7e9ab4;color:#7e9ab4;font-size:23px;line-height:1.2;font-weight:700}
.site-footer{background:#fff}.footer-accent{height:62px;background:var(--blue)}.footer-inner{min-height:110px;display:flex;align-items:center;justify-content:center;gap:42px;padding:0 22px;color:#4a403a;font-size:14px}.footer-inner p{margin:0}.footer-inner a{color:#4a403a}.socials{display:flex;gap:10px}.socials a{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#111}.socials svg{width:14px;height:14px;fill:#fff}
@media (max-width:1250px) and (min-width:701px){.site-header{height:220px;padding-top:28px}.brand img{width:180px}.main-nav{width:min(900px,calc(100% - 30px));margin-top:14px}.menu{gap:8px;padding:0 10px 12px}.menu a,.nav-trigger{font-size:9px}.hero-title{font-size:clamp(28px,3.4vw,43px)}.lesson{padding:20px 26px 30px}.lesson h1{font-size:clamp(24px,2.4vw,30px)}.lead{font-size:clamp(14px,1.45vw,18px)}body{font-size:clamp(12px,1.18vw,15px)}}
@media (max-width:700px){html{-webkit-text-size-adjust:100%}body{width:100%;min-width:0;font-size:15px;line-height:1.52;overflow-y:auto}.site-header{height:auto;padding-top:14px}.brand-wrap{min-height:126px;padding:0 15px 14px;align-items:flex-start;position:relative}.brand img{width:132px;max-width:36vw}.menu-toggle{display:flex;position:absolute;right:16px;top:39px;width:38px;height:35px;padding:8px;flex-direction:column;justify-content:space-between;background:#fff;border:1px solid #b9b0aa}.menu-toggle span:not(.sr-only){display:block;height:2px;background:#5d4c42}.main-nav{display:none;width:100%;max-height:calc(100dvh - 116px);margin:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #708b7d}.main-nav.open{display:block}.menu{display:block;padding:0}.menu>li{border-bottom:1px solid #eee}.menu>li:last-child{border-bottom:0}.menu a,.nav-trigger{display:flex;width:100%;min-height:46px;align-items:center;padding:12px 18px;font:400 12px/1.25 Arial,Helvetica,sans-serif;text-align:left}.nav-trigger:after{content:'＋';margin-left:auto}.has-dropdown.open>.nav-trigger:after{content:'−'}.dropdown,.dropdown.wide{position:static;transform:none;min-width:0;border:0;border-top:1px solid #eee;box-shadow:none;background:#f8f6f5}.has-dropdown:hover>.dropdown{display:none}.has-dropdown.open>.dropdown{display:block}.dropdown li a{padding:11px 29px;font-size:11.5px}main{display:block;width:100%;margin:0 auto 26px;overflow:visible;background:#fff}.hero{width:100%;height:auto;aspect-ratio:656/240}.hero img{width:100%;height:100%;object-fit:cover}.hero-title{left:18%;top:34%;width:64%;height:30%;font-size:clamp(24px,8vw,36px);white-space:nowrap}.lesson{width:100%;padding:20px 18px 30px;overflow-wrap:anywhere}.lesson h1{margin-bottom:18px;font-size:clamp(24px,7vw,31px)}.lesson p{margin-bottom:20px}.lead{padding:0;font-size:clamp(15px,4.4vw,18px)}.lead span{font-size:.92em}.lesson blockquote{width:92%;max-width:none;margin:31px auto 37px;padding:10px 7px;font-size:14px}.scripture{font-size:14.5px}.lesson h2{font-size:22px}.footer-accent{height:42px}.footer-inner{width:100%;min-height:130px;justify-content:center;text-align:center;flex-direction:column;gap:12px;padding:22px 12px 24px;font-size:13px}.footer-inner p{width:100%;text-align:center}.socials{justify-content:center}.socials a{width:26px;height:26px}.socials svg{width:15px;height:15px}}
@media (max-width:380px){.brand-wrap{min-height:116px}.brand img{width:118px}.menu-toggle{top:35px}.lesson{padding-left:15px;padding-right:15px}.hero-title{font-size:clamp(21px,7.7vw,30px)}}