:root{--black:#08090b;--red:#e02020;--blue:#1557b7;--white:#fff;--gray:#f0f0f0;--ink:#111}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;background:#fff;color:var(--ink)}a{text-decoration:none;color:inherit}button{font:inherit}header{height:82px;padding:0 5vw;background:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;border-bottom:1px solid #ddd}.logo{display:flex;gap:10px;align-items:center}.logo>span{background:var(--red);color:#fff;width:42px;height:42px;display:grid;place-items:center;font-family:Anton;font-size:24px;transform:skew(-5deg)}.logo b{font-family:Anton;letter-spacing:.04em;font-size:21px;line-height:.8}.logo small{display:block;font-family:'DM Sans';font-size:8px;letter-spacing:.25em;color:var(--blue);margin-top:7px}nav{display:flex;gap:24px;font-weight:800;font-size:11px;text-transform:uppercase}nav a:hover{color:var(--red)}.nav-btn,.btn{padding:14px 18px;font-size:11px;font-weight:800;letter-spacing:.05em}.nav-btn{background:var(--black);color:#fff}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:680px;background:var(--black);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:100px 7vw 70px}.kicker{font-size:10px;font-weight:800;letter-spacing:.25em;color:var(--red);margin:0 0 18px}.hero h1,h2{font-family:Anton,sans-serif;font-weight:400;letter-spacing:.01em}.hero h1{font-size:clamp(70px,8vw,122px);line-height:.86;margin:0}.hero h1 span,h2 span{color:var(--red)}.hero-copy>p:not(.kicker){max-width:590px;font-size:18px;line-height:1.7;color:#c5c5c5}.actions{display:flex;gap:28px;align-items:center;margin:34px 0 65px}.red{background:var(--red);color:#fff}.watch{font-size:11px;font-weight:800}.watch i{width:37px;height:37px;border:1px solid #fff;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;margin-right:10px}.audience{border-top:1px solid #333;padding-top:22px;display:flex;gap:25px;font-size:9px;letter-spacing:.09em}.audience span{color:#777}.hero-visual{position:relative;background:#141619;overflow:hidden}.blue-block{position:absolute;right:-25px;top:30px;background:var(--blue);color:#fff;font-family:Anton;font-size:70px;padding:8px 25px;transform:rotate(5deg);z-index:3}.portrait-art{position:absolute;inset:85px 7% 0;border:1px solid #444;background:radial-gradient(circle at 50% 35%,#343a45,#0b0c0e 62%);overflow:hidden}.light{position:absolute;width:400px;height:400px;border-radius:50%;background:var(--red);filter:blur(90px);opacity:.25;left:50%;top:35%;transform:translate(-50%,-50%)}.cross{position:absolute;left:50%;top:22%;width:14px;height:230px;background:#fff;transform:translateX(-50%);box-shadow:0 0 50px rgba(255,255,255,.7)}.cross:after{content:'';position:absolute;width:120px;height:14px;background:#fff;left:-53px;top:50px}.portrait-art p{position:absolute;bottom:35px;left:10%;right:10%;font-family:'Playfair Display';font-style:italic;font-size:19px;text-align:center}.portrait-art p b{display:block;font-family:'DM Sans';font-style:normal;font-size:9px;letter-spacing:.2em;color:#6da0e9;margin-top:14px}.ticker{background:var(--red);color:#fff;padding:17px 0;overflow:hidden;white-space:nowrap;font-family:Anton;letter-spacing:.15em}.ticker div{width:max-content;animation:move 22s linear infinite}.ticker i{margin:0 25px;color:var(--black)}@keyframes move{to{transform:translateX(-40%)}}.section{padding:105px 7vw}.split-title,.library-top{display:grid;grid-template-columns:1.3fr .7fr;gap:9vw;align-items:end}.split-title h2,.journey h2,.library h2,.media h2,.family h2,.callout h2{font-size:clamp(50px,6vw,80px);line-height:.95;margin:0}.split-title>p{line-height:1.8;color:#666}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border:1px solid #ddd}.start-grid article{padding:38px;min-height:345px;border-right:1px solid #ddd;position:relative}.start-grid article:last-child{border:0}.start-grid article>b{position:absolute;right:25px;top:22px;font-family:Anton;color:var(--red);font-size:22px}.start-grid em{font-size:9px;color:var(--red);font-style:normal;font-weight:800;letter-spacing:.2em}.start-grid h3{font-family:Anton;font-weight:400;font-size:34px;margin:48px 0 14px}.start-grid p{line-height:1.7;color:#666}.start-grid button,.video-info button{border:0;background:none;padding:0;font-weight:800;font-size:10px;margin-top:20px;cursor:pointer}.start-grid .blue{background:var(--blue);color:#fff;transform:translateY(-12px);box-shadow:12px 14px 0 var(--black)}.start-grid .blue p,.start-grid .blue b,.start-grid .blue em{color:#fff}.journey{background:var(--black);color:#fff}.journey-head{max-width:850px}.journey-head>p:last-child{color:#aaa;line-height:1.7}.timeline{display:grid;grid-template-columns:repeat(7,1fr);margin-top:55px}.timeline button{min-height:190px;background:#111318;color:#fff;border:1px solid #333;padding:24px 16px;text-align:left;cursor:pointer}.timeline button:hover,.timeline button.active{background:var(--red)}.timeline b{display:block;color:#729ee0;font-family:Anton;font-size:20px}.timeline span{display:block;font-size:8px;letter-spacing:.1em;margin:25px 0 7px}.timeline strong{font-family:Anton;font-size:19px;font-weight:400;display:block}.timeline small{display:block;color:#888;margin-top:9px}.timeline button:hover small,.timeline button.active small{color:#fff}.stop-detail{margin-top:26px;border-left:5px solid var(--blue);background:#15171b;padding:26px 32px}.stop-detail span{color:#6f9ee5;font-size:9px;font-weight:800;letter-spacing:.15em}.stop-detail h3{margin:8px 0 0;font-size:17px}.library{background:#fff}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:#fff;border:1px solid #bbb;padding:10px 13px;font-size:9px;font-weight:800;cursor:pointer}.filters button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.lesson-grid article{min-height:310px;padding:28px;border:1px solid #ddd;margin:-1px 0 0 -1px;display:flex;flex-direction:column;cursor:pointer;transition:.25s}.lesson-grid article:hover{background:var(--black);color:#fff;transform:translateY(-5px);z-index:2}.lesson-grid label{font-size:8px;color:var(--red);font-weight:800;letter-spacing:.1em}.lesson-grid h3{font-family:Anton;font-weight:400;font-size:30px;line-height:1.05;margin:36px 0 15px}.lesson-grid p{font-size:13px;line-height:1.6;color:#777}.lesson-grid span{font-size:9px;font-weight:800;margin-top:auto;color:var(--blue)}.media{background:#e9edf4;display:grid;grid-template-columns:.55fr 1.45fr;gap:6vw}.media-title>p:last-child{line-height:1.7;color:#666}.featured-video{grid-column:2;display:grid;grid-template-columns:1.2fr .8fr;background:#fff}.screen{min-height:390px;background:linear-gradient(135deg,#07080b,#1b3154);position:relative;color:#fff;display:grid;place-items:center}.screen:before{content:'ROOTED';position:absolute;font-family:Anton;font-size:90px;color:rgba(255,255,255,.05);transform:rotate(-8deg)}#video-play{width:75px;height:75px;border-radius:50%;border:2px solid #fff;background:var(--red);color:#fff;font-size:22px;cursor:pointer;z-index:2}.screen-label{position:absolute;top:20px;left:20px;font-size:8px;letter-spacing:.14em}.video-content{position:absolute;bottom:25px;left:25px}.video-content b{display:block;font-family:Anton;font-size:34px}.video-content span{font-size:10px;color:#83a9df}.video-info{padding:38px}.video-info label{font-size:8px;color:var(--red);font-weight:800}.video-info h3{font-family:Anton;font-size:32px;font-weight:400}.video-info p{font-size:13px;line-height:1.7;color:#666}.audio-list{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.audio-list>div{background:#fff;padding:20px;display:flex;align-items:center;gap:13px}.audio-list i{font-family:Anton;color:#aaa}.audio-play{border:0;border-radius:50%;width:34px;height:34px;background:var(--blue);color:#fff;cursor:pointer}.audio-list b,.audio-list small{display:block}.audio-list b{font-size:10px}.audio-list small{font-size:8px;color:#888;margin-top:5px}.family{background:var(--black);color:#fff;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.family>div>p:last-child{color:#888;line-height:1.7}.tree{display:flex;flex-direction:column;align-items:center}.tree button{background:#fff;border:0;color:#111;padding:14px 22px;min-width:230px;font-family:Anton;font-size:20px;cursor:pointer}.tree button:hover{background:var(--blue);color:#fff}.tree small{display:block;font-family:'DM Sans';font-size:8px;letter-spacing:.1em;color:var(--red)}.tree i{font-style:normal;color:var(--red);margin:8px}.branch{display:flex;gap:15px}.daily{background:var(--blue);color:#fff;text-align:center;padding:95px 12vw}.daily .kicker{color:#fff}.daily blockquote{font-family:'Playfair Display';font-size:clamp(29px,4vw,53px);line-height:1.25;margin:25px auto;max-width:1050px}.daily>b{display:block;font-size:9px;letter-spacing:.22em}.daily button{margin-top:27px;padding:13px 18px;border:1px solid #fff;background:none;color:#fff;font-size:9px;font-weight:800}.callout{background:#fff;padding:75px 7vw;display:flex;justify-content:space-between;align-items:center}.callout h2{font-size:60px}footer{background:var(--red);color:#fff;padding:45px 7vw;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.12em}footer .logo>span{background:#fff;color:var(--red)}footer .logo small{color:#fff}dialog{max-width:720px;width:92%;border:0;padding:50px;color:#111}dialog::backdrop{background:rgba(0,0,0,.84)}dialog h2{font-size:55px;margin:0 0 20px}.close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:30px}.modal-body{line-height:1.8}.modal-body h4{font-family:Anton;font-size:23px;margin-bottom:5px}.modal-body .scripture{background:#edf2fb;border-left:4px solid var(--blue);padding:18px;font-family:'Playfair Display';font-style:italic}.video-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:50;color:#fff;place-items:center;text-align:center;padding:30px}.video-modal.open{display:grid}.video-modal>button{position:absolute;right:25px;top:20px;background:none;border:0;color:#fff;font-size:35px}.video-modal h2{font-size:70px}.big-play{display:inline-grid;width:90px;height:90px;border-radius:50%;background:var(--red);place-items:center;font-size:28px}@media(max-width:900px){header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:25px;flex-direction:column}header nav.open{display:flex}.menu{display:block}.nav-btn{display:none}.hero{grid-template-columns:1fr}.hero-visual{min-height:560px}.split-title,.library-top,.media,.family{grid-template-columns:1fr}.start-grid{grid-template-columns:1fr}.start-grid article{border-right:0;border-bottom:1px solid #ddd}.timeline{grid-template-columns:1fr 1fr}.lesson-grid{grid-template-columns:1fr 1fr}.featured-video,.audio-list{grid-column:1}.media-title{margin-bottom:15px}.callout{display:block}.callout .btn{display:inline-block;margin-top:25px}}@media(max-width:600px){.section{padding:75px 6vw}.hero-copy{padding:75px 6vw}.hero h1{font-size:66px}.audience{display:block}.audience span{display:block;margin-top:8px}.timeline,.lesson-grid,.featured-video,.audio-list{grid-template-columns:1fr}.branch{flex-direction:column}.callout h2{font-size:48px}footer{flex-direction:column;gap:20px;text-align:center}}
.login-links{display:flex;align-items:center;gap:12px;flex:none}.member-login{display:inline-flex;align-items:center;justify-content:center;padding:13px 16px;background:var(--blue);color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.member-login:hover,.member-login:focus-visible{background:#0d3f88;color:#fff}.owner-login{font-size:11px;font-weight:700;color:#515c6c;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.owner-login:hover,.owner-login:focus-visible{color:var(--blue)}
@media(max-width:1450px){header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;max-height:calc(100vh - 82px);overflow:auto}header nav.open{display:flex}.menu{display:block;order:3}.nav-btn{display:none}.login-links{margin-left:auto}}
@media(max-width:600px){header{gap:8px;padding:0 3vw}.login-links{gap:8px}.member-login{padding:10px;font-size:10px}.owner-login{font-size:10px}.logo b{font-size:14px}.logo small{font-size:6px}.logo>span{width:32px;height:32px;font-size:20px}.menu{font-size:23px;padding:4px}}

/* Rooted Road ministry logo */
.rooted-logo-mark{display:block;width:52px;height:52px;object-fit:cover;border-radius:50%;flex:none}
.hero-visual{display:grid;place-items:center;background:#07152b;padding:36px}
.rooted-hero-logo{display:block;width:min(100%,620px);height:auto;max-height:650px;object-fit:contain}
footer .rooted-logo-mark{border:2px solid rgba(255,255,255,.8)}
@media(max-width:900px){.hero-visual{min-height:0;padding:28px 6vw 42px}.rooted-hero-logo{width:min(100%,560px)}}
@media(max-width:600px){.rooted-logo-mark{width:36px;height:36px}.hero-visual{padding:18px 4vw 30px}}
/* Give the first reading journey a clear starting point. */
.foundation-restoration{background:#0b1930;color:#fff}
.foundation-restoration h2{font-family:Anton,sans-serif;font-size:clamp(2.8rem,6vw,5rem);line-height:1.06;margin:12px 0 30px;font-weight:400}
.foundation-restoration h2 span{color:#efc75c}
.foundation-restoration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.foundation-restoration article{background:#fff;color:#16223a;padding:clamp(24px,3vw,42px);border-top:5px solid #e02020;display:flex;flex-direction:column;align-items:flex-start}
.foundation-restoration-icon{font-family:Anton,sans-serif;font-size:2rem;color:#b51b22}
.foundation-restoration h3{font-family:Anton,sans-serif;font-size:clamp(1.7rem,2.8vw,2.5rem);font-weight:400;line-height:1.15;margin:10px 0}
.foundation-restoration p,.foundation-restoration li{font-size:1rem;line-height:1.6}
.foundation-restoration ol{padding-left:1.35rem}
.foundation-restoration li+li{margin-top:.5rem}
.foundation-restoration .foundation-restoration-note{background:#eef2f7;padding:16px;border-left:3px solid #b51b22;font-size:.94rem}
.foundation-restoration article a{margin-top:auto;display:inline-block;background:#b51b22;color:#fff;padding:15px 20px;font-size:.95rem;font-weight:800}
.foundation-restoration article a:focus-visible{outline:3px solid #efc75c;outline-offset:3px}
@media(max-width:760px){.foundation-restoration-grid{grid-template-columns:1fr}}
.start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.start-grid .john-feature{grid-column:1/-1;background:#101b32;color:#fff;min-height:0;padding:clamp(30px,5vw,64px);border-bottom:6px solid var(--red)}
.start-grid .john-feature h3{font-size:clamp(2.6rem,5vw,4.5rem);margin:15px 0}
.start-grid .john-feature p{color:#e3eaf5;max-width:680px;font-size:1.08rem}
.start-grid .john-feature button{display:inline-block;background:var(--red);color:#fff;font-size:1rem;line-height:1.3;min-height:56px;padding:16px 22px;margin-top:18px;text-align:left}
.start-grid .john-feature button:hover,.start-grid .john-feature button:focus-visible{background:#a91520;outline:3px solid #f2c63d;outline-offset:3px}
@media(max-width:760px){.start-grid{grid-template-columns:1fr}.start-grid .john-feature{grid-column:auto}.start-grid .john-feature button{width:100%}}
/* Guided beginning for the Learning Hub */
.lesson-intro{font-size:1rem;line-height:1.65;max-width:48rem;margin:0 0 1.2rem}
.lesson-progress{height:8px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden;margin:0 0 1.4rem}
.lesson-progress span{display:block;height:100%;background:#dbb566;transition:width .25s}
.lesson-stage{padding:clamp(1.1rem,3vw,2rem);border:1px solid rgba(219,181,102,.38);border-radius:18px;background:#132236;color:#fff;max-width:58rem}
.lesson-stage>small{color:#dbb566;font-weight:800;letter-spacing:.1em}
.lesson-stage h4{font-size:clamp(1.45rem,3vw,2rem);margin:.55rem 0 1.25rem;line-height:1.2}
.lesson-stage p{font-size:1rem;line-height:1.7;margin:.4rem 0 0}
.lesson-reading,.lesson-copy,.lesson-takeaway{padding:1rem 0;border-top:1px solid rgba(255,255,255,.17)}
.lesson-stage b{font-size:.9rem;letter-spacing:.06em;color:#dbb566}
.lesson-reading a{display:inline-block;margin-top:.75rem;color:#fff;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.lesson-actions{display:flex;gap:.8rem;margin-top:1rem;flex-wrap:wrap}
.lesson-actions button{border:1px solid #dbb566;border-radius:8px;padding:.85rem 1.15rem;background:#dbb566;color:#13202d;font:inherit;font-weight:800;cursor:pointer;min-height:44px}
.lesson-actions button:first-child{background:#fff;color:#13202d}
.lesson-actions button:disabled{opacity:.45;cursor:default}
.lesson-worked{padding:1.2rem;margin:1rem 0;background:#213b59;border-left:4px solid #dbb566;border-radius:0 10px 10px 0}
.lesson-worked h5,.lesson-practice h5{font-size:1.2rem;line-height:1.3;margin:.5rem 0}
.lesson-worked ol{padding-left:1.4rem;margin:1rem 0;display:grid;gap:.7rem;font-size:1rem;line-height:1.6}
.lesson-worked a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.lesson-practice{border-top:1px solid rgba(255,255,255,.25);padding-top:1rem;margin-top:1rem}
.lesson-question{padding:1rem 0;border-top:1px solid rgba(255,255,255,.2)}
.lesson-question h6{font-size:1.05rem;line-height:1.4;margin:0 0 .8rem}
.lesson-choices{display:grid;gap:.6rem}
.lesson-choices button{min-height:44px;padding:.75rem 1rem;border-radius:8px;border:1px solid #8da3bd;background:#f4f7fb;color:#142236;text-align:left;font:600 1rem 'DM Sans',sans-serif;cursor:pointer}
.lesson-choices button:hover:not(:disabled),.lesson-choices button:focus-visible{border-color:#dbb566;outline:2px solid #dbb566;outline-offset:2px}
.lesson-choices button.correct{border-color:#4faa75;background:#e7f6ec}
.lesson-choices button.incorrect{border-color:#b85b58;background:#fdeae9}
.lesson-choices button:disabled{cursor:default;opacity:1}
.lesson-feedback{padding:.75rem 1rem;background:#244364;border-left:4px solid #dbb566;border-radius:4px}
.word-destinations{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.word-destinations a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid currentColor;border-radius:6px;text-decoration:none;font-weight:800;font-size:14px}.word-destinations a:hover,.word-destinations a:focus-visible{background:#c9222c;color:white}
/* The Rooted Road visual system */
.route-strip{margin:38px 0 10px;background:var(--black);color:#fff;padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;border-left:8px solid var(--red);box-shadow:8px 8px 0 #d9e3f3}
.route-strip span{background:var(--red);padding:7px 10px;font-size:.72rem;font-weight:800;letter-spacing:.1em}
.route-strip b{font-size:.78rem;letter-spacing:.1em}.route-strip i{color:#73a4eb;font-size:1.35rem;font-style:normal}
.road-art{position:absolute;inset:5% 10% 19%;overflow:hidden;clip-path:polygon(41% 0,59% 0,93% 100%,7% 100%);background:linear-gradient(90deg,#181b20 0 7%,#3a3d43 7% 93%,#181b20 93%);transform:perspective(400px) rotateX(4deg)}
.road-art:before,.road-art:after{content:'';position:absolute;top:0;bottom:0;width:4px;background:#fff}.road-art:before{left:13%}.road-art:after{right:13%}
.road-art i{display:block;width:7px;height:15%;background:#f8d842;margin:7% auto 0}
.journey{position:relative;overflow:hidden;background-image:radial-gradient(circle at 11% 17%,rgba(21,87,183,.18),transparent 24%)}
.journey:after{content:'';position:absolute;left:8%;right:8%;top:54%;border-top:8px dashed rgba(255,255,255,.1);z-index:0}
.timeline{position:relative;z-index:1;gap:12px;align-items:start}
.timeline button{border:3px solid #fff;border-radius:8px;box-shadow:0 8px 0 #050505;position:relative}
.timeline button:nth-child(even){margin-top:70px}.timeline button:first-child{border-color:var(--red)}.timeline button:last-child{border-color:#73a4eb;background:#102b52}
.timeline button:before{content:'MILE';display:inline-block;background:var(--blue);color:#fff;padding:3px 6px;font-size:.55rem;letter-spacing:.12em}
.timeline button:first-child:before{content:'START';background:var(--red)}.timeline button:last-child:before{content:'DESTINATION'}
.stop-detail{border-left:0;border-top:6px solid var(--blue);max-width:900px;margin:65px auto 0;position:relative;z-index:1}
.stop-detail:before{content:'NEXT TURN';position:absolute;top:-29px;left:0;background:var(--blue);padding:6px 10px;font-size:.6rem;font-weight:800;letter-spacing:.12em}
.lesson-grid article{position:relative;border-top:5px solid var(--blue)}.lesson-grid article:before{content:'MILE ' counter(lesson);counter-increment:lesson;position:absolute;right:16px;top:13px;font-family:Anton;color:#aaa;letter-spacing:.08em}.lesson-grid{counter-reset:lesson}
.library{background-image:linear-gradient(90deg,transparent 49.7%,rgba(21,87,183,.06) 49.7% 50.3%,transparent 50.3%)}
dialog{max-height:88vh;overflow:auto}.day-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.day-card{border:1px solid #ddd;border-left:5px solid var(--blue);padding:16px}.day-card b{color:var(--red);font-size:.7rem;letter-spacing:.1em}.day-card h4{font-size:1.1rem!important;margin:7px 0!important}.day-card p{font-size:.86rem;margin:6px 0}.day-card strong{color:var(--blue)}.next-route{background:var(--black);color:#fff;border-left:8px solid var(--red);padding:22px;margin-top:24px}.next-route>b{color:#76a6ee;letter-spacing:.12em;font-size:.7rem}
@media(max-width:900px){.journey:after{display:none}.timeline button:nth-child(even){margin-top:35px}}@media(max-width:600px){.route-strip{justify-content:flex-start}.route-strip i{transform:rotate(90deg)}.timeline button:nth-child(even){margin-top:0}.day-grid{grid-template-columns:1fr}.blue-block{font-size:48px}.road-art{inset:5% 4% 22%}}

/* Interactive Learning Hub */
.learning-hub{background:#eef3fa;color:var(--black);position:relative;overflow:hidden}
.learning-hub:before{content:'LEARN / APPLY / GROW';position:absolute;right:-85px;top:145px;transform:rotate(90deg);font-family:Anton,sans-serif;font-size:1rem;letter-spacing:.35em;color:rgba(21,87,183,.2)}
.learning-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:32px}.learning-intro h2{font-family:Anton,sans-serif;font-size:clamp(2.7rem,6vw,5.5rem);line-height:.92;margin:8px 0}.learning-intro h2 span{color:var(--red)}.learning-intro>p{font-size:1.06rem;line-height:1.7;border-left:6px solid var(--blue);padding-left:22px}
.learning-tabs{display:flex;overflow-x:auto;background:var(--black);border-bottom:6px solid var(--red);scrollbar-width:thin}.learning-tabs button{flex:1;min-width:150px;background:transparent;color:#fff;border:0;padding:18px 13px;font:800 .78rem 'DM Sans',sans-serif;letter-spacing:.08em;cursor:pointer}.learning-tabs button:hover,.learning-tabs button:focus-visible{background:#1e3557}.learning-tabs button.active{background:var(--red)}
.learning-panel{background:#fff;border:1px solid #cbd5e4;border-top:0;padding:clamp(24px,5vw,52px);box-shadow:12px 12px 0 #cbd8eb}.learning-panel[hidden]{display:none}.learning-panel.active{animation:learning-in .25s ease-out}@keyframes learning-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
.activity-heading{display:flex;align-items:start;justify-content:space-between;gap:28px;margin-bottom:28px}.activity-heading>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:14px}.activity-heading .kicker{grid-column:2;margin:0}.activity-heading h3{grid-column:2;font-family:Anton,sans-serif;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1;margin:4px 0}.activity-number{grid-row:1/3;font-family:Anton,sans-serif;font-size:3.8rem;line-height:1;color:#d1dbea}.score-sign{background:var(--blue);color:#fff;padding:13px 18px;min-width:130px;text-align:center;box-shadow:5px 5px 0 var(--black)}.score-sign small{display:block;font-weight:800;letter-spacing:.12em;font-size:.64rem}.score-sign strong{display:block;font-family:Anton,sans-serif;font-size:2rem;margin-top:3px}
.activity-stage{border:2px solid var(--black);padding:clamp(20px,4vw,38px);background:#f8fafc}.quiz-progress,.scenario-label{font-size:.7rem;font-weight:800;letter-spacing:.13em;color:var(--blue)}.activity-stage h4{font-size:clamp(1.25rem,3vw,2rem);line-height:1.35;margin:9px 0 24px}.quiz-options,.scenario-options{display:grid;gap:10px}.quiz-options button,.scenario-options button{display:flex;align-items:center;gap:13px;text-align:left;background:#fff;border:2px solid #cbd2dc;padding:15px;color:var(--black);font:700 1rem 'DM Sans',sans-serif;cursor:pointer}.quiz-options button:hover,.scenario-options button:hover{border-color:var(--blue);transform:translateX(3px)}.quiz-options button span,.scenario-options button span{display:grid;place-items:center;min-width:34px;height:34px;background:var(--black);color:#fff;font-weight:800}.quiz-options button.correct,.scenario-options button.best{border-color:#218443;background:#edf9f0}.quiz-options button.correct span,.scenario-options button.best span{background:#218443}.quiz-options button.incorrect{border-color:var(--red);background:#fff0ef}.quiz-options button.incorrect span{background:var(--red)}.quiz-options button:disabled{color:var(--black);cursor:default;transform:none}.quiz-feedback,.scenario-result{margin-top:18px;border-left:6px solid var(--blue);background:#e8f0fc;padding:18px}.quiz-feedback>b,.scenario-result>b{font-family:Anton,sans-serif;font-size:1.3rem;letter-spacing:.04em}.quiz-feedback p,.scenario-result p{margin:6px 0 12px;line-height:1.6}.quiz-feedback button,.quiz-finish button{border:0;background:var(--red);color:#fff;padding:12px 16px;font-weight:800;cursor:pointer}.quiz-finish{text-align:center;padding:22px}.quiz-finish small{display:block;font-weight:800;letter-spacing:.12em}.quiz-finish strong{display:block;font-family:Anton,sans-serif;color:var(--red);font-size:4.5rem}.quiz-finish p{font-size:1.1rem}.scenario-picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.scenario-picker button{border:2px solid var(--black);background:#fff;padding:10px 14px;font-weight:800;cursor:pointer}.scenario-picker button.active{background:var(--black);color:#fff}.scenario-result small{font-weight:800;letter-spacing:.08em;color:var(--blue)}
.language-note,.translation-truth{background:var(--black);color:#fff;padding:18px 21px;line-height:1.6;margin-bottom:25px;border-left:8px solid var(--red)}.language-note strong,.translation-truth strong{color:#8db7f3}.hebrew-layout{display:grid;grid-template-columns:minmax(180px,.65fr) 1.35fr;gap:22px}.hebrew-list{display:grid;gap:8px}.hebrew-list button{text-align:left;background:#fff;border:2px solid #cbd2dc;padding:13px 15px;cursor:pointer}.hebrew-list button b{display:block;font-size:1.65rem}.hebrew-list button span{font-weight:800;font-size:.72rem;letter-spacing:.12em;color:var(--blue)}.hebrew-list button.active{background:var(--black);color:#fff;border-color:var(--black)}.hebrew-list button.active span{color:#8db7f3}.hebrew-detail{border:2px solid var(--black);padding:clamp(22px,4vw,36px);background:#f8fafc}.hebrew-word{font-family:serif;font-size:clamp(4rem,10vw,7rem);line-height:1;color:var(--blue);text-align:right}.pronounce{font-weight:800;letter-spacing:.08em}.pronounce small{display:block;font-weight:500;letter-spacing:0;color:#68707a;margin-top:4px}.hebrew-detail h4{font-family:Anton,sans-serif;font-size:2rem;margin:18px 0 8px}.hebrew-detail>p{line-height:1.7}.word-passage,.word-reflect{margin-top:18px;padding:15px;border-left:5px solid var(--red);background:#fff}.word-passage b,.word-reflect b{display:block;font-size:.68rem;letter-spacing:.12em}.word-passage span{display:block;font-family:Anton,sans-serif;font-size:1.5rem;color:var(--blue);margin-top:3px}.word-reflect p{margin:5px 0 0}
.translation-scale{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:.68rem;font-weight:800;letter-spacing:.08em;margin:26px 0}.translation-scale i{height:8px;background:linear-gradient(90deg,var(--blue),#b9c8dc,var(--red));position:relative}.translation-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.translation-grid article{border-top:6px solid var(--blue);background:#f4f6f9;padding:18px}.translation-grid article:nth-child(4),.translation-grid article:nth-child(5){border-color:var(--red)}.translation-grid label{font-size:.62rem;font-weight:800;letter-spacing:.1em;color:var(--blue)}.translation-grid h4{font-family:Anton,sans-serif;font-size:1.45rem;margin:8px 0}.translation-grid p{font-size:.84rem;line-height:1.55;margin:0}.version-finder{margin-top:25px;display:grid;grid-template-columns:.7fr 1.3fr;gap:14px;background:var(--black);color:#fff;padding:24px}.version-finder>label{grid-column:1/-1;font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#8db7f3}.version-finder select{width:100%;min-height:52px;padding:10px;background:#fff;border:0;font:700 1rem 'DM Sans',sans-serif}.version-finder #version-result{border-left:5px solid var(--red);padding-left:18px}.version-finder #version-result b{font-family:Anton,sans-serif;font-size:1.45rem}.version-finder #version-result p{margin:5px 0;line-height:1.5}.version-finder #version-result small{color:#c6d2e2}.tanakh-note{margin-top:16px;border:2px solid #cbd2dc;background:#fff}.tanakh-note summary{cursor:pointer;padding:15px;font-weight:800;letter-spacing:.06em}.tanakh-note p{padding:0 16px 16px;line-height:1.65;margin:0}
.journey-instruction{max-width:780px;line-height:1.6}.john-progress-track{height:12px;background:#d9e1ec;margin:22px 0;overflow:hidden}.john-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--red));transition:width .3s}.john-day-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.john-day-grid button{position:relative;min-height:64px;border:2px solid #b9c3d0;background:#fff;cursor:pointer;padding:7px}.john-day-grid button span{display:block;font-family:Anton,sans-serif;font-size:1.5rem}.john-day-grid button b{font-size:.6rem}.john-day-grid button i{display:none;position:absolute;right:4px;top:2px;color:#fff}.john-day-grid button.active{border-color:var(--blue);box-shadow:inset 0 -5px var(--blue)}.john-day-grid button.complete{background:#218443;color:#fff;border-color:#176331}.john-day-grid button.complete i{display:block}.john-day-detail{margin-top:18px;border:2px solid var(--black);border-left:9px solid var(--red);padding:clamp(22px,4vw,36px);background:#f8fafc}.john-day-detail>small{font-weight:800;letter-spacing:.12em;color:var(--blue)}.john-day-detail h4{font-family:Anton,sans-serif;font-size:2.2rem;margin:7px 0 19px}.john-day-detail>div{border-top:1px solid #cad1db;padding:13px 0}.john-day-detail>div b{font-size:.67rem;letter-spacing:.12em}.john-day-detail>div p{margin:5px 0;line-height:1.55}.john-day-detail button{border:0;background:var(--red);color:#fff;padding:13px 17px;font-weight:800;cursor:pointer}.john-day-detail button.done{background:#218443}
@media(max-width:1000px){.translation-grid{grid-template-columns:repeat(2,1fr)}.translation-grid article:last-child{grid-column:1/-1}.john-day-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.learning-intro{grid-template-columns:1fr;gap:16px}.activity-heading{display:block}.score-sign{display:inline-block;margin-top:12px}.hebrew-layout{grid-template-columns:1fr}.hebrew-list{grid-template-columns:repeat(5,minmax(100px,1fr));overflow-x:auto}.version-finder{grid-template-columns:1fr}.version-finder #version-result{padding-top:8px}.translation-scale{grid-template-columns:1fr;text-align:center}.learning-hub:before{display:none}}
@media(max-width:520px){.learning-panel{padding:20px 14px}.activity-heading>div:first-child{display:block}.activity-number{font-size:2.4rem}.activity-heading .kicker,.activity-heading h3{grid-column:auto}.translation-grid{grid-template-columns:1fr}.translation-grid article:last-child{grid-column:auto}.john-day-grid{grid-template-columns:repeat(4,1fr)}.learning-tabs button{min-width:132px;padding:15px 8px}.quiz-options button,.scenario-options button{font-size:.92rem}.hebrew-word{text-align:center}}

/* Daily reading route */
.john-art-note{font-size:.92rem;line-height:1.55;color:#405168;max-width:780px}
.john-illustration{margin:0 0 22px;background:#101b32}
.john-illustration img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover}
.john-illustration figcaption{font-size:.82rem;padding:9px 13px;color:#eef3fa;line-height:1.45}
.john-reading{border:1px solid #bdcadb;background:#fff;padding:20px 22px;margin:0 0 20px}
.john-reading>b{display:block;color:#163c82;font-size:.87rem;letter-spacing:.08em}
.john-reading>p{margin:12px 0}
.john-reading>p a{display:inline-block;background:#153b84;color:#fff;padding:12px 16px;font-weight:800;text-decoration:none;line-height:1.3}
.john-reading>p a:hover,.john-reading>p a:focus-visible{background:#b51e32}
.john-reading ol{padding-left:1.5rem;margin:10px 0;line-height:1.65}
.john-reading li{padding:4px 0}
.john-reading li a{color:#123f90;font-weight:800;text-underline-offset:3px}
.john-reading li span{color:#263345}
.john-reading small{display:block;margin-top:14px;color:#506078;font-size:.83rem;line-height:1.55}
.john-day-detail>div p{font-size:1rem;line-height:1.65}
.john-day-detail>div b{font-size:.82rem;color:#153b84}
.john-day-grid button b{font-size:.75rem}
.day-grid{grid-template-columns:1fr}
.day-card{padding:clamp(18px,3vw,28px)}
.day-card h4{font-size:1.45rem!important;line-height:1.2}
.day-card p{font-size:1rem;line-height:1.6;margin:12px 0}
.day-card .john-reading{margin:16px 0}
.day-card .john-illustration img{max-height:320px}
@media(max-width:520px){.john-reading{padding:17px 15px}.john-day-grid button{min-height:72px}.john-day-grid button b{font-size:.7rem}}

/* Clear starting directions and compact mobile activity cards. */
.newcomer-guide{background:#fff;display:grid;grid-template-columns:minmax(230px,.7fr) 1.3fr;gap:clamp(28px,5vw,70px);align-items:start}
.newcomer-guide h2{font:clamp(2.5rem,5vw,4.5rem)/1 Anton,sans-serif;margin:12px 0}
.newcomer-guide>div>p:last-child{line-height:1.6;color:#46546a}
.newcomer-guide ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.newcomer-guide li{border-top:6px solid var(--blue);background:#eef3fa;padding:22px;display:flex;flex-direction:column;gap:10px}
.newcomer-guide li:nth-child(2){border-color:var(--red)}
.newcomer-guide li b{font-family:Anton,sans-serif;font-size:1.35rem}
.newcomer-guide li p{line-height:1.5;margin:0;flex:1}
.newcomer-guide li a{color:#124b9c;font-weight:800;font-size:.83rem;text-decoration:underline;text-underline-offset:3px}
.section-help{margin:15px 0 22px;border:1px solid #b9c9de;background:#f5f8fc;color:#192438}
.section-help summary{cursor:pointer;padding:12px 16px;font-weight:800;font-size:.85rem}
.section-help summary:focus-visible{outline:3px solid var(--blue)}
.section-help p{margin:0;padding:0 16px 16px;line-height:1.6}
.trail-help{background:#233a59;color:#fff;border-color:#6b88a8}
.trail-locked{background:#233a59;border:1px solid #6882a5;padding:22px}
.trail-locked>span{font-size:2rem}
.trail-locked h4{font:1.7rem Anton,sans-serif;margin:12px 0}
.trail-locked p{line-height:1.6;color:#e3eafa}
.trail-locked>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.trail-locked a{display:inline-block;padding:12px 14px;background:#f0c45b;color:#11192b;font-weight:800;font-size:.83rem}
.trail-locked a.trail-signin{background:transparent;border:1px solid #c5d4e8;color:#fff}
.trail-accolade{font:1.25rem Anton,sans-serif;color:#f0c45b!important}
@media(max-width:900px){.newcomer-guide{grid-template-columns:1fr}.newcomer-guide ol{grid-template-columns:repeat(3,minmax(0,1fr))}.owner-login{display:none}}
@media(max-width:700px){.newcomer-guide ol{grid-template-columns:1fr}.newcomer-guide li{padding:18px}.learning-intro h2{font-size:clamp(2.3rem,8vw,3.8rem);line-height:1}.learning-panel{box-shadow:5px 5px 0 #cbd8eb}.learning-tabs button{min-width:0;flex:1;padding:14px 6px;font-size:.65rem;letter-spacing:.02em;white-space:normal}.activity-heading{display:flex;align-items:center;gap:8px;margin-bottom:16px}.activity-heading h3{font-size:clamp(2rem,7vw,3rem)}.activity-number{display:none}.score-sign{margin:0;min-width:95px;padding:9px 8px;box-shadow:3px 3px 0 var(--black)}.score-sign strong{font-size:1.6rem}.activity-stage{padding:18px 14px}.floating-faith-cta{display:none!important}#chat-open{right:12px;bottom:12px;width:52px;height:52px;padding:5px;font-size:0;border-radius:50%}#chat-open span{width:42px;height:42px;margin:0;font-size:22px}.trail-locked{padding:16px}}
@media(max-width:400px){.logo b{font-size:12px}.member-login{padding:9px 7px;font-size:9px}.learning-tabs button{font-size:.59rem}}