:root{--navy:#00275c;--navy-soft:#183a5d;--green:#226b4d;--green-bright:#2d956f;--purple:#7453a7;--gold:#f8bd45;--cream:#fbf9f3;--white:#fffefa;--sage:#edf5e9;--text:#213f59;--muted:#5b6f76;--border:#e3e8df;--shadow:0 14px 35px rgba(13,46,67,.065)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:99px}body{margin:0;background:var(--cream);color:var(--text);font-family:ui-rounded,'Trebuchet MS',Verdana,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body.sounds-open{overflow:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #2d7bab;outline-offset:4px}.skip{position:absolute;left:8px;top:-90px;z-index:80;background:white;padding:12px;border-radius:9px}.skip:focus{top:8px}
.wrap{width:min(1160px,calc(100% - 42px));margin-inline:auto}.strong{font-weight:900}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--green);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:900}.eyebrow:before{content:'';width:24px;height:2px;background:var(--green)}
h1,h2,h3,h4{font-family:ui-rounded,'Trebuchet MS',Verdana,system-ui,sans-serif;color:var(--navy);letter-spacing:-.048em}h1{margin:0 0 22px}h2{font-size:clamp(31px,3.6vw,46px);line-height:1.16;margin:0 0 15px;font-weight:950}h3{font-size:21px;line-height:1.25;margin:0 0 8px}p{line-height:1.72}.lead{font-size:17px;line-height:1.77;color:#4d6470;max-width:530px;margin:0 0 27px}.intro{font-size:15px;color:var(--muted);max-width:660px;margin:0}.highlight{color:var(--green-bright)}
.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 22px;border-radius:999px;font-weight:900;font-size:14px;min-height:46px;text-align:center;transition:transform .16s,background .16s}.btn:hover{transform:translateY(-1px)}.btn-green{background:var(--green);color:white}.btn-green:hover{background:#185a40}.btn-outline{background:var(--white);border-color:#d3ddd6;color:var(--navy)}.btn-navy{background:var(--navy);color:white}.btn-navy:hover{background:#144578}.section{padding:76px 0}
.site-head{position:sticky;top:0;z-index:40;background:rgba(255,254,250,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.head-inner{width:min(1160px,calc(100% - 42px));margin:auto;min-height:88px;display:flex;align-items:center;gap:25px}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{height:auto;display:block}.nav{margin-left:auto;display:flex;align-items:center;gap:27px}.nav a{font-size:13px;font-weight:900;color:var(--navy-soft)}.nav a:hover{color:var(--green)}.head-cta{padding:12px 19px;min-height:42px;font-size:12px}.menu-button{display:none;align-items:center;justify-content:center;border:1px solid var(--border);background:#f3f8f2;color:var(--navy);width:48px;height:48px;border-radius:13px;font-size:24px}
.hero{background:linear-gradient(118deg,#fffdf6 0%,#f3f8ee 62%,#eaf4ec 100%);position:relative;overflow:hidden;padding:63px 0 95px}.hero:before{content:'';position:absolute;left:-115px;bottom:-165px;width:335px;height:335px;background:#e2eee0;border-radius:50%;opacity:.55}.hero-main{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;min-height:480px;position:relative}.hero-copy{position:relative;z-index:2}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.promise-row{display:flex;gap:14px 23px;flex-wrap:wrap;margin-top:27px;font-size:12px;color:#47675d;font-weight:800}.promise-row span:before{content:'✓';color:var(--green);margin-right:7px}.hero-art{aspect-ratio:1/1;position:relative;max-width:520px;margin:auto;width:100%}.hero-art svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 20px 21px rgba(37,70,65,.06))}.orbit-label{position:absolute;display:flex;align-items:center;gap:8px;background:#fffdf9;border:1px solid #e8ede2;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:900;box-shadow:0 12px 20px rgba(29,70,65,.11)}.orbit-label.one{right:-8px;top:14%;transform:rotate(5deg)}.orbit-label.two{bottom:8%;left:-4%;transform:rotate(-4deg)}
.stats{margin-top:-39px;position:relative;z-index:2}.stat-card{border-radius:22px;border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);padding:25px 11px}.stat{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:5px;border-right:1px solid var(--border);min-height:68px}.stat:last-child{border-right:0}.stat b{font-size:29px;color:var(--navy);line-height:1}.stat span{font-weight:850;font-size:12px;color:#64787a}
.included-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.included{padding-top:94px}.includes{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.include{background:#fffefa;border:1px solid var(--border);border-radius:21px;padding:24px 20px 25px;box-shadow:0 5px 13px rgba(19,55,53,.025)}.include .icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:28px;margin-bottom:18px}.include:nth-child(1) .icon{background:#e4f2ed}.include:nth-child(2) .icon{background:#e9e6f6}.include:nth-child(3) .icon{background:#fff0d6}.include:nth-child(4) .icon{background:#e1eff7}.include h3{font-size:18px}.include p{color:var(--muted);font-size:14px;margin:0}
.curriculum{padding-top:55px}.curric-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.hint{font-size:12px;font-weight:850;color:var(--green);background:#e6f3e7;border-radius:40px;padding:10px 16px;white-space:nowrap}.units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.unit{position:relative;overflow:hidden;border-radius:24px;min-height:238px;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.unit.nature{background:#e1f1e2}.unit.farm{background:#fff0d8}.unit:after{content:'';width:205px;height:205px;border-radius:100%;background:rgba(255,255,255,.25);position:absolute;right:-59px;bottom:-90px}.unit>*{position:relative;z-index:1}.unit-label{color:#496c66;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.unit h3{font-size:30px;max-width:310px;margin:8px 0 10px}.unit p{font-size:14px;margin:0;color:#4d6665;max-width:345px}.unit-art{font-size:46px;position:absolute;right:24px;bottom:20px;z-index:2}.sample{background:#fffefa;border:1px solid var(--border);border-radius:24px;padding:31px;margin-top:20px;box-shadow:0 6px 20px rgba(15,56,61,.025)}.sample-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.sample h3{font-size:29px;margin:5px 0 9px}.sample p{max-width:620px;margin:0;color:var(--muted);font-size:15px}.day-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.day-pills button{border:1px solid #e0eae0;background:#f2f7ed;border-radius:40px;padding:10px 15px;color:#3b6953;font-weight:850;font-size:13px;min-height:42px}.day-pills button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.day-detail{display:flex;align-items:center;gap:17px;justify-content:space-between;border-radius:17px;background:#f3f7f1;padding:19px 23px;margin-top:19px}.day-detail b{color:var(--navy);font-size:17px}.day-detail p{margin:4px 0 0;font-size:13px}.pill-detail{color:#3f6c54;background:#e3f0e2;border-radius:30px;padding:9px 15px;font-size:12px;font-weight:900;white-space:nowrap}
.how{background:#eaf4eb}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 22px}.step{background:#fffefa;border:1px solid #dfe9df;border-radius:22px;padding:26px;min-height:212px}.step .number{background:#dceee0;color:var(--green);font-size:15px;font-weight:950;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;margin-bottom:17px}.step p{color:var(--muted);font-size:14px;margin:0}.bands{display:flex;flex-wrap:wrap;gap:10px}.bands span{font-size:12px;font-weight:900;color:#3a7259;background:white;border:1px solid #d9e9db;border-radius:30px;padding:10px 15px}
.lab-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:53px;align-items:center}.lab .intro{margin-bottom:27px}.music-card{background:#fff;border:1px solid #e5e9e2;border-radius:24px;padding:23px;box-shadow:0 20px 35px rgba(20,56,53,.07)}.music-card .music-heading{text-align:center;margin:4px 0 19px}.music-card .music-heading small{font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:10px;color:var(--green)}.music-card .music-heading h3{font-size:25px;margin:4px 0}.bug-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.bug{border-radius:15px;min-height:94px;display:grid;align-content:center;justify-items:center;gap:3px}.bug b{font-size:13px}.bug span{font-size:29px}.bug.ladybug{background:#ffe3e2}.bug.bee{background:#fff0bf}.bug.cricket{background:#e5f4d4}.bug.beetle{background:#dceafc}.bug.butterfly{background:#eee1fa}.bug.ant{background:#d6f3ee}.music-card .card-action{border:none;background:transparent;color:var(--green);font-size:14px;font-weight:950;width:100%;padding:18px 10px 5px;min-height:52px}.music-card .card-action:hover{text-decoration:underline}.side-note{font-size:12px;color:#698078;margin-top:12px}
.about{padding-top:28px;padding-bottom:77px}.about-panel{background:var(--navy);color:#f8fff7;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;border-radius:25px;padding:35px 40px}.about-panel h2{color:white;font-size:clamp(27px,3vw,37px);max-width:640px;margin:5px 0 12px}.about-panel p{color:#dbe7ea;max-width:680px;font-size:14px;margin:0}.about-panel .eyebrow{color:#a6e2c1}.about-panel .eyebrow:before{background:#a6e2c1}
footer{background:#f2f2eb;border-top:1px solid var(--border);padding:28px 0}.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.foot-inner img{display:block;width:175px;height:auto}.foot-inner p{font-size:12px;color:#587074;margin:0}.foot-links{display:flex;gap:20px;flex-wrap:wrap}.foot-links a{font-size:12px;font-weight:900;color:var(--navy)}
.sounds-view{position:fixed;inset:0;z-index:100;background:#fff9f1;overflow-y:auto;display:none}.sounds-view.active{display:block}.sounds-head{position:sticky;top:0;background:rgba(255,251,244,.97);z-index:10;border-bottom:1px solid var(--border);padding:10px 21px;display:flex;align-items:center;justify-content:space-between;gap:15px}.sounds-head small{display:block;font-size:12px;color:#60777b}.sounds-head b{font-size:17px;color:var(--navy)}.sounds-head .btn{padding:10px 15px;min-height:42px}.sounds-frame{width:100%;display:block;border:0;height:1540px;background:#fff9f1}.sounds-constrain{max-width:1020px;margin:auto}.sound-notice{text-align:center;color:#54706a;font-size:12px;padding:16px}
@media(max-width:1000px){.nav{gap:16px}.hero-main{gap:25px}.includes{grid-template-columns:repeat(2,1fr)}.lab-inner{gap:24px}}
@media(max-width:750px){.head-inner{min-height:76px}.menu-button{display:flex;margin-left:auto}.nav{position:absolute;left:0;right:0;top:100%;background:#fffefa;border-bottom:1px solid var(--border);display:none;flex-direction:column;align-items:stretch;margin:0;padding:12px 21px 20px;box-shadow:0 15px 22px rgba(0,38,60,.07);gap:0}.nav.open{display:flex}.nav a{padding:12px 4px;font-size:15px;min-height:44px}.head-cta{display:none}.hero{padding:45px 0 82px}.hero-main{grid-template-columns:1fr;gap:24px}.hero-art{width:min(94%,410px)}.lead{font-size:16px}.promise-row{margin-top:19px}.section{padding:61px 0}.included{padding-top:76px}.stat-card{grid-template-columns:repeat(2,1fr);row-gap:14px}.stat:nth-child(2){border:0}.stat:nth-child(-n+2){padding-bottom:13px;border-bottom:1px solid var(--border)}.stat:nth-child(n+3){padding-top:13px}.stat b{font-size:25px}.stat span{font-size:11px}.units{grid-template-columns:1fr}.unit{min-height:197px}.included-head,.curric-heading,.sample-top{align-items:start;flex-direction:column}.hint{white-space:normal}.steps{grid-template-columns:1fr}.step{min-height:unset}.lab-inner{grid-template-columns:1fr}.lab .section-title{max-width:none}.about-panel{grid-template-columns:1fr;padding:29px 25px}.foot-inner{align-items:start;flex-direction:column}.sample h3{font-size:26px}}
@media(max-width:450px){.wrap{width:min(100% - 32px,1160px)}.head-inner{width:calc(100% - 30px)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.included{padding-top:68px}.includes{gap:9px}.include{padding:17px 13px;border-radius:16px}.include .icon{width:45px;height:45px;font-size:24px;margin-bottom:13px}.include h3{font-size:15px}.include p{font-size:12px;line-height:1.6}.sample{padding:21px}.day-pills button{padding:9px 12px;font-size:12px}.day-detail{align-items:start;flex-direction:column;padding:17px}.bug{min-height:84px}.bug span{font-size:25px}.music-card{padding:15px}.sounds-head{padding:9px 12px}.sounds-head b{font-size:14px}.sounds-head small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Subtle brand accents: original navy/green foundation, gentle gold and purple details. */
.hero{background:radial-gradient(circle at 94% 16%,rgba(116,83,167,.095),transparent 38%),linear-gradient(118deg,#fffdf6 0%,#f3f8ee 62%,#eaf4ec 100%)}
.hero .eyebrow:before{background:#e7ad38}
.orbit-label.one{background:#fffaf0;border-color:#f6e7c7}
.orbit-label.two{background:#faf7ff;border-color:#e6dcf2;color:#604489}
.stat:nth-child(2) b{color:#694992}
.stat:nth-child(3) b{color:var(--green)}
.included .eyebrow,.sample .eyebrow,.lab .eyebrow{color:#694992}
.included .eyebrow:before,.sample .eyebrow:before,.lab .eyebrow:before{background:#8c6cb4}
.include:nth-child(2){border-color:#e8e0f1}
.include:nth-child(3){border-color:#f0e5cf}
.step:nth-child(2) .number{background:#fff0d4;color:#79551b}
.step:nth-child(3) .number{background:#eee6f6;color:#68468b}
.bands span:nth-child(3){border-color:#e8dff2;background:#fbf8ff;color:#68468b}
.music-card{border-color:#e6dded}
.about-panel .eyebrow{color:#f7d787}
.about-panel .eyebrow:before{background:#f7d787}

/* Nunito refinement: ONE consistent rounded type family for the entire site.
   Approved original logo and all website colors, layouts, imagery, and links are retained. */
body,button,input,select,textarea{font-family:'Nunito','Trebuchet MS',ui-rounded,system-ui,sans-serif;font-weight:500;}
h1,h2,h3,h4,.stat b,.day-detail b{font-family:'Nunito','Trebuchet MS',ui-rounded,system-ui,sans-serif;color:var(--navy);}

h2{font-weight:750;letter-spacing:-.015em;line-height:1.19;}
h3,h4{font-weight:750;letter-spacing:-.01em;}
.lead{font-weight:500;letter-spacing:.002em;}
.nav a,.btn,.day-pills button{font-weight:750;letter-spacing:0;}
.eyebrow{font-weight:800;letter-spacing:.10em;font-size:12px;}
.include p,.step p,.unit p,.intro,.small-copy{font-weight:500;}
/* Keep the already approved headings readable and easygoing on small phones. */
@media(max-width:750px){h2{letter-spacing:-.018em;line-height:1.18}.eyebrow{font-size:11px;letter-spacing:.09em}}
@media(max-width:450px){}

/* Brand-cohesion refinement — keep original logo, layout, hierarchy and interactions. */
:root{
  --green:#1e9a4e;          /* GROW in official logo */
  --green-bright:#1e9a4e;
  --green-ink:#166f3b;      /* accessible small-text shade */
  --forest-accent:#226b4d;  /* deeper companion shade, not a replacement logo color */
  --learn-blue:#159ce1;
  --explore-purple:#8953bf;
}
body,button,input,select,textarea,
h1,h2,h3,h4,.stat b,.day-detail b{
  font-family:'Nunito',ui-rounded,'Trebuchet MS',system-ui,sans-serif;
}
h1,h2,h3,h4{letter-spacing:normal;font-weight:800}

h2{font-weight:800;letter-spacing:0}
h3,h4{font-weight:800;letter-spacing:0}

/* Larger wordmark stays the visual anchor */

/* Primary actions reflect wordmark navy. Other greens remain accents. */
.btn-green{background:var(--navy);color:white}
.btn-green:hover{background:#174677}
.eyebrow,.hint,.music-card .music-heading small,.unit-label{color:var(--green-ink)}
.eyebrow:before{background:var(--green)}
.highlight{color:var(--green)}
.stat:nth-child(3) b{color:var(--green-ink)}
.nav a:hover,.music-card .card-action:hover{color:var(--green-ink)}
.music-card .card-action{color:var(--green-ink)}
.promise-row span:before{color:var(--green-ink)}
/* LEARN / GROW / EXPLORE: subtle trio through the three step indicators and grade bands. */
.step:nth-child(1) .number{background:#e5f3fc;color:#1075a9}
.step:nth-child(2) .number{background:#e6f5e9;color:var(--green-ink)}
.step:nth-child(3) .number{background:#efe7f8;color:#7043a3}
.bands span:nth-child(1){background:#f4fbff;color:#176895;border-color:#d3eafa}
.bands span:nth-child(2){background:#f2fbf3;color:var(--green-ink);border-color:#d4ecd7}
.bands span:nth-child(3){background:#faf5ff;color:#7043a3;border-color:#e6d9f4}
/* Preserve soft, quiet backgrounds. */
@media(max-width:1000px){}
@media(max-width:750px){}
@media(max-width:450px){}

/* Header and hero hierarchy: adjustments only, per latest design review. */
@media (min-width:1001px){
  .head-inner{min-height:104px}
  .brand img{width:236px}
  .nav,.head-cta{transform:translateY(-5px)}
  .hero{padding-top:76px}
  .hero h1{font-size:52px;font-weight:800;line-height:1.1;letter-spacing:-.01em;margin-bottom:20px}
  .hero .eyebrow{margin-bottom:16px}
  .hero .lead{margin-bottom:28px}
}
@media (min-width:751px) and (max-width:1000px){
  .head-inner{min-height:99px}
  .brand img{width:212px}
  .nav,.head-cta{transform:translateY(-5px)}
  .hero{padding-top:61px}
  .hero h1{font-size:48px;font-weight:800;line-height:1.1;letter-spacing:-.01em;margin-bottom:20px}
  .hero .eyebrow{margin-bottom:16px}
  .hero .lead{margin-bottom:28px}
}
@media (max-width:750px){
  .head-inner{min-height:86px}
  .brand img{width:200px}
  .menu-button{transform:translateY(-5px)}
  .hero{padding-top:32px}
  .hero h1{font-size:38px;font-weight:800;line-height:1.12;letter-spacing:-.01em;margin-bottom:20px}
  .hero .eyebrow{margin-bottom:16px}
  .hero .lead{margin-bottom:28px}
}

.wk-lesson-entry{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin-top:16px}
.wk-week-entry{font-size:14px;font-weight:850;text-decoration:underline;text-underline-offset:4px;color:var(--navy);padding:13px 3px}
.wk-week-entry:focus-visible{outline:3px solid #2d7bab;outline-offset:4px}

/* Curriculum styles are scoped; homepage design remains unchanged. */
.wk-curriculum{--navy:#00275c;--navy2:#14395e;--green:#1e9a4e;--greenDeep:#226b4d;--purple:#8254b6;--blue:#159ccc;--gold:#f8bd45;--cream:#fbf9f3;--paper:#fffefa;--ink:#243f57;--muted:#5f7180;--line:#e2e8e1;--shadow:0 15px 36px rgba(6,40,72,.055)}
.wk-curriculum *{box-sizing:border-box}
.wk-curriculum{scroll-behavior:auto}
.wk-curriculum{margin:0;color:var(--ink);background:var(--cream);font:500 16px/1.65 "Nunito",ui-rounded,"Trebuchet MS",sans-serif}
.wk-curriculum a{color:inherit}
.wk-curriculum button{font:inherit;cursor:pointer}
.wk-curriculum button:focus-visible,.wk-curriculum a:focus-visible{outline:3px solid #3389d8;outline-offset:4px}
.wk-curriculum .wrap{max-width:1130px;margin:0 auto;padding:0 24px}
.wk-curriculum h1,.wk-curriculum h2,.wk-curriculum h3{color:var(--navy);font-weight:800;line-height:1.16}
.wk-curriculum h1{font-size:clamp(36px,5vw,55px);letter-spacing:-.015em;margin:14px 0 15px}
.wk-curriculum h2{font-size:clamp(25px,3vw,35px);margin:0 0 13px}
.wk-curriculum h3{font-size:20px;margin:0 0 8px}
.wk-curriculum .eyebrow{color:var(--greenDeep);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.17em}
.wk-curriculum .muted{color:var(--muted)}
.wk-curriculum .pill{display:inline-flex;align-items:center;border-radius:50px;padding:5px 12px;background:#ecf4ed;color:#225c42;font-size:12px;font-weight:900}
.wk-curriculum .pill.blue{background:#e8f5fb;color:#126b98}
.wk-curriculum .pill.purple{background:#f3ecfb;color:#6d4094}
.wk-curriculum .pill.gold{background:#fff3d3;color:#7b5e18}
.wk-curriculum .weekhero{background:linear-gradient(125deg,#fffdf6 0%,#f1f8ec 60%,#f3f1fa 100%);border-bottom:1px solid var(--line);overflow:hidden}
.wk-curriculum .hero-row{padding-top:52px;padding-bottom:51px;display:grid;grid-template-columns:1.55fr .45fr;align-items:center;gap:30px}
.wk-curriculum .hero-row p{max-width:680px;font-size:17px;margin:0 0 22px;color:#496276}
.wk-curriculum .hero-scene{background:#fffaf0;border:1px solid #e9ebdf;width:220px;aspect-ratio:1/1;border-radius:50%;display:grid;place-content:center;position:relative;box-shadow:var(--shadow);font-size:63px;text-align:center}
.wk-curriculum .hero-scene small{font-size:33px}
.wk-curriculum .hero-scene:before{content:"✦";position:absolute;right:16px;top:13px;color:#eeb53d;font-size:32px}
.wk-curriculum .hero-scene:after{content:"✦";position:absolute;left:-10px;bottom:12px;color:#a98bca;font-size:22px}
.wk-curriculum .meta{display:flex;gap:9px;flex-wrap:wrap}
.wk-curriculum .breadcrumb{font-size:12px;color:#607b85;font-weight:800}
.wk-curriculum .breadcrumb b{color:var(--navy)}
.wk-curriculum .main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:start;padding-top:35px;padding-bottom:90px}
.wk-curriculum .card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow)}
.wk-curriculum .block{margin-bottom:25px}
.wk-curriculum .introline{font-size:16px;color:#566d77;max-width:690px;margin:0 0 23px}
.wk-curriculum .sectionhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.wk-curriculum .sectionhead h2{margin:0}
.wk-curriculum .sectionhead .mini{font-size:13px;color:var(--muted)}
.wk-curriculum .day-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.wk-curriculum .day-card{display:flex;gap:13px;align-items:center;text-decoration:none;background:white;padding:16px;border:1px solid #dce5db;border-radius:17px;min-height:100px;transition:transform .12s,border-color .12s}
.wk-curriculum .day-card:hover{transform:translateY(-2px);border-color:#84b69b}
.wk-curriculum .day-card:focus-visible{outline-offset:2px}
.wk-curriculum .day-card .em{font-size:33px;flex:0 0 44px;text-align:center}
.wk-curriculum .day-card strong{display:block;font-size:17px;color:var(--navy);font-weight:900;line-height:1.25}
.wk-curriculum .day-card .small{font-size:12px;color:#637984;display:block;margin-top:2px}
.wk-curriculum .day-card .subjects{font-size:12px;color:#2d6a53;margin-top:6px;font-weight:900;display:block}
.wk-curriculum .day-card:last-child{grid-column:span 2}
.wk-curriculum .summarylist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wk-curriculum .info-mini{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:17px}
.wk-curriculum .info-mini .icon{font-size:22px}
.wk-curriculum .info-mini b{display:block;color:var(--navy);font-size:13px;margin-top:7px}
.wk-curriculum .info-mini p{font-size:13px;color:var(--muted);margin:3px 0 0}
.wk-curriculum .materials{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 24px;padding:0;list-style:none;margin:0}
.wk-curriculum .materials li{display:flex;gap:10px;font-size:14px;line-height:1.4;padding:7px 0}
.wk-curriculum .materials li::before{content:"○";color:var(--greenDeep);font-weight:900}
.wk-curriculum .note{border-left:3px solid var(--gold);background:#fffaf0;color:#526477;padding:14px 16px;border-radius:0 12px 12px 0;font-size:13px;line-height:1.6}
.wk-curriculum .asidebox{position:sticky;top:118px;min-width:0;max-width:100%;overflow:hidden}
.wk-curriculum .main>div{min-width:0}
.wk-curriculum .aside-title{font-weight:900;color:var(--navy);margin:0 0 12px}
.wk-curriculum .aside-nav{display:grid;gap:3px}
.wk-curriculum .aside-nav a,.wk-curriculum .aside-nav button{display:flex;align-items:center;gap:10px;text-align:left;text-decoration:none;border:0;border-radius:12px;padding:11px 12px;background:transparent;color:#38546a;font-weight:800;font-size:13px;min-height:44px}
.wk-curriculum .aside-nav a:hover,.wk-curriculum .aside-nav button:hover,.wk-curriculum .aside-nav .active{background:#eff5ed;color:var(--navy)}
.wk-curriculum .aside-foot{border-top:1px solid var(--line);margin-top:15px;padding-top:15px;font-size:12px;color:var(--muted);line-height:1.5}
.wk-curriculum .dayhero{background:linear-gradient(120deg,#fffcf4,#edf5ed);border-bottom:1px solid var(--line)}
.wk-curriculum .dayhero .wrap{padding-top:38px;padding-bottom:37px}
.wk-curriculum .dayhero h1{margin:8px 0 9px}
.wk-curriculum .dayintro{color:#4c6570;font-size:16px;max-width:710px;margin:0 0 19px}
.wk-curriculum .day-switch{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}
.wk-curriculum .day-switch a{min-width:74px;text-align:center;padding:9px 14px;text-decoration:none;background:white;border-radius:12px;border:1px solid #d9e3dc;font-weight:900;color:var(--navy);font-size:13px}
.wk-curriculum .day-switch a[aria-current="page"]{color:#fff;background:var(--navy);border-color:var(--navy)}
.wk-curriculum .lesson-section{margin-bottom:20px}
.wk-curriculum .lesson-header{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.wk-curriculum .round-icon{background:#eff5ec;border-radius:13px;font-size:24px;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0}
.wk-curriculum .lesson-header h2{font-size:23px;margin:0}
.wk-curriculum .lesson-header p{font-size:12px;color:var(--muted);margin:0}
.wk-curriculum .lessontext{font-size:15px;margin:0 0 12px;color:#465f6a}
.wk-curriculum .levels{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.wk-curriculum .level{font-size:12px;font-weight:800;border-radius:20px;background:#eef5f1;color:#466b58;padding:7px 11px}
.wk-curriculum .activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.wk-curriculum .activity-card{border-radius:17px;padding:21px;background:#f8faf5;border:1px solid #e2e9e3}
.wk-curriculum .activity-card h3{font-size:19px}
.wk-curriculum .activity-card p{font-size:14px;color:#526b74;margin:0 0 10px}
.wk-curriculum .activity-card .subj{font-size:11px;font-weight:900;letter-spacing:.07em;color:#386f58;text-transform:uppercase}
.wk-curriculum .coming{font-size:13px;color:#677781;padding:17px;background:#f7f5f1;border:1px dashed #becbc3;border-radius:12px}
.wk-curriculum .material-list{padding-left:19px;color:#4f6570;font-size:14px}
.wk-curriculum .material-list li{margin:6px 0}
.wk-curriculum .btn{display:inline-flex;text-decoration:none;background:var(--navy);color:white;border:none;padding:12px 20px;border-radius:50px;font-size:13px;font-weight:900;min-height:44px;align-items:center;justify-content:center;gap:7px}
.wk-curriculum .btn.secondary{color:var(--navy);background:white;border:1px solid #cbd8d6}
.wk-curriculum .callout{padding:18px;border-radius:16px;background:#f0f5ee;color:#46635b;font-size:14px}
.wk-curriculum .callout strong{color:var(--navy)}
.wk-curriculum [hidden]{display:none!important}
@media  (max-width:850px){.wk-curriculum .main{grid-template-columns:minmax(0,1fr)}
.wk-curriculum .asidebox{position:static;order:-1}
.wk-curriculum .asidebox .aside-nav{display:flex;overflow-x:auto;min-width:0;max-width:100%;padding-bottom:4px}
.wk-curriculum .asidebox .aside-nav a{flex-shrink:0}
.wk-curriculum .aside-foot{display:none}
.wk-curriculum .hero-row{grid-template-columns:1fr auto}
.wk-curriculum .hero-scene{width:170px;font-size:47px}
.wk-curriculum .hero-scene small{font-size:25px}}
@media (max-width:650px){.wk-curriculum .wrap{padding-left:18px;padding-right:18px}
.wk-curriculum .hero-row{display:block;padding-top:28px;padding-bottom:30px}
.wk-curriculum .hero-scene{display:none}
.wk-curriculum h1{font-size:36px}
.wk-curriculum .hero-row p{font-size:15px}
.wk-curriculum .main{padding-top:18px;padding-bottom:50px;gap:15px}
.wk-curriculum .card{padding:19px;border-radius:18px}
.wk-curriculum .day-grid{grid-template-columns:1fr}
.wk-curriculum .day-card:last-child{grid-column:auto}
.wk-curriculum .summarylist{grid-template-columns:1fr}
.wk-curriculum .materials{grid-template-columns:1fr}
.wk-curriculum .activity-grid{grid-template-columns:1fr}
.wk-curriculum .day-switch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.wk-curriculum .day-switch a{padding:9px 4px;min-width:0}
.wk-curriculum .dayhero .wrap{padding-top:26px;padding-bottom:27px}
.wk-curriculum .lesson-header h2{font-size:21px}
.wk-curriculum .eyebrow{font-size:10px}
.wk-curriculum .breadcrumb{font-size:11px}}
@media  print{.wk-curriculum .asidebox,.wk-curriculum .day-switch,.wk-curriculum .btn{display:none!important}
.wk-curriculum .main{display:block}
.wk-curriculum .wrap{max-width:none;padding:0}
.wk-curriculum .card{box-shadow:none;break-inside:avoid}
.wk-curriculum .dayhero,.wk-curriculum .weekhero{background:white!important}
.wk-curriculum .main{padding:12px 0}
.wk-curriculum .lesson-section{break-inside:avoid}
.wk-curriculum{background:#fff}}
/* Safe routing and precise corrections from visual review. */
[hidden]{display:none!important}
.wk-curriculum{min-width:0;overflow:clip}
.wk-curriculum .wrap{width:auto;max-width:1130px;margin:0 auto;padding-left:24px;padding-right:24px}
.wk-curriculum .wk-play-bugbeat{margin-top:9px;font-size:13px}
.wk-curriculum .wk-play-bugbeat[hidden]{display:none!important}
.wk-curriculum .wk-portfolio-inline{margin:0 0 21px;padding:10px 4px;color:#61747f;font-size:13px;line-height:1.55}
.wk-curriculum .wk-portfolio-inline strong{color:#25465f}
footer .brand img{width:175px!important;max-width:175px!important;height:auto}
.wk-mobile-return{display:none}
@media(max-width:750px){
 .unit{padding-bottom:88px}
 .unit p{position:relative;z-index:3;max-width:100%}
 .unit-art{bottom:10px;right:18px;font-size:35px;pointer-events:none}
 .wk-curriculum .asidebox{display:none}
 .wk-curriculum .wrap{padding-left:18px;padding-right:18px}
 body.wk-day-open #wk-mobile-return{display:none;position:relative;margin:-1px 16px 10px auto;padding:8px 14px;width:max-content;max-width:calc(100% - 32px);border-radius:99px;border:1px solid #cbd8d6;font-size:13px;font-weight:800;color:#00275c;background:#fffefa;text-decoration:none;min-height:36px}
}
@media(max-width:450px){
 .unit-art{font-size:31px;bottom:12px}
}

/* Separate page navigation and the new curriculum index. The approved homepage and week cards are unchanged. */
body{min-width:0} .head-inner .nav a[aria-current=page]{color:#1e9a4e}
.catalog-hero{background:linear-gradient(115deg,#fffdf6 0%,#f0f7ec 95%);padding:65px 0 68px;border-bottom:1px solid var(--border)}
.catalog-hero h1{font-size:clamp(37px,4.3vw,56px);line-height:1.13;font-weight:800;letter-spacing:-.01em;margin:0 0 19px;max-width:800px}
.catalog-hero .intro{font-size:17px;line-height:1.7;max-width:680px}
.catalog-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}
.catalog-meta span{font-size:12px;font-weight:800;color:#426255;background:#fff;border:1px solid #d9e5d7;border-radius:99px;padding:8px 13px}
.catalog-body{padding:55px 0 85px}.catalog-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--green);margin:0 0 11px}
.catalog-body h2{font-size:clamp(29px,3.2vw,42px)}.catalog-lead{color:var(--muted);font-size:15px;margin:0 0 28px;max-width:690px}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-top:27px}
.catalog-unit{border:1px solid var(--border);border-radius:24px;background:var(--white);box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden}
.catalog-unit.primary{background:linear-gradient(120deg,#f2f8ec 0%,#fffefa 100%);border-color:#cfe4cb}
.catalog-unit .topline{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-bottom:17px;color:#53715d;font-size:12px;font-weight:850}
.catalog-unit h3{font-size:25px;letter-spacing:-.025em}.catalog-unit p{font-size:14px;color:#5b6f76;line-height:1.65;max-width:410px;margin:0 0 19px}
.catalog-unit .week-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.week-tags span{background:#fff;border:1px solid #e2e9df;border-radius:999px;padding:7px 10px;color:#445f69;font-size:11px;font-weight:800}
.catalog-unit .big-emoji{font-size:40px;line-height:1}.catalog-unit .btn{min-width:165px}
.catalog-soon{display:flex;gap:16px;align-items:center;margin-top:22px;padding:21px 24px;border-radius:19px;border:1px dashed #d7e1d8;background:#fffdf8}.catalog-soon b{color:var(--navy)}.catalog-soon p{font-size:13px;color:#637580;margin:3px 0 0}
.catalog-back{display:inline-flex;gap:7px;align-items:center;color:#537068;font-size:13px;font-weight:900;margin-bottom:23px}.catalog-back:hover{color:var(--navy)}
.week-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:27px}.week-tile{border-radius:19px;border:1px solid #d9e6d7;background:white;padding:23px;min-height:170px;display:flex;flex-direction:column;gap:9px;align-items:flex-start}.week-tile h3{font-size:20px;margin:0}.week-tile p{font-size:13px;line-height:1.6;color:var(--muted);margin:0;flex:1}.week-tile .btn{padding:10px 17px;min-height:40px;font-size:12px}.week-tile.soon{background:#f9faf6}.week-tile .mini-status{font-size:11px;color:#688275;font-weight:850}
.week-catalog .week-tile:first-child{background:linear-gradient(130deg,#eff6e8,#fffefa);border-color:#cde2c9}
.catalog-note{font-size:13px;color:#6b7b79;margin-top:18px}
@media(max-width:720px){.catalog-hero{padding:34px 0 40px}.catalog-hero h1{font-size:37px}.catalog-body{padding:37px 0 70px}.catalog-grid,.week-catalog{grid-template-columns:1fr}.catalog-unit{padding:22px}.catalog-soon{padding:17px}.catalog-hero .intro{font-size:15px}}
/* Keep the same header on all pages. */
body.week-site #wk-mobile-return{display:none!important}

/* Self-contained Android preview: separate visual screens, real hash address history. */
.preview-screen[hidden]{display:none!important}
.preview-screen{min-width:0}
body:not(.wk-day-open) #wk-mobile-return{display:none!important}

/* Wonder Kid family pilot — Kids' Corner and the original tracker are separate screens. */
.nav .mobile-dashboard{display:none!important}
@media(max-width:750px){.nav.open .mobile-dashboard{display:flex!important;align-items:center;justify-content:center;text-align:center;min-height:46px;width:max-content;max-width:100%;border-radius:100px;padding:11px 20px;background:#00275c;color:white!important;font-size:13px;font-weight:900;margin-top:7px}}
body.kids-route .site-head .nav,body.kids-route .site-head .menu-button,body.kids-route .site-head .head-cta,body.kids-route footer,body.kids-route .wk-mobile-return{display:none!important}
body.kids-route .site-head{border-bottom:1px solid #e6e4f0}
body.kids-route .site-head .brand{cursor:default}
body.kids-route .site-head .head-inner{justify-content:flex-start}
.kids-screen{font-family:Nunito,'Trebuchet MS',ui-rounded,system-ui,sans-serif;color:var(--navy);background:#fffef8;min-height:100vh}
.kids-screen .kids-sky{background:radial-gradient(ellipse at 93% 20%,#e5dcff 0,transparent 30%),radial-gradient(ellipse at 5% 90%,#e2f4d9 0,transparent 38%),linear-gradient(110deg,#fefbf4,#eef9ff);overflow:hidden}
.kids-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:72px;padding-bottom:74px}
.kids-hero>div:first-child{min-width:0;flex:1}
.kids-kicker{font-size:13px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#2687ba;margin:0 0 17px}
.kids-hero h1{font-size:clamp(46px,6vw,76px);font-weight:900;line-height:1;letter-spacing:-.045em;margin:0 0 20px}
.kids-hero h1 span{color:#1e9a4e}.kids-hero p:not(.kids-kicker){font-size:19px;color:#54717e;line-height:1.6;max-width:555px;margin:0}
.kids-flourish{margin-top:24px;font-size:26px;letter-spacing:11px}
.kids-hero-doodle{display:flex;position:relative;align-items:center;justify-content:center;width:320px;height:220px;background:#fff;box-shadow:0 15px 36px #183e3912;border:2px solid #e4e3ef;border-radius:40% 55% 35% 50%;transform:rotate(-4deg);flex:0 0 auto}
.kids-hero-doodle span{font-size:84px;filter:drop-shadow(0 8px 0 #f8edc9)}.kids-hero-doodle span:nth-child(2){font-size:63px;transform:translate(5px,-55px) rotate(13deg)}.kids-hero-doodle span:nth-child(3){font-size:68px;transform:translate(-4px,40px) rotate(9deg)}
.kids-gallery{padding-top:58px;padding-bottom:48px}.kids-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:22px;flex-wrap:wrap}
.kids-gallery h2{font-size:35px;margin:0;letter-spacing:-.035em}.kids-game-count{font-size:12px;font-weight:900;color:#516d7a}
.kids-tiles{display:grid;grid-template-columns:1.4fr 0.8fr;gap:22px}.kids-tile{border-radius:30px;min-width:0;overflow:hidden;text-decoration:none;position:relative}
.kids-bug{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(125deg,#e7f1ff,#f4eaff);border:2px solid #d5d7f3;box-shadow:0 14px 35px #4861a314;transition:transform .15s}
.kids-bug:hover{transform:translateY(-3px)}.kids-big-pic{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;gap:6px;padding:32px 16px;background:linear-gradient(135deg,#f6e8ff,#e0f8ed)}.kids-big-pic span{font-size:45px;filter:drop-shadow(0 4px 0 #fff9)}
.kids-tile-copy{padding:34px 22px 34px 7px;align-self:center}.kids-category{font-weight:900;color:#7046a0;font-size:12px}.kids-tile h3{font-size:31px;line-height:1.05;letter-spacing:-.03em;margin:13px 0}.kids-tile p{font-size:14px;line-height:1.6;color:#526c78;margin:0 0 18px}.kids-play-pill{display:inline-flex;min-height:44px;align-items:center;gap:9px;padding:10px 16px;border-radius:100px;background:#00275c;color:#fff;font-weight:900;font-size:13px}
.kids-soon{padding:38px 25px;background:linear-gradient(130deg,#f9f0d7,#fff8ee);border:2px dashed #e7d6a6;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.kids-soon-stars{font-size:36px}.kids-soon h3{font-size:25px}.kids-soon span{font-size:13px;font-weight:900;color:#7b5b32}
.kids-beta-note{font-size:12px;color:#72828c;max-width:700px;margin:26px 0 0;line-height:1.6}
.kids-bottom{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:25px max(18px,calc((100vw - 1120px)/2));border-top:1px solid #e8e7e0;color:#59747b;font-size:12px;font-weight:800}
.kids-exit{border-radius:100px;border:1px solid #bdcbd3;padding:11px 18px;min-height:45px;background:white;color:var(--navy);font-weight:900;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}
.kids-exit.holding{background:#eff5ed;box-shadow:inset 0 0 0 2px #1e9a4e}
.kids-exit-status{min-width:100px;font-size:12px;color:#39745c}
.dashboard-main{background:var(--cream);min-height:100vh;padding-bottom:75px}.dashboard-heading{padding-top:45px;padding-bottom:19px}.dashboard-heading h1{font-size:clamp(36px,4vw,49px);letter-spacing:-.035em;line-height:1.1;margin:0 0 13px}.dashboard-heading p:not(.eyebrow){color:#55707a;max-width:630px;font-size:15px;line-height:1.7}
.dash-shortcuts{display:flex;flex-wrap:wrap;gap:11px;margin-top:18px}.tracker-shell{max-width:1130px}.tracker-host-status{font-size:13px;color:#537267;padding:10px 3px}.tracker-shell iframe{max-width:100%;width:100%;display:block}
.dashboard-portfolio-quiet{padding:18px 20px;border:1px solid #e0e7df;background:#fffefa;border-radius:17px;font-size:13px;color:#5c7078;line-height:1.6}.dashboard-portfolio-quiet strong{color:#00275c}.dashboard-privacy-note{font-size:12px;color:#62747e;line-height:1.7;padding:0 5px;margin-top:14px}
.wk-day-check{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0 4px}.wk-day-check small{font-size:12px;color:#657780;max-width:290px}
@media(max-width:900px){.kids-tiles{grid-template-columns:1fr}.kids-hero-doodle{width:220px;height:190px}.kids-hero-doodle span{font-size:65px}.kids-hero-doodle span:nth-child(2),.kids-hero-doodle span:nth-child(3){font-size:48px}}
@media(max-width:600px){.kids-hero{padding-top:34px;padding-bottom:39px}.kids-hero h1{font-size:48px}.kids-hero p:not(.kids-kicker){font-size:16px}.kids-hero-doodle{display:none}.kids-flourish{font-size:20px;letter-spacing:4px}.kids-gallery{padding-top:30px;padding-bottom:28px}.kids-gallery h2{font-size:29px}.kids-bug{grid-template-columns:1fr}.kids-big-pic{padding:18px;min-height:115px}.kids-big-pic span{font-size:38px}.kids-tile-copy{padding:22px}.kids-soon{padding:24px}.kids-tile h3{font-size:27px}.kids-bottom{align-items:stretch;flex-direction:column}.dashboard-heading{padding-top:29px}.dashboard-heading h1{font-size:35px}.dashboard-heading p:not(.eyebrow){font-size:14px}.dash-shortcuts .btn{font-size:12px}}

/* Phase 2: Learning Portfolio, sharing the existing verified tracker document. */
.wk-dash-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px;border-bottom:1px solid #dce5df;padding-bottom:14px}
.wk-dash-tab{min-height:45px;border:1px solid #d1ded6;border-radius:99px;padding:10px 18px;color:var(--navy);background:white;font-size:14px;font-weight:900}
.wk-dash-tab[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:white}
.wk-portfolio-panel{background:transparent;margin:0 0 16px}
.wk-portfolio-hero{background:linear-gradient(105deg,#f0f6e9,#f9f3ff);border:1px solid #dfe6dd;border-radius:23px;padding:24px 26px;margin-bottom:21px}
.wk-portfolio-hero h2{font-size:clamp(25px,4vw,34px);margin:0 0 5px}
.wk-portfolio-hero p{font-size:14px;color:#49646f;margin:0;max-width:760px}
.wk-portfolio-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:19px;align-items:start}
.wk-portfolio-card{background:#fffefa;border:1px solid #dde7dd;border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.wk-portfolio-card h3{font-size:21px;margin:0 0 6px}
.wk-portfolio-note{font-size:12px;color:#5b717a;line-height:1.55;margin:0 0 20px}
.wk-portfolio-form{display:grid;gap:13px}
.wk-field{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:13px;color:var(--navy)}
.wk-field select,.wk-field input,.wk-field textarea{width:100%;border:1px solid #c9d9d0;background:#fff;border-radius:11px;padding:12px;color:#233e4e;font:inherit;font-size:14px;min-height:45px}
.wk-field textarea{min-height:119px;resize:vertical;line-height:1.5}
.wk-field input:focus,.wk-field select:focus,.wk-field textarea:focus{outline:3px solid #bfded5;border-color:#20694e}
.wk-portfolio-form .btn{justify-self:start}
.wk-portfolio-entries{display:grid;gap:11px;margin-top:14px}
.wk-portfolio-entry{border:1px solid #e0e8e1;border-radius:15px;background:white;padding:16px 18px}
.wk-portfolio-entry-head{display:flex;align-items:start;gap:10px;justify-content:space-between}
.wk-portfolio-entry h4{font-size:17px;margin:0 0 5px}
.wk-portfolio-entry p{font-size:14px;color:#435c69;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;line-height:1.65}
.wk-portfolio-meta{display:flex;gap:6px 12px;flex-wrap:wrap;font-size:12px;color:#5d6d7c}
.wk-portfolio-delete{border:1px solid #e4d6d6;background:#fffafb;color:#8c3d4e;border-radius:10px;padding:8px 10px;min-height:38px;white-space:nowrap;font-size:12px;font-weight:800}
.wk-portfolio-empty{border:1px dashed #bbcfc4;border-radius:15px;padding:21px 16px;background:#f8fbf6;color:#55716a;font-size:14px;margin-top:14px}
.wk-portfolio-status{font-size:13px;color:var(--green);font-weight:850;min-height:21px}
.wk-portfolio-filter{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:15px}
.wk-portfolio-filter label{font-size:12px;color:#526c6a;font-weight:850}
.wk-portfolio-filter select{border-radius:12px;border:1px solid #d0ded2;background:white;min-height:39px;padding:7px 11px;color:var(--navy);font:inherit;font-size:13px;max-width:100%}
.wk-portfolio-foot{font-size:12px;color:#5d6d76;line-height:1.7;margin:14px 0 0}
@media(max-width:820px){.wk-portfolio-layout{grid-template-columns:1fr}}
@media(max-width:550px){.wk-portfolio-card{padding:19px}.wk-portfolio-hero{padding:21px}.wk-dash-tabs{gap:7px}.wk-dash-tab{padding:10px 14px;font-size:13px}}


/* Phase 3: optional lesson-linked documentation, individual art photos and one group photo. */
.wk-curriculum .wk-document-activity{display:inline-flex;margin-top:12px;align-items:center;justify-content:center;min-height:40px;border-radius:11px;padding:10px 13px;background:#ecf6ef;border:1px solid #b9d8ca;color:#226b4d;cursor:pointer;font:inherit;font-size:13px;font-weight:850;text-align:center}
.wk-curriculum .wk-document-activity:hover{background:#dff0e3}
.wk-curriculum .wk-document-inline{padding:0;background:none;border:0;cursor:pointer;color:#226b4d;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:850}
.wk-portfolio-lesson-context{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f1f5fe;border:1px solid #d4dcf7;border-radius:13px;padding:12px 14px;color:#00275c}
.wk-portfolio-lesson-context[hidden],.wk-portfolio-photo-preview[hidden]{display:none!important}
.wk-portfolio-lesson-context p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#52677c}
.wk-lesson-clear{background:white;color:#226b4d;border:1px solid #cadbd4;border-radius:10px;padding:8px 10px;font:inherit;font-weight:850;font-size:12px;cursor:pointer}
.wk-portfolio-photo-card{background:#f6faf5;border:1px solid #d5e6da;border-radius:14px;padding:14px;display:grid;gap:10px}
 .wk-portfolio-photo-options{border:1px solid #d5e6da;border-radius:10px;display:grid;gap:9px;padding:10px 12px 12px;min-width:0} .wk-portfolio-photo-options legend{padding:0 5px;font-size:13px;font-weight:800;color:#233e4e} .wk-portfolio-photo-options label{display:flex;gap:9px;align-items:center;font-size:13px;line-height:1.5;cursor:pointer;color:#233e4e;font-weight:700} .wk-portfolio-photo-options input{width:17px;height:17px;accent-color:#226b4d;flex:0 0 auto}
.wk-portfolio-photo-preview{display:grid;grid-template-columns:minmax(0,130px) auto;gap:12px;align-items:center}
.wk-portfolio-photo-preview img{width:130px;height:100px;object-fit:cover;border-radius:11px}
.wk-portfolio-photo-preview .wk-lesson-clear{justify-self:start}
.wk-photo-help{margin:0!important}
.wk-portfolio-evidence{margin:12px 0 0;max-width:450px}
.wk-portfolio-evidence img{width:100%;max-height:340px;object-fit:contain;display:block;background:#edf3f0;border-radius:12px}
.wk-portfolio-evidence figcaption{font-size:12px;color:#5b717a;margin-top:5px}
.wk-portfolio-meta .wk-entry-lesson-link{font-weight:850;color:#226b4d;text-decoration:underline}
@media(max-width:620px){.wk-portfolio-lesson-context{flex-direction:column;align-items:flex-start}.wk-portfolio-photo-preview{grid-template-columns:90px auto}.wk-portfolio-photo-preview img{width:90px;height:84px}}

/* Phase 4: one accessible, phone-width dashboard navigation row. */
.wk-dash-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;flex-wrap:nowrap;margin-bottom:16px}
.wk-dash-tab{min-width:0;min-height:44px;padding:8px 3px;font-size:clamp(11px,2.9vw,14px);border-radius:12px;text-align:center;white-space:nowrap}
.dashboard-heading{padding-bottom:13px}.dashboard-heading h1{margin-bottom:3px}.dashboard-heading p:not(.eyebrow){margin:0}
.wk-backups-meter{background:#fff;border:1px solid #d8e5de;border-radius:15px;padding:15px 18px;margin:18px 0}
.wk-backups-meter[hidden]{display:none!important}.wk-backups-meter h3{font-size:17px;margin:0 0 5px}.wk-backups-meter p{font-size:13px;margin:4px 0 8px}
.wk-meter-track{background:#e6ece7;border-radius:10px;height:9px;overflow:hidden}.wk-meter-bar{height:100%;background:#2d956f;width:0}.wk-storage-alert{font-weight:800;color:#a64830}
.wk-photo-warn{font-size:12px;color:#8c4d2c}
.wk-portfolio-lesson-context .wk-field{margin-top:8px;max-width:380px}
@media(max-width:540px){.dashboard-heading{padding-top:13px}.dashboard-heading h1{font-size:29px}.dashboard-heading p:not(.eyebrow){font-size:12px}.tracker-shell{margin-top:6px}.wk-portfolio-hero{padding:16px}.wk-dash-tabs{gap:4px}}

/* Phase 5: child profiles, clear photo preview and saved-photo gallery. */
.wk-children-panel{margin:0 0 18px}.wk-children-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.wk-children-head h2{margin:0 0 4px;font-size:clamp(24px,4vw,32px)}.wk-children-head p{margin:0;color:#5d7179;font-size:13px}
.wk-children-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:13px;margin-bottom:18px}
.wk-child-tile{font:inherit;background:#fffefa;border:1.5px solid #d7e5db;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:21px 13px;color:var(--navy);text-align:center;cursor:pointer;min-height:198px;box-shadow:0 5px 15px #00275c0b}
.wk-child-tile:hover,.wk-child-tile:focus-visible{border-color:#286b51;background:#f8fcf7;outline-offset:3px}
.wk-child-tile strong{font-size:19px}.wk-child-tile small{color:#566b79}.wk-child-open{font-weight:850;color:#226b4d;font-size:12px;text-decoration:underline;text-underline-offset:3px;margin-top:4px}
.wk-child-avatar{display:grid;place-items:center;border:3px solid #fff;border-radius:50%;width:74px;height:74px;font-size:29px;font-weight:900;overflow:hidden;background:var(--wk-color,#daecdd);color:#00275c;box-shadow:0 0 0 2px #c7ddd0}
.wk-child-avatar img{width:100%;height:100%;object-fit:cover}.wk-child-avatar-large{width:95px;height:95px;font-size:33px;flex:none}
.wk-child-profile{background:#fffefa;border:1px solid #d9e5db;border-radius:23px;padding:clamp(17px,3vw,27px);box-shadow:var(--shadow)}
.wk-profile-top{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:12px 0 22px}.wk-profile-top h2{font-size:clamp(25px,4vw,34px);margin:0 0 3px}.wk-profile-top p{color:#60737b;margin:0;font-size:13px}
.wk-profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0 20px}.wk-profile-stat{background:#eff7ec;border-radius:14px;padding:13px 15px}.wk-profile-stat b{display:block;font-size:25px;color:#265a40}.wk-profile-stat span{font-size:12px;color:#516a63}
.wk-profile-portfolio{margin-top:20px}.wk-profile-portfolio h3{font-size:20px;margin:0 0 7px}.wk-profile-actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}
.wk-profile-back{background:transparent;border:0;text-decoration:underline;color:#226b4d;padding:10px 0;font:inherit;font-weight:850;cursor:pointer}
.wk-child-manage{border:1px solid #dce7dd;border-radius:16px;background:#f8fbf6;padding:15px 17px;margin-top:14px}
.wk-child-manage-intro{margin:0;font-size:13px;color:#596c72}
.wk-photo-loaded{outline:2px solid #d1e9cf}.wk-portfolio-evidence .wk-photo-pending{font-size:12px;color:#526c6a}
.wk-photo-saved-note{font-weight:900;color:#226b4d}
.wk-photo-profile-link a{color:#226b4d;font-weight:850;text-decoration:underline}.wk-portfolio-entry.wk-just-saved{border-color:#57a375;box-shadow:0 0 0 3px #d9eeda}
.wk-child-profile .wk-photo-profile-link{display:none}.wk-portfolio-evidence img{min-height:100px}.wk-child-profile .wk-portfolio-entry{margin-bottom:12px}
@media(max-width:500px){.wk-children-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wk-child-tile{padding:15px 6px;min-height:174px}.wk-child-avatar{width:62px;height:62px}.wk-child-tile strong{font-size:16px}.wk-children-head .btn{font-size:12px;padding:10px 13px}.wk-profile-top{gap:13px}.wk-child-avatar-large{width:80px;height:80px}}

/* Music views (P1) — reuse the portfolio and Kids' Corner look */
.wk-portfolio-music{margin-top:19px}
.wk-music-player{display:block;width:100%;max-width:420px;margin:12px 0 0}
.wk-music-actions{margin:12px 0 0!important}
.wk-music-manage{margin-top:12px;font-size:13px}
.wk-music-manage summary{cursor:pointer;font-weight:800;color:#226b4d;min-height:32px}
.wk-music-manage form{display:grid;gap:10px;margin-top:8px}
.wk-music-children{border:1px solid #dde7dd;border-radius:12px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:6px 16px}
.wk-music-children legend{font-weight:800;padding:0 4px}
.kids-music{padding-bottom:48px}
.kids-music-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.kids-music-item{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(125deg,#e7f1ff,#f4eaff);border:2px solid #d5d7f3;border-radius:24px;padding:18px}
.kids-music-emoji{font-size:40px;line-height:1}
.kids-music-copy{min-width:0;flex:1}
.kids-music-copy h3{font-size:21px;margin:0 0 4px;overflow-wrap:anywhere}
.kids-music-copy p{font-size:13px;color:#526c78;margin:0 0 10px}
.kids-music-copy .wk-music-player{margin:0 0 6px}
.kids-music-copy .kids-play-pill{border:0;cursor:pointer;font-family:inherit}