:root{--ink:#24243f;--muted:#66667e;--coral:#ef685b;--mint:#73c8b7;--lav:#aba1ee;--gold:#ffd277;--bg:#fffdf9;--soft:#f5f3fc;--line:#e7e4ed;--container:1160px;--shadow:0 17px 45px rgba(38,31,69,.075)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:16px/1.62 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink)}a{color:inherit}img,svg{max-width:100%}img{height:auto}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.skip-link{position:absolute;z-index:200;transform:translateY(-160%);background:#222;color:white;padding:10px}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid #7869cc;outline-offset:3px}.site-header{position:sticky;top:0;background:rgba(255,253,249,.95);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:30px;min-height:83px}.brand{font-size:1.55rem;font-weight:900;letter-spacing:-1.5px;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:11px}.brand-mark{background:var(--ink);color:white;border-radius:13px;width:37px;height:37px;display:grid;place-items:center;font-size:22px;letter-spacing:-2px;box-shadow:5px 5px 0 var(--gold)}.brand .dot{color:var(--coral)}.nav-links{display:flex;align-items:center;gap:24px;margin-left:auto}.nav-links a{text-decoration:none;font-weight:700;font-size:.93rem}.nav-links a:hover,.text-link:hover{color:#bf4137}.pill-button,.button{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:100px;padding:13px 22px;font-weight:800;line-height:1.3;transition:transform .15s,background .15s}.pill-button:hover,.button:hover{transform:translateY(-2px)}.button-primary,.pill-button{background:var(--coral);color:white}.button-primary:hover,.pill-button:hover{background:#d74c44}.button-outline{border:2px solid var(--ink);background:transparent;color:var(--ink)}.button-quiet{background:#fff;color:var(--ink)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:12px;padding:10px 12px;margin-left:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:900;color:#aa5241}.eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--coral)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(2.45rem,5.6vw,4.75rem)}h2{font-size:clamp(1.7rem,3.4vw,2.75rem)}h3{font-size:1.2rem}p{color:#49495e}.lead{font-size:1.12rem;line-height:1.72;max-width:650px}.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#fff4e9 0%,#fff9e8 52%,#effbf8 100%);padding:55px 0 68px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:30px}.hero h1{margin:20px 0}.highlight{position:relative;z-index:0;white-space:nowrap}.highlight:after{content:'';position:absolute;z-index:-1;bottom:2px;left:0;right:0;height:16px;border-radius:100%;background:#fbd78c;transform:rotate(-2deg)}.hero-art{max-height:480px;width:100%;object-fit:contain}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tiny-chip{border:1px solid #e2dfdf;background:rgba(255,255,255,.72);border-radius:50px;padding:6px 12px;font-size:.8rem;font-weight:700}.section{padding:77px 0}.section-tight{padding:45px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:31px}.section-head p{max-width:590px;margin:8px 0 0}.text-link{font-weight:800;text-underline-offset:4px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.topic-card{position:relative;display:block;text-decoration:none;overflow:hidden;padding:25px;border:1px solid #e9e6ec;border-radius:23px;min-height:190px;transition:transform .2s,box-shadow .2s}.topic-card:hover,.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.topic-card:nth-child(1){background:#ffe8df}.topic-card:nth-child(2){background:#eee9ff}.topic-card:nth-child(3){background:#e0f6ee}.topic-card:nth-child(4){background:#ffefd0}.topic-emoji{display:block;font-size:2.3rem;margin-bottom:18px}.topic-card strong{font-size:1.22rem;display:block}.topic-card small{color:#5f5d70}.topic-card .arrow{position:absolute;right:23px;bottom:20px;font-size:1.5rem}.light-section{background:#f8f7fd}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;transition:transform .2s,box-shadow .2s}.resource-card a{display:block;text-decoration:none}.card-art{display:flex;align-items:center;justify-content:center;height:187px;overflow:hidden}.card-art svg{width:220px;height:181px}.art-drawing{background:#ffede4}.art-animation{background:#edeaff}.art-crafts{background:#dcf5ee}.art-coding{background:#e9f4ff}.art-creative{background:#fff0ce}.card-copy{padding:21px}.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:12px}.meta-pill{display:inline-block;border-radius:40px;padding:3px 10px;background:#f2f0f9;color:#5f567b;font-size:.72rem;font-weight:800}.card-copy h3{margin:0 0 8px;font-size:1.23rem}.card-copy p{font-size:.91rem;line-height:1.6;margin:0 0 17px}.card-link{font-weight:800;font-size:.88rem;color:#c5473e}.featured{background:var(--ink);color:white;border-radius:28px;padding:40px 44px;display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}.featured h2{font-size:clamp(1.8rem,3vw,2.6rem)}.featured p{color:#e8e7f7}.featured .eyebrow{color:#fdd989}.featured-visual{height:260px;display:grid;place-items:center;font-size:7rem;background:radial-gradient(circle,#9285ea,#675ab1);border-radius:26px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-item{border:1px solid var(--line);padding:24px;background:#fff;border-radius:20px}.feature-item .feature-num{background:#ffe4cc;border-radius:14px;width:49px;height:49px;display:grid;place-items:center;font-weight:900;margin-bottom:20px}.parent-band{background:#e8f7f2;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px 42px}.parent-band p{margin-bottom:0}.site-footer{background:#22223e;color:white;padding:52px 0 25px;margin-top:50px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:25px}.site-footer .brand{color:#fff}.site-footer p,.site-footer small{color:#c5c3d9}.site-footer strong{display:block;margin:2px 0 16px}.site-footer a:not(.brand){color:#d7d6e7;display:block;text-decoration:none;margin:9px 0;font-size:.9rem}.site-footer a:hover{color:#fff}.footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid #494865;color:#bdbcd1;font-size:.8rem}.interior-hero{padding:54px 0 45px;background:linear-gradient(100deg,#fff4e6,#f8f5ff)}.interior-hero h1{max-width:800px;margin:16px 0}.interior-hero .lead{margin-bottom:0}.breadcrumb{display:flex;flex-wrap:wrap;gap:7px;font-size:.8rem;color:#64637d;padding-bottom:15px}.breadcrumb a{text-underline-offset:3px}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:23px}.filter-btn{border:1px solid #dbd8e5;border-radius:80px;background:white;padding:10px 15px;font-weight:700;font-size:.85rem;color:#514f6b}.filter-btn[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.search-box{width:100%;max-width:360px;padding:12px 16px;border:1px solid #dcd9e5;border-radius:13px;margin:0 0 25px;color:var(--ink)}.empty-msg{padding:22px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:52px;align-items:start}.article-body{font-size:1.02rem}.article-body h2{font-size:1.75rem;margin:40px 0 15px}.article-body h3{margin:26px 0 12px}.article-body p,.article-body li{line-height:1.82}.article-body ol{padding-left:25px;counter-reset:step}.article-body li{padding-left:5px;margin-bottom:17px}.fact-strip{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0}.fact-strip span{padding:9px 13px;background:#fff;border:1px solid #e4dfec;border-radius:12px;font-size:.85rem;font-weight:700}.answer-panel{background:#f0f8f4;border-left:4px solid #58b7a3;padding:22px 25px;border-radius:0 14px 14px 0}.answer-panel strong{display:block;margin-bottom:4px}.answer-panel p{margin:0}.article-side{position:sticky;top:115px}.aside-box{border:1px solid var(--line);border-radius:19px;background:white;padding:23px;margin-bottom:18px}.aside-box h3{margin:0 0 12px;font-size:1.07rem}.aside-box p{font-size:.88rem}.aside-box .button{width:100%;font-size:.88rem}.aside-box a:not(.button){text-decoration:underline;text-underline-offset:3px}.materials{padding-left:20px}.materials li{margin:8px 0}.callout{border-radius:19px;background:#fff4db;padding:23px 26px;margin:26px 0}.resources-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.link-panel{display:block;text-decoration:none;border:1px solid var(--line);background:white;padding:24px;border-radius:18px}.link-panel:hover{border-color:#b7a9e6}.link-panel h3{margin-bottom:7px}.link-panel p{margin:0;font-size:.92rem}.sitemap-list{columns:2;list-style:none;padding:0}.sitemap-list li{break-inside:avoid;margin:11px 0}.note{padding:22px;border-radius:18px;background:#f4f1fb}.smallprint{font-size:.82rem;color:#706d7d}.printable-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.printable-item{border:1px solid var(--line);border-radius:19px;background:white;padding:25px}.printable-item p{font-size:.9rem}.age-note{font-size:.85rem;color:#767187}.site-credit{font-size:.78rem;color:#b5b2c5}.decor-line{width:50px;height:5px;background:#f9bd5b;border-radius:20px;margin:15px 0}.badge-highlight{color:#e36252}.notice{padding:17px 20px;background:#f6f3ff;border:1px solid #e5dffb;border-radius:15px;font-size:.88rem}@media(max-width:980px){.topic-grid{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-side{position:static}.featured{gap:20px}.nav-links{gap:15px}.header-inner{gap:15px}}@media(max-width:700px){.container{width:min(calc(100% - 30px),var(--container))}.header-inner{min-height:72px}.menu-toggle{display:inline-flex}.nav-links{display:none;position:absolute;left:0;right:0;top:72px;background:var(--bg);padding:18px 20px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:16px}.nav-links.is-open{display:flex}.nav-links .pill-button{align-self:flex-start}.hero{padding:28px 0 42px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:2.75rem}.hero-art{max-height:310px}.section{padding:54px 0}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:8px}.topic-grid{grid-template-columns:repeat(2,1fr);gap:11px}.topic-card{min-height:165px;padding:19px}.topic-card .arrow{right:13px;bottom:10px}.resource-grid,.resources-list,.printable-list{grid-template-columns:1fr}.featured{grid-template-columns:1fr;padding:27px}.featured-visual{height:170px;font-size:5rem}.feature-list{grid-template-columns:1fr}.parent-band{display:block;padding:26px}.parent-band .button{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid > :first-child{grid-column:1/-1}.interior-hero{padding:33px 0}.interior-hero h1{font-size:2.4rem}.sitemap-list{columns:1}}@media(min-width:701px) and (max-width:1120px){.header-inner .pill-button{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.site-header,.site-footer,.article-side,.hero-actions,.parent-band,.filter-bar,.search-box{display:none!important}body{color:#000;background:#fff}.container{width:100%}.article-layout{display:block}.interior-hero{padding:15px 0}}
/* v1.1: Original illustrated lessons. Scoped classes preserve earlier UI. */
.visual-teaching-band{display:grid;grid-template-columns:.77fr 1.23fr;gap:36px;align-items:center;border:1px solid #ece8ed;background:linear-gradient(125deg,#fff8ef,#f0fbf6);padding:34px;border-radius:27px}.visual-feature-copy h2{margin:14px 0}.visual-feature-copy .button{margin:17px 0}.visual-checks{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-weight:750;color:#2e645f;font-size:.9rem}.visual-feature-figure{margin:0;min-width:0}.visual-feature-figure img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #e9e2dc}.visual-feature-figure figcaption,.finished-art figcaption{font-size:.8rem;color:#64637b;margin-top:9px;text-align:center}.card-art img{display:block;width:100%;height:100%;object-fit:contain;max-height:100%;padding:8px}.lesson-overview{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:26px;align-items:center;border:1px solid var(--line);padding:14px;border-radius:20px;background:#fffdfa;margin-top:24px}.finished-art{margin:0}.finished-art img{display:block;width:100%;height:auto}.overview-copy h2{font-size:1.45rem;margin:10px 0!important}.skill-note{font-size:.92rem}.safety-note{padding:15px 17px;background:#f7f6fe;border-radius:12px;border-left:4px solid #9a8ade}.lesson-step-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:35px;scroll-margin-top:100px}.lesson-step-heading h2{margin:5px 0 10px}.lesson-step-heading p{margin:0 0 17px}.lesson-step-heading button{white-space:nowrap;flex-shrink:0}.visual-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0!important;padding:0!important;list-style:none!important;counter-reset:none!important}.visual-step{display:block;list-style:none;margin:0!important;padding:0!important;border:1px solid #e8e4ee;border-radius:18px;overflow:hidden;background:#fff;min-width:0;break-inside:avoid}.step-art{background:#fff8f2;border-bottom:1px solid var(--line);line-height:0}.step-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.step-explainer{padding:14px 16px 17px}.step-number{font-weight:900;font-size:.72rem;letter-spacing:.1em;color:#a44637}.step-explainer p{font-size:.91rem;line-height:1.57;margin:5px 0 0;color:#37374c}.adult-teaching{margin-top:40px}.adult-teaching>p{margin-bottom:15px}.teaching-detail{border:1px solid #dfdbe8;border-radius:14px;margin:9px 0;background:#fff;overflow:hidden}.teaching-detail summary{cursor:pointer;padding:16px 20px;font-weight:800;list-style:none;display:flex;align-items:center;justify-content:space-between}.teaching-detail summary::-webkit-details-marker{display:none}.teaching-detail summary:after{content:'+';font-size:1.45rem;line-height:1;color:#b34a45}.teaching-detail[open] summary:after{content:'−'}.teaching-detail[open] summary{background:#f4f1fc}.teaching-content{padding:0 20px 18px}.teaching-content h3{font-size:1rem;margin:19px 0 6px}.teaching-content p{font-size:.94rem;margin-bottom:10px}.print-control{font-size:.84rem;padding:10px 14px}
@media(max-width:880px){.visual-teaching-band{grid-template-columns:1fr}.lesson-overview{grid-template-columns:minmax(0,225px) minmax(0,1fr)}}
@media(max-width:600px){.visual-teaching-band{padding:17px}.lesson-overview{grid-template-columns:1fr}.finished-art img{max-width:310px;margin:auto}.visual-steps{grid-template-columns:1fr}.lesson-step-heading{display:block}.lesson-step-heading button{margin-top:8px}.visual-feature-copy .button{width:100%}}
@media print{.print-control,.visual-feature-figure,.visual-teaching-band,.resources-list{display:none!important}.lesson-overview{grid-template-columns:180px 1fr}.article-body{font-size:12px}.visual-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.step-explainer{padding:6px 8px}.step-explainer p{font-size:10px;line-height:1.3}.step-art img{height:150px;width:100%;object-fit:contain}.visual-step{break-inside:avoid}.teaching-detail{break-inside:avoid}.teaching-content{display:block!important}}

/* v1.2: Pinterest-informed original project gallery, no third-party image dependencies */
.resource-card .card-art{background:#fff7eb;overflow:hidden}.resource-card .card-art img{width:100%;height:100%;object-fit:cover;padding:0;max-height:none;transition:transform .25s ease}.resource-card:hover .card-art img{transform:scale(1.04)}
.inspiration-section{background:#fff9f1}.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.inspiration-grid a{display:flex;flex-direction:column;gap:5px;padding:11px 11px 16px;background:white;border:1px solid #ede6df;border-radius:20px;text-decoration:none;box-shadow:0 9px 25px #382b2510}.inspiration-grid img{width:100%;height:230px;object-fit:cover;border-radius:13px}.inspiration-grid strong{font-size:1.08rem;line-height:1.3;margin:6px 7px 0}.inspiration-grid small{font-size:.83rem;color:#676179;margin:0 7px}.inspiration-grid a:hover{transform:translateY(-3px)}
.finished-art img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:#fff7eb}
@media(max-width:700px){.inspiration-grid{grid-template-columns:1fr 1fr;gap:12px}.inspiration-grid img{height:170px}}@media(max-width:420px){.inspiration-grid{grid-template-columns:1fr}.inspiration-grid img{height:225px}}
@media(prefers-reduced-motion:reduce){.resource-card:hover .card-art img{transform:none}}

/* v1.2 lesson inspiration boards */
.journey-board{margin:28px 0 24px}.journey-board img{display:block;width:100%;height:auto;border-radius:17px;box-shadow:0 12px 35px #27213a12}.journey-board figcaption{font-size:.82rem;color:#666378;margin:9px 0 0}.journey-board img{background:#fff9ee}@media print{.journey-board{break-inside:avoid;margin:14px 0}.journey-board img{max-height:290px;object-fit:contain}}

/* v1.3 Phase 2: reusable parent/teacher learning pathways */
.learning-journeys{background:#fffaf1}.journey-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.journey-teaser{display:flex;flex-direction:column;background:#fff;border:1px solid #ece4e1;border-radius:21px;overflow:hidden;text-decoration:none;box-shadow:0 9px 28px #322a3810}.journey-teaser img{width:100%;aspect-ratio:4/3;object-fit:cover}.journey-teaser>span{padding:15px 18px 19px;display:flex;flex-direction:column;gap:7px}.journey-teaser strong{font-size:1.13rem;line-height:1.3}.journey-teaser small{color:#746d82}.journey-teaser em{font-style:normal;color:#55506a;font-size:.88rem;line-height:1.5}.session-list{display:flex;flex-direction:column;gap:18px}.session-card{border:1px solid #e9e3ea;background:#fff;border-radius:19px;display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);overflow:hidden}.session-art img{display:block;height:100%;width:100%;min-height:240px;object-fit:cover}.session-copy{padding:19px 23px}.session-copy h3{font-size:1.25rem;margin:8px 0 13px}.session-copy p{font-size:.91rem;line-height:1.6;margin:7px 0}.session-copy .text-link{display:inline-block;margin-top:9px}.age-selector{display:block;max-width:280px;width:100%;border:1px solid #dcd9e5;color:var(--ink);border-radius:12px;padding:12px 15px;background:#fff;margin:6px 0 17px;font:inherit}.session-copy strong{color:#272341}@media(max-width:880px){.journey-card-row{grid-template-columns:repeat(2,1fr)}.session-card{grid-template-columns:160px minmax(0,1fr)}}@media(max-width:600px){.journey-card-row{grid-template-columns:1fr}.session-card{grid-template-columns:1fr}.session-art img{height:210px;min-height:0}.session-copy{padding:17px}.age-selector{max-width:100%}}@media print{.journey-teaser,.session-card{break-inside:avoid}.session-card{grid-template-columns:150px 1fr}.session-art img{min-height:175px}.session-copy{padding:12px}.session-copy p{font-size:11px}}
