/* Science Fenns science, grades 3 to 5. Lessons, course pages, syllabus, year at a glance, textbook front pages.
   Needs /v2/v2.css and /kids-lab/bramble.css. Nov 4 2026. */
.sc{--u:#0f8f94;--sun:#f3b73f;--night:#0b2440}
.sc h1,.sc h2,.sc h3{font-family:Lora,Georgia,serif;letter-spacing:-.01em}
.sc .wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.sc .band{padding:56px 0}.sc .band.alt{background:var(--bg2,#f6f1e6);border-block:1px solid var(--line,#e5dcc8)}
.sc .eyebrow{font:700 .72rem/1 Poppins,"Segoe UI",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--u);margin:0 0 10px}
.sc .hd{max-width:44rem;margin:0 0 26px}.sc .hd h2{font-size:clamp(1.7rem,3.2vw,2.3rem);margin:0 0 8px}.sc .hd p{margin:0;color:var(--mute,#4a5a68)}
.sc .khero{position:relative;color:#fff;min-height:min(62vh,520px);display:flex;align-items:flex-end;background:#0b2440;overflow:hidden}
.sc .khero>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc .khero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,20,36,.92),rgba(8,20,36,.12) 68%)}
.sc .khero .hin{position:relative;z-index:2;padding:70px 28px 44px;width:100%;max-width:1040px;margin:0 auto}
.sc .khero h1{font-size:clamp(2.1rem,5.4vw,3.8rem);line-height:1.06;margin:0 0 12px;max-width:16ch;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.sc .khero p{font-size:1.15rem;max-width:34rem;margin:0 0 14px;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.sc .khero .eyebrow{color:#ffd77a}
.sc .pill{display:inline-block;font:700 .72rem/1 Poppins,sans-serif;letter-spacing:.1em;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);margin:0 6px 6px 0}
.sc .b{display:inline-block;font:700 .95rem/1 Poppins,"Segoe UI",sans-serif;padding:14px 22px;border-radius:999px;background:var(--sun);color:#2a1a00;border:0;cursor:pointer}
.sc .b:hover{filter:brightness(1.08)}.sc .b.o{background:transparent;color:inherit;border:2px solid currentColor}.sc .b[disabled]{opacity:.45;cursor:default}
.sc .btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.sc .card{background:var(--card,#fff);border:1px solid var(--line,#e5dcc8);border-radius:20px;padding:24px;box-shadow:var(--sh,0 8px 24px rgba(16,32,46,.08))}
/* hook */
.sc .hook .lead{font-size:1.15rem;max-width:40rem}
.sc .opt{display:block;width:100%;text-align:left;font:600 1.02rem/1.35 Lora,Georgia,serif;padding:14px 16px;margin:10px 0;border-radius:14px;border:2px solid var(--line,#d9cfb8);background:var(--card,#fff);color:inherit;cursor:pointer}
.sc .opt:hover{border-color:var(--u)}.sc .opt.ok{border-color:#2f8f5b;background:#e8f6ee}.sc .opt.no{border-color:#c0455f;background:#fbebee}
.sc .say{min-height:1.5em;margin:10px 0 0;font-weight:700;color:var(--u)}
.sc .bins{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:14px}
.sc .bin{border:3px dashed var(--u);border-radius:16px;padding:12px;min-height:110px;background:rgba(255,255,255,.55);cursor:pointer}
.sc .bin h4{margin:0 0 8px;font:700 .8rem/1 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--u)}
.sc .chips{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.sc .chip{font:600 .98rem/1 Lora,Georgia,serif;padding:11px 14px;border-radius:999px;border:2px solid var(--u);background:var(--card,#fff);color:inherit;cursor:pointer}
.sc .chip.sel{background:var(--u);color:#fff}.sc .chip.done{border-color:#2f8f5b;background:#e8f6ee;cursor:default}
.sc .bin .chip{margin:3px}
.sc .slide{margin:18px 0}.sc .slide input{width:100%;accent-color:var(--u)}
.sc .stops{display:flex;justify-content:space-between;gap:6px;font:700 .72rem/1.2 Poppins,sans-serif;color:var(--mute,#4a5a68)}
.sc .stops span{flex:1;text-align:center}.sc .stops span.on{color:var(--u)}
.sc .stopsay{font-size:1.1rem;min-height:3.2em;margin:12px 0 0}
/* story */
.sc .story p{font-size:1.18rem;line-height:1.65;max-width:42rem;margin:0 0 1rem}
.sc .story p:first-of-type:first-letter{font:700 3rem/0.9 Lora,Georgia,serif;float:left;margin:4px 8px 0 0;color:var(--u)}
.sc .rd{margin:0 0 16px}
/* steps */
.sc .svcard{display:flex;gap:20px;align-items:flex-start;padding:22px;border-radius:20px;background:var(--card,#fff);border:3px solid var(--u);max-width:46rem}
.sc .svnum{flex:none;width:72px;height:72px;border-radius:50%;background:var(--u);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 1.7rem/1 Poppins,sans-serif}
.sc .svnum small{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.sc .svbody h3{margin:0 0 6px;font-size:1.35rem}.sc .svbody p{margin:0;font-size:1.1rem;line-height:1.55}
.sc .svbar{display:flex;gap:6px;max-width:46rem;margin:14px 0}.sc .svbar i{flex:1;height:8px;border-radius:4px;background:var(--line,#ddd)}.sc .svbar i.on{background:var(--u)}
.sc .svall{display:none;max-width:46rem;padding-left:1.2rem}.sc .svall.on{display:block}.sc .svall li{margin:.6rem 0;font-size:1.05rem}.sc .svall b{display:block}
/* hands on */
.sc .lab{display:grid;gap:24px;grid-template-columns:1fr 1.3fr}
@media(max-width:760px){.sc .lab{grid-template-columns:1fr}}
.sc .lab h3{margin:0 0 8px;font-size:1.15rem}
.sc .lab ul,.sc .lab ol{margin:0;padding-left:1.2rem}.sc .lab li{margin:.35rem 0;font-size:1.05rem}
.sc .lab .meta{font:700 .75rem/1 Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--u);margin:0 0 12px}
.sc .safe{margin-top:16px;padding:14px 16px;border-left:6px solid #d97a1f;background:#fff4e5;border-radius:10px;font-weight:600}
.sc .rec{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--bg2,#f6f1e6)}
/* rules + words */
.sc .rules{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.sc .rules div{background:var(--card,#fff);border:1px solid var(--line,#e5dcc8);border-top:6px solid var(--u);border-radius:16px;padding:18px}
.sc .rules small{font:700 .66rem/1 Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--u)}
.sc .rules b{display:block;font:700 1.15rem/1.3 Lora,Georgia,serif;margin:6px 0}.sc .rules p{margin:0}
.sc .words{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.sc .words div{background:var(--card,#fff);border:1px solid var(--line,#e5dcc8);border-radius:14px;padding:14px 16px}
/* quiz */
.sc .qz .q{margin:0 0 26px;max-width:44rem}.sc .qz .q h3{font-size:1.2rem;margin:0 0 6px}
.sc .qz .why{display:none;margin:6px 0 0;font-weight:700;color:#2f8f5b}.sc .qz .why.on{display:block}
.sc .score{font:700 1.2rem/1.4 Poppins,sans-serif;color:var(--u);margin-top:10px}
.sc .talk li{font-size:1.12rem;margin:.6rem 0;max-width:42rem}
.sc .two{display:grid;gap:18px;grid-template-columns:1fr 1fr}@media(max-width:760px){.sc .two{grid-template-columns:1fr}}
.sc .fa{border-radius:18px;padding:20px 22px;background:var(--night);color:#fff}.sc .fa b{display:block;font:700 .7rem/1 Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ffd77a;margin-bottom:8px}.sc .fa p{margin:0;font-size:1.08rem;line-height:1.5}
.sc .fa.c{background:#fff;color:var(--night);border:3px solid var(--u)}.sc .fa.c b{color:var(--u)}
.sc .pn{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:30px 0}
.sc .pn a{display:block;padding:14px 18px;border-radius:16px;border:2px solid var(--u);font-weight:700;color:inherit;max-width:48%}
.sc .pn small{display:block;font:700 .66rem/1 Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--u);margin-bottom:4px}
/* course, syllabus, glance, book */
.sc .units{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.sc .unit{background:var(--card,#fff);border:1px solid var(--line,#e5dcc8);border-top:8px solid var(--u);border-radius:18px;padding:20px 22px}
.sc .unit h3{margin:0 0 4px;font-size:1.3rem}.sc .unit .tk{font:700 .7rem/1 Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--u)}
.sc .unit ol{margin:12px 0 0;padding-left:1.25rem}.sc .unit li{margin:.45rem 0}.sc .unit li a{font-weight:700;color:inherit}.sc .unit li small{display:block;color:var(--mute,#4a5a68)}
.sc table{width:100%;border-collapse:collapse;font-size:1rem}.sc th,.sc td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line,#e5dcc8);vertical-align:top}
.sc th{font:700 .72rem/1 Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--u)}
.sc .tw{overflow-x:auto}
.sc .plain{padding-left:1.2rem}.sc .plain li{margin:.45rem 0}
.sc .prose{max-width:46rem}.sc .prose p{font-size:1.1rem;line-height:1.65}
.sc .chap{border-top:8px solid var(--u);background:var(--card,#fff);border-radius:18px;padding:22px 26px;margin:0 0 22px;border-left:1px solid var(--line,#e5dcc8);border-right:1px solid var(--line,#e5dcc8);border-bottom:1px solid var(--line,#e5dcc8)}
.sc .chap h3{margin:0 0 2px;font-size:1.5rem}.sc .chap .lede{margin:0 0 12px;color:var(--mute,#4a5a68)}
.sc .chap a.ls{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line,#e5dcc8);color:inherit}
.sc .chap a.ls b{font-family:Lora,Georgia,serif;font-size:1.1rem}.sc .chap a.ls span{color:var(--mute,#4a5a68)}.sc .chap a.ls em{margin-left:auto;font:700 .7rem/1 Poppins,sans-serif;letter-spacing:.08em;color:var(--u);white-space:nowrap;font-style:normal}
.sc .gl{display:grid;gap:3px;grid-template-columns:70px 1fr}
.sc .wk{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.sc .wk div{border-radius:12px;padding:10px 12px;color:#fff;font-weight:600;font-size:.9rem;line-height:1.25}.sc .wk small{display:block;font:700 .62rem/1 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin-bottom:4px}
.sc .gradeCards{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.sc .gc{position:relative;border-radius:22px;overflow:hidden;color:#fff;min-height:340px;display:flex;align-items:flex-end;background:#0b2440;border:3px solid #f3d795;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.sc .gc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc .gc:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,12,24,.94),rgba(5,12,24,.25) 70%)}
.sc .gc .tx{position:relative;z-index:2;padding:20px}.sc .gc h3{margin:0 0 6px;font-size:1.6rem}.sc .gc p{margin:0 0 10px}
.sc .gc .lk{display:flex;gap:12px;flex-wrap:wrap;font-weight:700;font-size:.9rem;color:#ffd77a}
@media print{.bz-top,.bz-foot,.btnrow,.hook,.qz .opt{display:none}}