/* ROOTS Method lesson pages — ported from the original build, re-skinned for
   the RISV2 dark marble + glass system. Class hooks unchanged: data/roots-lessons.js
   renders into .lesson-content using .scripture-box, .guardrail, .worked-example,
   .practice-card, .lesson-footer-nav, and .roots-disclaimer. */
.roots-lesson{background:transparent}
.lesson-hero{min-height:570px;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(145deg,rgba(26,66,52,.55),rgba(10,20,16,.85));border-bottom:1px solid var(--glass-border);color:white}
.lesson-hero-copy{padding:clamp(55px,8vw,120px);display:flex;flex-direction:column;justify-content:center}
.lesson-hero-copy h1{font:400 clamp(3.6rem,7vw,7.5rem)/.88 var(--serif);margin:0 0 24px;color:#f4efe2}
.lesson-hero-copy>p{font:1.12rem/1.75 var(--serif);color:rgba(255,255,255,.8);max-width:650px}
.back-link{color:var(--gold-pale);text-decoration:none;font-weight:800;margin-top:20px}
.back-link:hover{color:#fff}
.lesson-hero img{width:100%;height:100%;min-height:570px;object-fit:cover}
.lesson-tabs{position:sticky;z-index:5;top:0;display:flex;justify-content:center;gap:8px;padding:14px 20px;background:rgba(10,15,13,.85);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.lesson-tabs a{padding:10px 14px;border-radius:999px;color:var(--muted);text-decoration:none;font-size:.84rem;font-weight:800}
.lesson-tabs a:hover,.lesson-tabs a.current{background:linear-gradient(135deg,#d8b878,var(--gold) 55%,#a8843e);color:#141109}
.lesson-content{width:min(880px,calc(100% - 40px));margin:0 auto;padding:75px 0 110px}
.lesson-content section{padding:0 0 46px;margin-bottom:46px;border-bottom:1px solid var(--line)}
.lesson-content h2{font:400 clamp(2rem,4vw,3.4rem)/1 var(--serif);margin:0 0 20px;color:#f4efe2}
.lesson-content h3{font:700 1.25rem var(--serif);margin:28px 0 10px;color:var(--gold-pale)}
.lesson-content p,.lesson-content li{font:1.05rem/1.82 var(--serif);color:var(--ink)}
.lesson-content li{margin:10px 0}
.scripture-box,.guardrail,.worked-example,.practice-card{
  padding:25px 28px;margin:25px 0;
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  background:var(--glass);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.scripture-box{border-left:5px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0}
.scripture-box strong{display:block;color:var(--gold);margin-bottom:8px}
.scripture-box blockquote{margin:0;font:italic 1.16rem/1.65 var(--serif)}
.guardrail{background:var(--emerald-soft);border-left:5px solid var(--emerald);border-radius:0 var(--radius) var(--radius) 0}
.worked-example{background:rgba(201,164,92,.08)}
.practice-card ol{padding-left:23px}
.lesson-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lesson-footer-nav a{
  padding:20px;
  background:var(--glass);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  color:var(--gold-pale);text-decoration:none;font-weight:850;
  transition:border-color var(--speed),color var(--speed),transform var(--speed);
}
.lesson-footer-nav a:hover{border-color:var(--gold);color:#fff;transform:translateY(-2px)}
.lesson-footer-nav a:last-child{text-align:right}
.roots-disclaimer{font-size:.82rem!important;color:var(--muted)!important}
.blb-study{
  display:grid;grid-template-columns:100px 1fr;gap:28px;padding:34px;margin-top:25px;
  border:1px solid rgba(201,164,92,.35);
  border-radius:var(--radius);
  background:var(--glass);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 18px 50px rgba(0,0,0,.3);
}
.blb-mark{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:#173d74;color:#fff;border:5px double #d6b85d;font:800 1.3rem var(--serif);letter-spacing:.08em}
.blb-copy h2{margin:3px 0 12px;font-size:2.3rem}
.blb-copy .eyebrow{margin:0;color:var(--gold);font:800 .72rem/1 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.blb-search{margin-top:22px}
.blb-search label{display:block;margin-bottom:8px;color:var(--gold-pale);font-weight:800}
.blb-search>div{display:flex;gap:8px}
.blb-search input{min-width:0;flex:1;padding:14px 16px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:rgba(255,255,255,.06);color:var(--ink);font:inherit}
.blb-search input:focus{outline:2px solid var(--gold);outline-offset:1px}
.blb-search button{padding:14px 18px;border:0;border-radius:var(--radius-sm);background:#173d74;color:#fff;font-weight:850;cursor:pointer}
.blb-search button:hover{background:#0d2c58}
.blb-note{margin:16px 0 0!important;font:400 .78rem/1.55 var(--sans)!important;color:var(--muted)!important}
@media(max-width:900px){
  .lesson-hero{grid-template-columns:1fr}
  .lesson-hero img{grid-row:1;min-height:320px;max-height:55vh}
  .lesson-hero-copy{padding:50px 24px}
  .lesson-tabs{position:static;justify-content:flex-start;overflow-x:auto}
  .lesson-tabs a{white-space:nowrap}
  .lesson-footer-nav{grid-template-columns:1fr}
  .lesson-footer-nav a:last-child{text-align:left}
  .blb-study{grid-template-columns:1fr;padding:24px}
  .blb-search>div{flex-direction:column}
  .blb-search button{width:100%}
}