:root{
  --navy:#0e2c4a; --blue:#1268a7; --teal:#0b7077; --green:#2f7b4c;
  --gold:#d89b2b; --ink:#183247; --muted:#657786; --cream:#fffaf2;
  --paper:#ffffff; --sky:#edf8fc; --mint:#eef8f3; --peach:#fff3eb;
  --lilac:#f5f0ff; --line:#dfe8ea; --shadow:0 20px 55px rgba(24,50,71,.09);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{color:inherit;text-decoration:none} button{font:inherit}
.container{width:min(1260px,calc(100% - 42px));margin:auto}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--navy);margin:0;line-height:1.08}
h1{font-size:clamp(54px,6.8vw,94px);font-weight:500;letter-spacing:-.045em}
h2{font-size:clamp(36px,4.6vw,58px);font-weight:500;letter-spacing:-.025em}
h3{font-size:28px;font-weight:500}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:850}
.teal{color:var(--teal)} .eyebrow span{color:var(--gold);padding:0 .35em}
.muted{color:var(--muted)}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.primary,.ghost,.nav-cta,.pill{border-radius:999px;padding:13px 21px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:750}
.primary{background:var(--gold);color:white}.primary.blue{background:linear-gradient(135deg,#0d4c89,#1376b5)}.primary.green{background:linear-gradient(135deg,#27764a,#43945b)}
.ghost{background:rgba(255,255,255,.82);border-color:#9bb1ba;color:var(--navy)}
.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 26px}.tag{padding:7px 12px;border-radius:999px;background:#eaf4ef;color:#35634d;font-size:12px;font-weight:750}

/* homepage navigation */
.topnav{background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);position:relative;z-index:10}
.topnav-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-brand{display:flex;align-items:center;gap:13px;color:var(--navy)}
.site-brand strong{font-family:Georgia,serif;font-size:26px;font-weight:500;display:block;line-height:1.1}.site-brand em{color:var(--gold);font-weight:500}.site-brand small{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--teal);margin-top:5px;font-weight:800}
.brand-symbol{width:48px;height:48px;border:1px solid #a9c9c7;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:25px;background:#fbffff}
.toplinks{display:flex;align-items:center;gap:30px;font-size:14px;color:#183247}.toplinks a{white-space:nowrap}.nav-cta{background:var(--teal);color:white;padding:12px 19px}

/* homepage hero */
.home-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#fff 0%,#f7fcfd 52%,#fffaf2 100%);border-bottom:1px solid #e9efef}
.home-hero:after{content:"";position:absolute;inset:auto -5% -120px -5%;height:250px;background:linear-gradient(170deg,transparent 0 30%,rgba(189,224,221,.24) 31% 51%,rgba(223,239,226,.42) 52% 100%);transform:rotate(-2deg);pointer-events:none}
.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-one{width:460px;height:460px;left:-150px;top:110px;background:radial-gradient(circle,rgba(130,204,224,.24),transparent 68%)}.hero-glow-two{width:500px;height:500px;right:-150px;top:80px;background:radial-gradient(circle,rgba(235,191,92,.18),transparent 68%)}
.home-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center;padding:78px 0 76px}
.home-copy{padding:20px 0}.home-copy h1{margin:18px 0 30px}.gold-text{color:var(--gold)}.hero-lead{font-size:19px;line-height:1.7;color:#506477;margin:0 0 28px}

.today-feature{position:relative;background:rgba(255,255,255,.93);border:1px solid #e1e8e5;border-radius:28px;padding:30px 34px 92px;box-shadow:var(--shadow);min-height:405px;overflow:hidden}
.today-top{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;font-weight:750;color:#6a7780;letter-spacing:.05em}.today-label{color:var(--green);font-weight:850;letter-spacing:.08em}.sun-icon{color:var(--gold);font-size:25px;vertical-align:middle;margin-right:8px}
.today-rule{height:1px;background:#e5eceb;margin:14px 0 24px}
.today-feature blockquote{font-family:Georgia,serif;color:var(--navy);font-size:clamp(27px,3vw,39px);line-height:1.25;margin:0 0 15px}.today-ref{color:var(--green);font-weight:800;font-size:17px;margin:0 0 25px}
.listen-btn{background:white;border-color:#9cb4bd}.mini-landscape{position:absolute;left:0;right:0;bottom:0;height:85px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,0),#f7fbf5)}
.hill{position:absolute;border-radius:50% 50% 0 0}.h1{left:-8%;bottom:-35px;width:55%;height:90px;background:#d9ede0}.h2{left:26%;bottom:-45px;width:60%;height:105px;background:#bcdcbf}.h3{right:-10%;bottom:-30px;width:48%;height:88px;background:#9ac488}
.mini-path{position:absolute;right:12%;bottom:-8px;width:130px;height:72px;border-left:18px solid #f4d99d;border-radius:50%;transform:rotate(17deg)}.tiny-tree{position:absolute;right:13%;bottom:20px;width:6px;height:35px;background:#596e42}.tiny-tree:before{content:"";position:absolute;width:31px;height:31px;border-radius:50%;background:#86aa5d;left:-13px;top:-17px}

/* sections */
.section{padding:82px 0}.section.compact{padding-top:72px}
.two-column-overview{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:start}
.two-column-overview h2,.paths-panel h2{font-size:42px;margin:7px 0 20px}
.learning-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.learning-card{border:1px solid var(--line);border-radius:20px;padding:25px 18px;text-align:center;min-height:220px;background:white;box-shadow:0 8px 24px rgba(24,50,71,.035)}
.learning-card h3{font-size:23px;margin:13px 0 8px}.learning-card p{font-size:13px;color:#536676;margin:0}.round-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:22px;font-weight:800}
.read-card{background:linear-gradient(#fff,#f4faff)}.read-card .round-icon{background:#d9efff;color:#1674b4}
.listen-card{background:linear-gradient(#fff,#f2fbf7)}.listen-card .round-icon{background:#d9f1e5;color:#21865b}
.understand-card{background:linear-gradient(#fff,#fff9ed)}.understand-card .round-icon{background:#ffeab5;color:#cf8c14}
.speak-card{background:linear-gradient(#fff,#faf6ff)}.speak-card .round-icon{background:#e8ddff;color:#7957c7}
.paths-panel{border-left:1px solid #e5ebec;padding-left:42px}.paths-panel>p{margin-top:-12px}.path-row{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:13px 16px;margin:9px 0}.path-row strong,.path-row small{display:block}.path-row strong{font-size:15px}.path-row small{font-size:12px;color:#687987}.path-row>b{font-size:27px;font-weight:400}.path-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px}.learners{background:#f1f8f1}.learners .path-icon{background:#c9e8ce;color:#34784c}.kids{background:#fff4ed}.kids .path-icon{background:#ffd9c8;color:#d95e3c}.teens{background:#f7f2ff}.teens .path-icon{background:#dfd4f8;color:#7654bd}

.lesson-preview-section{background:linear-gradient(180deg,#f8fcfc,#fffaf3)}
.lesson-preview{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.preview-art{min-height:390px;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(#e8f8fb,#fff7de 56%,#eef6e8);box-shadow:var(--shadow)}
.soft-sun{position:absolute;width:105px;height:105px;border-radius:50%;background:#f6d987;right:15%;top:15%;box-shadow:0 0 60px rgba(246,217,135,.7)}.water-line{position:absolute;left:0;right:0;top:58%;height:85px;background:linear-gradient(#d7eeee,#b7deda);opacity:.8}.land{position:absolute;border-radius:50% 50% 0 0}.land-a{left:-12%;bottom:-40px;width:70%;height:190px;background:#b6d5b7}.land-b{right:-10%;bottom:-35px;width:65%;height:180px;background:#83b48c}.walking-path{position:absolute;left:43%;bottom:-10px;width:85px;height:220px;background:#f7e4b4;clip-path:polygon(39% 0,63% 0,100% 100%,0 100%)}
.preview-copy .quote{font-family:Georgia,serif;font-size:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:22px 0;color:var(--navy)}.preview-copy>p:not(.quote){color:var(--muted)}
.trust-section{padding:0 0 72px;background:#fff}.trust-strip{border:1px solid var(--line);border-radius:20px;background:linear-gradient(90deg,#fbfdfc,#f4fbfd);display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 8px 25px rgba(24,50,71,.035)}.trust-strip>div{display:flex;gap:15px;align-items:center;padding:20px 28px}.trust-strip>div+div{border-left:1px solid var(--line)}.trust-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:white;font-size:22px}.trust-strip p{margin:0;font-size:14px}.trust-strip small{color:var(--muted)}

/* footer */
.footer{background:#102d36;color:white;padding:55px 0 28px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer .brand{font-family:Georgia,serif;font-size:22px}.footer p{color:rgba(255,255,255,.65);font-size:13px}

/* lesson pages */
.nav{position:absolute;z-index:10;top:0;left:0;right:0;color:white}.nav .inner{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16)}.brand{display:flex;align-items:center;gap:12px;font-weight:750}.mark{width:34px;height:34px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;color:#f4d79d}.navlinks{display:flex;gap:28px;align-items:center;font-size:14px}.pill{border-color:rgba(255,255,255,.35);color:white}
.lesson-hero{background:radial-gradient(circle at 75% 28%,rgba(235,197,109,.22),transparent 20%),linear-gradient(135deg,#0d4550,#226b65);color:white;padding:150px 0 72px;position:relative;overflow:hidden}.lesson-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:end}.lesson-hero h1{font-size:clamp(52px,7vw,86px);color:white}.lesson-hero p{color:rgba(255,255,255,.82);max-width:560px}.progress{display:flex;gap:8px;margin-top:26px}.progress span{height:4px;border-radius:3px;background:rgba(255,255,255,.2);flex:1}.progress span.on{background:#f2c66c}
.daily-hero{background:radial-gradient(circle at 72% 30%,rgba(246,218,143,.25),transparent 20%),linear-gradient(135deg,#0d5360,#438267)}
.lesson-body{padding:55px 0 110px;background:#f7fbfa}.lesson-layout{display:grid;grid-template-columns:240px 1fr;gap:34px}.side{position:sticky;top:22px;height:max-content;background:white;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 8px 25px rgba(24,50,71,.04)}.side a{display:block;padding:10px 12px;border-radius:12px;font-size:13px;color:var(--muted)}.side a:hover{background:var(--mint);color:var(--ink)}
.panel{background:white;border:1px solid var(--line);border-radius:28px;padding:34px;margin-bottom:22px;box-shadow:0 10px 28px rgba(24,50,71,.035)}.panel h2{font-size:38px;margin-bottom:12px}.panel h3{font-size:25px}.panel-intro{color:var(--muted);margin-top:0}.controls{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.scripture{font-family:Georgia,serif;font-size:23px;line-height:1.8;color:#1b3548}.verse{display:block;padding:8px 12px;border-radius:12px;transition:.2s}.verse:hover{background:#f3f9f6}.vnum{font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:#5c8d83;vertical-align:super;margin-right:6px}.word{border-bottom:1px dotted var(--gold);cursor:pointer}
.wordbox{display:none;margin-top:18px;padding:20px;background:#fff8ea;border-radius:18px}.wordbox.show{display:block}.wordbox strong{font-family:Georgia,serif;font-size:24px}.phon{color:var(--muted);margin-left:8px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tab{border:1px solid var(--line);background:white;padding:9px 13px;border-radius:999px;cursor:pointer}.tab.active{background:var(--teal);color:white}.tabcontent{display:none}.tabcontent.active{display:block}
.vocab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.vocab{padding:18px;background:#f7faf8;border:1px solid #edf1ef;border-radius:16px}.vocab b{font-family:Georgia,serif;font-size:20px;color:var(--navy)}
.quote{font-family:Georgia,serif}.quiz-option{display:block;width:100%;text-align:left;padding:14px 16px;margin:9px 0;border-radius:14px;border:1px solid var(--line);background:white;cursor:pointer}.quiz-option.correct{background:#e4f3e8;border-color:#7ca58a}.quiz-option.wrong{background:#fff0eb;border-color:#c78b79}.result{font-weight:700;margin-top:12px}.next-card{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--line);border-radius:24px;padding:26px;background:#fff9ec}

/* responsive */
@media(max-width:980px){
 .toplinks a:not(.nav-cta){display:none}
 .home-hero-grid,.two-column-overview,.lesson-preview,.lesson-grid{grid-template-columns:1fr}
 .home-hero-grid{gap:36px;padding-top:54px}
 .paths-panel{border-left:0;padding-left:0}
 .learning-cards{grid-template-columns:repeat(2,1fr)}
 .lesson-layout{grid-template-columns:1fr}.side{position:static;display:flex;overflow:auto}.side a{white-space:nowrap}
 .trust-strip{grid-template-columns:1fr}.trust-strip>div+div{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:650px){
 .container{width:min(100% - 28px,1260px)}
 .topnav-inner{min-height:78px}.site-brand strong{font-size:21px}.site-brand small{font-size:9px}.brand-symbol{width:40px;height:40px}.nav-cta{padding:10px 14px;font-size:12px}
 .home-hero-grid{padding:45px 0 60px}.home-copy h1{font-size:52px}.hero-lead{font-size:17px}
 .today-feature{padding:25px 22px 92px}.today-feature blockquote{font-size:29px}
 .section{padding:62px 0}.learning-cards{grid-template-columns:1fr}.learning-card{min-height:unset}
 .lesson-preview{gap:28px}.preview-art{min-height:280px}
 .vocab-grid{grid-template-columns:1fr}.panel{padding:23px}.footer-grid{display:block}
 .navlinks a:not(.pill){display:none}
}


/* V4 — calmer colour balance + clear daily/full-lesson hierarchy */
:root{
  --deep:#102f38;
  --deep2:#173f49;
  --deep3:#214e57;
  --sand:#f4ead8;
  --warm:#d89b2b;
}
.warm{color:#c9861b}
.primary.deep{background:linear-gradient(135deg,#153e49,#275c62);color:#fff}

/* darker, easier-on-eyes homepage */
.topnav{background:#0f3038;border-bottom:1px solid rgba(255,255,255,.1)}
.site-brand,.toplinks{color:#f7fbfa}
.site-brand small{color:#b7d8d2}
.brand-symbol{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.26)}
.toplinks .nav-cta{background:#d89b2b;color:#102f38}

.home-hero{
  background:
    radial-gradient(circle at 72% 36%,rgba(237,195,104,.15),transparent 24%),
    radial-gradient(circle at 9% 26%,rgba(95,169,167,.12),transparent 28%),
    linear-gradient(135deg,#102f38 0%,#173f49 54%,#214e57 100%);
  border-bottom:0;
}
.home-hero:after{
  background:linear-gradient(170deg,transparent 0 34%,rgba(141,191,179,.14) 35% 54%,rgba(233,220,187,.12) 55% 100%);
}
.home-copy h1{color:#f8fbfa}
.home-copy .hero-lead{color:#d6e6e3}
.home-copy .eyebrow{color:#9ed1ca}
.home-copy .ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.38);color:#fff}
.home-copy .primary.blue{background:linear-gradient(135deg,#d69b2c,#efbd55);color:#17313a}

/* daily card looks intentionally compact and routine-like */
.today-feature{
  background:linear-gradient(180deg,#fffdf8,#f8f2e7);
  border-color:#dfd0b5;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.daily-kicker{
  display:inline-block;
  margin-bottom:14px;
  padding:6px 10px;
  border-radius:999px;
  background:#eaf4ef;
  color:#3b7155;
  font-size:10px;
  letter-spacing:.14em;
  font-weight:850;
}
.daily-summary{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 14px}
.daily-summary span{
  padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #e4d9c6;
  font-size:11px;color:#6d655a;font-weight:700;
}
.daily-explain{font-size:13px;color:#6d7274;margin:0 0 20px;max-width:470px}

/* reduce pure white in supporting sections */
.section.compact{background:#edf5f2}
.learning-card{box-shadow:none}
.paths-panel{border-left-color:#cfdfda}
.lesson-preview-section{
  background:linear-gradient(180deg,#153a43 0,#1b4650 34%,#f4ead8 34%,#fbf6ed 100%);
  padding-top:68px;
}
.full-lessons-heading{
  color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:end;
  padding-bottom:45px
}
.full-lessons-heading h2{color:#fff;margin-top:8px}
.full-lessons-heading p{color:#d6e4e1;max-width:650px;margin:0}
.lesson-preview{
  background:#fffaf2;border:1px solid #e0d4c1;border-radius:30px;
  padding:28px;box-shadow:0 25px 65px rgba(23,57,66,.12)
}
.full-lesson-badge{
  display:inline-block;background:#173f49;color:#fff;border-radius:999px;
  padding:7px 11px;font-size:10px;letter-spacing:.1em;font-weight:850;margin-bottom:12px
}
.trust-section{background:#fbf6ed;padding-top:8px}
.trust-strip{background:linear-gradient(90deg,#f7f1e5,#eef6f3)}

/* daily lesson: Go Deeper must feel like a new, larger study area */
.go-deeper-block{
  margin-top:36px;
  background:linear-gradient(135deg,#153a43,#214e57);
  border-radius:30px;
  padding:34px;
  color:white;
  box-shadow:0 20px 55px rgba(20,54,63,.16)
}
.go-deeper-label{
  font-size:10px;letter-spacing:.15em;font-weight:850;color:#b9d7d2;margin-bottom:20px
}
.go-deeper-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
.go-deeper-block h2,.go-deeper-block h3{color:#fff}
.go-deeper-block h2{font-size:40px;margin:8px 0 12px}
.go-deeper-block p{color:#d4e3e0}
.full-lesson-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.full-lesson-features span{
  padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);font-size:11px;color:#edf6f4
}
.go-deeper-cta{
  background:#fffaf2;color:var(--ink);border-radius:22px;padding:25px;
}
.go-deeper-cta h3{color:var(--navy);font-size:31px;margin:4px 0 8px}
.go-deeper-cta p{color:#687782}
.go-deeper-cta .full-lesson-badge{background:#d89b2b;color:#15313a}

@media(max-width:980px){
  .full-lessons-heading,.go-deeper-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .lesson-preview-section{background:linear-gradient(180deg,#153a43 0,#1b4650 27%,#f6efe2 27%,#fbf6ed 100%)}
  .full-lessons-heading{padding-bottom:32px}
  .go-deeper-block{padding:24px}
}

/* Pilot content collection */
.daily-pilot-hero{background:linear-gradient(135deg,#173f49,#2c665f);color:#fff;padding:62px 0 55px}
.daily-pilot-hero h1,.full-pilot-hero h1{color:#fff;margin:10px 0 12px;font-size:clamp(48px,6vw,76px)}
.daily-pilot-hero p,.full-pilot-hero p{color:#d8e7e3;margin:0}
.daily-pilot-wrap{max-width:900px}.daily-scripture-card{border-top:5px solid #d89b2b}
.daily-scripture-card blockquote{font-family:Georgia,serif;font-size:clamp(27px,4vw,40px);line-height:1.4;color:var(--navy);margin:20px 0 8px}
.simple-reflection{background:#eef7f2;border-left:4px solid #4b8c66;border-radius:0 15px 15px 0;padding:16px 18px;margin-top:22px}
.simple-reflection p{margin-bottom:0}.quick-practice details{background:#f7faf8;border:1px solid var(--line);border-radius:13px;padding:12px 15px;margin:10px 0}
.quick-practice summary{cursor:pointer;font-weight:750;color:var(--teal)}
.full-pilot-hero{background:radial-gradient(circle at 80% 30%,rgba(218,155,43,.18),transparent 20%),linear-gradient(135deg,#102f38,#204f58);color:#fff;padding:70px 0 62px}
.full-pilot-hero.john-hero{background:radial-gradient(circle at 75% 25%,rgba(244,205,110,.24),transparent 18%),linear-gradient(135deg,#102d45,#235a67)}
.full-pilot-wrap{max-width:980px}
.pilot-library{background:#f7f1e6;padding:75px 0}
.pilot-library-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
.pilot-library-head p{max-width:560px;color:#657786}
.daily-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.daily-day{background:#fff;border:1px solid #dfd7c8;border-radius:16px;padding:16px 13px;min-height:155px;transition:.2s}
.daily-day:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(24,50,71,.07)}
.daily-day small{color:#98722e;font-weight:800}.daily-day strong{display:block;color:var(--navy);font-family:Georgia,serif;font-size:17px;line-height:1.25;margin:12px 0 7px}.daily-day span{font-size:11px;color:#6c797e}
.full-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.full-library-card{background:#173f49;color:#fff;border-radius:22px;padding:24px;min-height:240px;display:flex;flex-direction:column}
.full-library-card:nth-child(2){background:#27594f}.full-library-card:nth-child(3){background:#173a58}
.full-library-card h3{color:#fff;margin:12px 0 8px}.full-library-card p{color:#d8e5e2;font-size:13px;flex:1}.full-library-card .full-lesson-badge{align-self:flex-start;background:#e0a13b;color:#17313a}
.full-library-card a{color:#fff;font-weight:800;margin-top:15px}
@media(max-width:1050px){.daily-week-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.full-library-grid{grid-template-columns:1fr}.pilot-library-head{display:block}}
@media(max-width:600px){.daily-week-grid{grid-template-columns:repeat(2,1fr)}}

/* CMS prototype additions */
.audio-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#edf6f3;border:1px solid #d8e6e0;border-radius:16px;padding:13px 15px;margin-top:20px}.audio-box>div{margin-right:auto}.audio-box strong,.audio-box small{display:block}.audio-box small{color:#688077}
.exercise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.exercise-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fbfdfc}.exercise-card h3{font-size:24px;margin:7px 0 12px}.exercise-type{font-size:9px;letter-spacing:.13em;font-weight:900;color:#9a6e18}.mcq button,.matching-game button,.scramble-list button,.crossword-mini button,.fillgame button{border:0;border-radius:999px;padding:9px 13px;background:#1f5a5c;color:#fff;margin:5px;cursor:pointer}.mcq button{background:#fff;color:var(--ink);border:1px solid var(--line)}.match-row{display:grid;grid-template-columns:110px 1fr;gap:8px;margin:8px 0}.match-row select,.fillgame input,.scramble-item input,.crossword-mini input{border:1px solid #ccd9d7;border-radius:10px;padding:9px;background:white}.scramble-item{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;margin:8px 0}.scramble-item span{font-weight:800;letter-spacing:.12em}.crossword-mini label{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:center;margin:8px 0}.game-result.ok{color:#267548;font-weight:800}.game-result.try{color:#9a5c2f;font-weight:800}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.admin-bg{background:#eaf2ef;min-height:100vh}.admin-login{width:min(520px,calc(100% - 30px));margin:8vh auto;background:#fff;border-radius:24px;padding:36px;box-shadow:var(--shadow)}.admin-login form,.admin-form{display:grid;gap:17px}.admin-login label,.admin-form label{font-weight:750;color:var(--navy)}.admin-login input,.admin-form input,.admin-form textarea,.admin-form select{display:block;width:100%;margin-top:6px;border:1px solid #bccdca;border-radius:12px;padding:12px;font:inherit;background:#fff}.admin-error{background:#fff0e8;border:1px solid #e3b497;border-radius:12px;padding:12px;color:#8c462b}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-shell aside{background:#12363e;color:#fff;padding:30px 20px}.admin-shell aside h2{color:#fff;font-size:24px;margin-bottom:26px}.admin-shell aside a{display:block;padding:10px 12px;border-radius:9px;color:#e2efec}.admin-shell aside a:hover{background:rgba(255,255,255,.08)}.admin-shell main{padding:42px;overflow:auto}.admin-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.admin-title h1{font-size:54px}.admin-stats{display:flex;gap:12px}.admin-stats span{background:#fff;border-radius:14px;padding:10px 14px}.admin-stats b{font-size:22px;margin-right:5px}.admin-panel{background:#fff;border-radius:22px;padding:24px;margin-top:25px;box-shadow:0 8px 25px rgba(24,50,71,.04);overflow:auto}.admin-panel table{width:100%;border-collapse:collapse}.admin-panel th,.admin-panel td{text-align:left;padding:11px;border-bottom:1px solid #e6ece9;font-size:13px}.admin-form-wrap{width:min(980px,calc(100% - 30px));margin:35px auto 70px}.admin-form-wrap>h1{font-size:50px;margin:14px 0 25px}.admin-form{background:#fff;padding:30px;border-radius:24px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-form small{font-weight:400;color:#72817f}.audio-admin{background:#edf6f3;border-radius:17px;padding:20px}.audio-admin h2{font-size:28px}.audio-admin p{color:#687b77}.admin-form textarea{resize:vertical}
@media(max-width:900px){.exercise-grid,.archive-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-shell aside{position:static}.admin-title{display:block}.form-grid{grid-template-columns:1fr}}
@media(max-width:600px){.exercise-grid,.archive-grid{grid-template-columns:1fr}.admin-shell main{padding:24px 14px}.admin-form{padding:20px}.match-row,.crossword-mini label,.scramble-item{grid-template-columns:1fr}}

/* CMS v2 — hints, visual exercise builder, publishing controls */
.hint-box{background:#fff8df;border:1px solid #ead7a2;border-radius:13px;padding:10px 13px;margin:13px 0}.hint-box summary{cursor:pointer;font-weight:800;color:#816020}.hint-box p{margin:9px 0 2px;color:#665b43}
.exercise-builder-admin{background:#f5f8f6;border:1px solid #dbe5e1;border-radius:20px;padding:22px}.builder-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.builder-head h2{font-size:32px;margin:6px 0}.builder-head p{margin:0;color:#6e7d79}.builder-card{background:#fff;border:1px solid #d6e1dd;border-radius:18px;padding:20px;margin:14px 0}.builder-card-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.builder-card-top h3{font-size:25px;margin:5px 0 16px}.builder-actions{display:flex;gap:5px;flex-wrap:wrap}.builder-actions button{border:1px solid #ccd8d4;background:#fff;border-radius:9px;padding:7px 10px;cursor:pointer}.builder-actions button:last-child{color:#9c3f35}.type-dialog-card{border:0;border-radius:22px;padding:25px;max-width:620px}.type-dialog-card h2{margin-top:0}.type-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.type-choice-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1px solid #d5dfdb;background:#f8fbf9;border-radius:14px;padding:16px;text-align:left;color:var(--ink);cursor:pointer;font-weight:850}.type-choice-grid small{font-weight:400;color:#70807c}.admin-search{display:grid;grid-template-columns:minmax(200px,1fr) 180px auto auto;gap:10px;margin-top:25px}.admin-search input,.admin-search select{border:1px solid #bdccc8;border-radius:11px;padding:11px;background:#fff;font:inherit}.admin-search button{border:0;border-radius:11px;background:#17454d;color:#fff;padding:0 18px}.admin-search a{align-self:center}.admin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-panel-head p{color:#74817e;margin-top:5px}.status-pill{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850}.status-pill.published{background:#e5f5ea;color:#286d43}.status-pill.draft{background:#f4eee0;color:#82641d}.action-cell{white-space:nowrap}.action-cell>a{margin-right:9px}.action-cell form{display:inline}.action-cell button{border:0;background:none;color:#1c6871;cursor:pointer;padding:3px 6px;font:inherit}.action-cell .danger-link{color:#9b4036}
@media(max-width:800px){.builder-head,.builder-card-top,.admin-panel-head{display:block}.admin-search{grid-template-columns:1fr}.type-choice-grid{grid-template-columns:1fr}}

/* CMS v2.2 — cleaner admin actions */
.action-cell{
  white-space:normal;
}
.action-cell > a,
.action-cell > form{
  margin-right:10px;
  margin-bottom:6px;
}
.action-cell > a{
  display:inline-block;
  padding:6px 10px;
  border:1px solid #c7d4d0;
  border-radius:8px;
  background:#fff;
  color:#1c6871;
  text-decoration:none;
}
.action-cell form{
  display:inline-flex;
  gap:7px;
  flex-wrap:wrap;
  vertical-align:middle;
}
.action-cell form button{
  display:inline-block;
  border:1px solid #c7d4d0;
  background:#fff;
  border-radius:8px;
  padding:6px 10px;
  color:#1c6871;
  cursor:pointer;
}
.action-cell form .danger-link{
  color:#9b4036;
  border-color:#dfc2bd;
}

/* CMS v2.2 — additional practice types */
.choice-row,.tf-game,.order-controls{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
}
.choice-row button,.tf-game button,.order-controls button,
.order-bank button,.order-answer button,.short-answer-game button,.listen-game>button{
  border:1px solid #c8d7d2;
  border-radius:999px;
  padding:9px 13px;
  background:#fff;
  color:#174e55;
  cursor:pointer;
}
.order-bank{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px;
  background:#f4f7f5;
  border-radius:13px;
}
.order-answer{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-height:52px;
  margin-top:10px;
  padding:10px;
  border:2px dashed #c6d6d1;
  border-radius:13px;
}
.order-answer:empty::before{
  content:"Choose the parts above in order";
  color:#86938f;
  font-size:13px;
}
.short-answer-game input{
  width:min(100%,360px);
  border:1px solid #c8d7d2;
  border-radius:10px;
  padding:10px;
  margin-right:8px;
}
.type-choice-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:620px){
  .type-choice-grid{grid-template-columns:1fr}
}

/* CMS v2.3 — clearly separated Admin action buttons */
.action-cell{
  min-width:360px;
}
.action-cell > a,
.action-cell > form button{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:36px;
  margin:3px 7px 3px 0;
  padding:7px 12px;
  border-radius:8px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  background:#fff;
}
.action-cell > a.edit-action{
  border:1px solid #5daea8;
  color:#116b68;
}
.action-cell > a.preview-action{
  border:1px solid #789ee7;
  color:#245fbd;
}
.action-cell form{
  display:inline-flex;
  gap:7px;
  margin:0;
  vertical-align:middle;
}
.action-cell form button.duplicate-action{
  border:1px solid #aeb8ba;
  color:#344649;
}
.action-cell form button.delete-action{
  border:1px solid #dc837c;
  color:#a53e35;
}
.action-cell > a:hover,
.action-cell > form button:hover{
  background:#f3f8f6;
}
@media(max-width:1100px){
  .action-cell{min-width:230px}
  .action-cell > a,
  .action-cell > form button{margin-bottom:7px}
}

.audio-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.audio-choice{border:1px solid #d4e0dc;border-radius:16px;padding:15px;background:#fff}
.audio-choice strong{display:block;margin-bottom:10px;color:#183f47}
.audio-transport{display:flex;flex-wrap:wrap;gap:8px}
.audio-transport button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;padding:8px 12px;border-radius:999px;border:1px solid #b9cfca;background:#f8fbfa;color:#174f56;font:inherit;font-weight:750;cursor:pointer}
.audio-transport .audio-play{background:#174f56;border-color:#174f56;color:#fff}
.audio-transport .audio-pause{border-color:#d0b46a;color:#735c1d}
.audio-transport .audio-stop{border-color:#d5a19c;color:#93453e}
.audio-fallback-note{display:block;margin-top:9px;color:#7b8985}
@media(max-width:650px){.audio-choice-grid{grid-template-columns:1fr}.audio-transport button{flex:1}}

/* CMS v2.5 — refined audio controls */
.audio-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:20px 0;
}

.audio-choice{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(24,79,86,.12);
  border-radius:20px;
  padding:18px 18px 16px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,249,.98));
  box-shadow:
    0 8px 22px rgba(24,50,71,.06),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.audio-choice::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#1c7471,#d6a44a);
}

.audio-choice strong{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 13px;
  padding-left:3px;
  color:#173f49;
  font-size:15px;
  font-weight:800;
  letter-spacing:.01em;
}

.audio-choice strong::before{
  content:"♪";
  display:inline-flex;
  width:26px;
  height:26px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#e6f3ef;
  color:#176a68;
  font-size:13px;
}

.audio-transport{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
}

.audio-transport button{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:9px 15px;
  border-radius:13px;
  border:1px solid transparent;
  font:inherit;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
  cursor:pointer;
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    background .16s ease,
    border-color .16s ease,
    color .16s ease;
}

.audio-transport button:hover{
  transform:translateY(-1px);
}

.audio-transport button:active{
  transform:translateY(0);
}

.audio-transport button:focus-visible{
  outline:3px solid rgba(57,133,139,.22);
  outline-offset:2px;
}

.audio-transport .audio-play{
  background:linear-gradient(135deg,#176a68,#205b67);
  color:#fff;
  border-color:#176a68;
  box-shadow:0 5px 14px rgba(23,106,104,.20);
}

.audio-transport .audio-play:hover{
  background:linear-gradient(135deg,#155f5e,#1b515c);
  box-shadow:0 7px 18px rgba(23,106,104,.25);
}

.audio-transport .audio-pause{
  background:#fff8e9;
  color:#7b5b1d;
  border-color:#ead5a2;
}

.audio-transport .audio-pause:hover{
  background:#fff3d8;
  border-color:#dfc17a;
}

.audio-transport .audio-stop{
  background:#fff7f5;
  color:#98524a;
  border-color:#e9c5bf;
}

.audio-transport .audio-stop:hover{
  background:#fff0ed;
  border-color:#dca9a1;
}

.audio-fallback-note{
  display:inline-block;
  margin-top:11px;
  padding:5px 9px;
  border-radius:999px;
  background:#f0f5f3;
  color:#6d7c78;
  font-size:11px;
  font-weight:650;
}

@media(max-width:650px){
  .audio-choice-grid{
    grid-template-columns:1fr;
  }
  .audio-transport button{
    flex:1 1 30%;
    min-width:92px;
  }
}