@font-face{font-family:"JoyToy Kids";src:url("../../assets/PFKidsAge10.ttf") format("truetype");font-display:swap;font-weight:500}
:root{--ink:#201812;--paper:#fffdf4;--cream:#fff5c8;--yellow:#ffd400;--red:#ef3340;--green:#00a651;--blue:#1456d9;--sky:#dff2ff;--line:#d9d1bd;--muted:#746b61;--soft:#f3efe5;--shadow:6px 6px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:"Trebuchet MS",Arial,sans-serif;font-size:16px;line-height:1.5}button,a{font:inherit;color:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.portal-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}
.portal-sidebar{height:100vh;position:sticky;top:0;padding:1.15rem;display:flex;flex-direction:column;color:#fff;background:var(--ink);border-right:2px solid var(--ink)}.brand-lockup{height:72px;display:grid;grid-template-columns:1fr auto 52px;gap:.55rem;align-items:center}.brand-lockup img{width:104px}.brand-lockup>span{color:var(--yellow);font-size:1.35rem;font-weight:900}.school-mark{width:52px;height:52px;display:grid;place-items:center;border:2px solid #fff;border-radius:13px;color:var(--ink);background:#fff;font-size:.72rem;font-weight:950}.school-copy{padding:1rem 0;border-block:1px solid #514943}.school-copy small,.school-copy strong{display:block}.school-copy small{color:var(--yellow);font-size:.58rem;font-weight:950;letter-spacing:.12em}.school-copy strong{margin-top:.18rem;font-size:.92rem}.portal-nav{padding:1rem 0;display:grid;gap:.35rem}.portal-nav a{padding:.7rem .72rem;display:flex;align-items:center;gap:.72rem;border-radius:11px;color:#d9d4d0;text-decoration:none;font-size:.82rem;font-weight:900}.portal-nav a:hover,.portal-nav a.active{color:var(--ink);background:var(--yellow)}.portal-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-mini{margin-top:auto;padding-top:1rem;display:flex;gap:.65rem;align-items:center;border-top:1px solid #514943}.profile-mini>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--blue);font-size:.68rem;font-weight:950}.profile-mini strong,.profile-mini small{display:block}.profile-mini strong{font-size:.74rem}.profile-mini small{color:#aaa;font-size:.62rem}
.portal-main{min-width:0}.portal-topbar{height:72px;padding:0 clamp(1rem,3vw,2.2rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);background:#fff}.portal-topbar>div:first-of-type span,.portal-topbar>div:first-of-type strong{display:block}.portal-topbar span{font-size:.58rem;font-weight:950;letter-spacing:.14em}.portal-topbar strong{font-size:.94rem}.topbar-actions{display:flex;align-items:center;gap:.75rem}.topbar-actions a{padding:.55rem .8rem;border:2px solid var(--ink);border-radius:999px;text-decoration:none;font-size:.7rem;font-weight:950}.icon-button,.menu-toggle{border:0;background:transparent;cursor:pointer}.icon-button{width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;font-size:1.4rem}.menu-toggle{display:none;font-size:1.4rem}
.library-shell{min-height:calc(100vh - 72px);display:grid;grid-template-columns:230px minmax(0,1fr);background:var(--paper)}.grade-rail{padding:1.4rem 1.05rem 2rem;border-right:2px solid var(--ink);background:var(--soft)}.rail-heading{margin-bottom:1.2rem}.rail-heading span{display:block;color:var(--blue);font-size:.6rem;font-weight:950;letter-spacing:.14em}.rail-heading strong{display:block;margin-top:.2rem;font-family:"JoyToy Kids","Trebuchet MS",sans-serif;font-size:2rem;line-height:.94;font-weight:500}.grade-rail section+section{margin-top:1.05rem;padding-top:1rem;border-top:1px solid #cfc7b7}.grade-rail h2{margin:0 0 .55rem;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.42rem}.grade-grid.three{grid-template-columns:repeat(3,1fr)}.grade-choice{min-width:0;padding:0;border:0;background:transparent;cursor:pointer}.grade-choice .grade-icon{min-height:48px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:12px;background:#fff;font-size:.74rem;font-weight:950;transition:transform .16s,box-shadow .16s,background .16s}.grade-choice:hover .grade-icon{transform:translateY(-2px);box-shadow:3px 3px 0 var(--ink)}.grade-choice.active .grade-icon{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.grade-choice.wide{width:100%;display:grid;grid-template-columns:54px 1fr;gap:.65rem;align-items:center;text-align:left}.grade-choice.wide .grade-icon{min-height:48px}.grade-choice.wide b{font-size:.84rem}.rail-note{margin:1.2rem 0 0;padding:.75rem;border:1px dashed var(--muted);border-radius:10px;color:var(--muted);font-size:.64rem;font-weight:800}
.library-content{width:100%;min-width:0;padding:clamp(1.3rem,3vw,3rem);overflow:hidden}.content-breadcrumb{margin-bottom:1rem;display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.7rem;font-weight:900}.content-breadcrumb button{padding:0;border:0;background:transparent;font-weight:950;text-decoration:underline;cursor:pointer}.content-breadcrumb b{color:var(--ink)}.library-hero{min-height:190px;padding:clamp(1.4rem,3vw,2.6rem);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;border:3px solid var(--ink);border-radius:26px;background:var(--yellow);box-shadow:var(--shadow)}.library-hero:after{content:"";width:290px;height:290px;position:absolute;right:-70px;top:-120px;border:44px solid rgba(255,255,255,.36);border-radius:50%}.library-hero-copy{min-width:0;position:relative;z-index:1;overflow-wrap:anywhere}.eyebrow{margin:0;color:var(--blue);font-size:.64rem;font-weight:950;letter-spacing:.14em}.library-hero h1{margin:.25rem 0 .5rem;font-family:"JoyToy Kids","Trebuchet MS",sans-serif;font-size:clamp(2.7rem,5vw,5rem);line-height:.88;font-weight:500;letter-spacing:-.03em}.library-hero p{max-width:720px;margin:0;font-size:.94rem}.hero-stat{min-width:138px;position:relative;z-index:1;padding:1rem;border:2px solid var(--ink);border-radius:18px;background:#fff;text-align:center}.hero-stat strong,.hero-stat span{display:block}.hero-stat strong{font-size:2.5rem;line-height:1}.hero-stat span{margin-top:.35rem;font-size:.64rem;font-weight:950;text-transform:uppercase}.content-intro{min-width:0;margin:2rem 0 1rem;display:flex;align-items:end;justify-content:space-between;gap:1rem}.content-intro h2{margin:.15rem 0;font-family:"JoyToy Kids","Trebuchet MS",sans-serif;font-size:2.25rem;line-height:1;font-weight:500}.content-intro p{max-width:650px;margin:.4rem 0 0;color:var(--muted);font-size:.84rem}.content-intro>span{padding:.55rem .8rem;border:2px solid var(--ink);border-radius:999px;background:#fff;font-size:.64rem;font-weight:950;white-space:nowrap}
.library-filters{margin:-18px 1.35rem 0;padding:1rem;position:relative;z-index:12;display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,2fr) auto;gap:1rem;align-items:center;border:3px solid var(--ink);border-radius:20px;background:#fff;box-shadow:6px 6px 0 var(--ink)}.filter-panel-title{min-width:0;display:flex;align-items:center;gap:.7rem}.filter-panel-title>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:2px solid var(--ink);border-radius:12px;background:var(--yellow)}.filter-panel-title svg{width:21px;height:21px;fill:none;stroke:var(--ink);stroke-width:1.8}.filter-panel-title small,.filter-panel-title strong{display:block}.filter-panel-title small{color:var(--blue);font-size:.55rem;font-weight:950;letter-spacing:.11em}.filter-panel-title strong{font-size:.76rem;line-height:1.2}.filter-controls{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.without-months .filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-control{min-width:0;position:relative}.filter-control summary{min-height:64px;padding:.6rem .75rem;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:.6rem;align-content:center;border:2px solid var(--ink);border-radius:14px;background:var(--soft);cursor:pointer;list-style:none}.filter-control summary::-webkit-details-marker{display:none}.filter-control summary span{color:var(--blue);font-size:.53rem;font-weight:950;letter-spacing:.1em}.filter-control summary strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.filter-control summary b{grid-column:2;grid-row:1/3;align-self:center;font-size:1.1rem;transition:transform .18s}.filter-control[open] summary{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.filter-control[open] summary b{transform:rotate(180deg)}.filter-menu{width:330px;max-height:360px;padding:.55rem;position:absolute;z-index:30;left:0;top:calc(100% + .6rem);display:grid;grid-template-columns:1fr 1fr;gap:.4rem;overflow:auto;border:2px solid var(--ink);border-radius:16px;background:#fff;box-shadow:7px 7px 0 var(--ink)}.filter-control:last-child .filter-menu{left:auto;right:0;grid-template-columns:1fr;width:230px}.month-filter .filter-menu{width:min(600px,70vw);grid-template-columns:repeat(4,minmax(0,1fr))}.filter-option{min-height:58px;padding:.48rem;display:flex;align-items:center;gap:.55rem;border:1.5px solid var(--ink);border-radius:11px;background:#fff;cursor:pointer;text-align:left}.filter-option:hover,.filter-option.selected{background:var(--yellow)}.filter-option.selected{box-shadow:2px 2px 0 var(--ink)}.filter-option>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1.5px solid var(--ink);border-radius:9px;background:var(--sky);font-size:.53rem;font-weight:950}.filter-option>span svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.filter-option b{font-size:.68rem;line-height:1.15}.filter-all{grid-column:1/-1}.filter-all>span{background:var(--ink);color:#fff}.clear-filters{padding:.55rem .7rem;border:0;background:transparent;color:var(--muted);font-size:.62rem;font-weight:950;text-decoration:underline;cursor:pointer}.clear-filters:disabled{opacity:.35;cursor:not-allowed}.filter-empty{grid-column:1/-1;min-height:250px;padding:2rem;display:grid;place-items:center;align-content:center;border:2px dashed var(--muted);border-radius:20px;background:#fff;text-align:center}.filter-empty>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);font-size:1.5rem;font-weight:950}.filter-empty h3{margin:.8rem 0 .2rem}.filter-empty p{margin:0;color:var(--muted);font-size:.8rem}.filter-empty button{margin-top:1rem;padding:.65rem 1rem;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);font-weight:950;cursor:pointer}
.month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.month-card{min-height:210px;padding:1rem;position:relative;display:flex;flex-direction:column;align-items:flex-start;border:2px solid var(--ink);border-radius:19px;background:#fff;box-shadow:4px 4px 0 rgba(32,24,18,.18);cursor:pointer;text-align:left;transition:transform .17s,box-shadow .17s}.month-card:hover{transform:translateY(-4px);box-shadow:7px 7px 0 var(--ink)}.month-card:nth-child(4n+1){--accent:#e9f4ff}.month-card:nth-child(4n+2){--accent:#fff0f1}.month-card:nth-child(4n+3){--accent:#e3f7e8}.month-card:nth-child(4n){--accent:#fff4bf}.month-icon{width:66px;height:66px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:17px;background:var(--accent);transform:rotate(-2deg)}.month-icon svg{width:37px;height:37px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.month-card small{margin-top:1.1rem;color:var(--blue);font-size:.58rem;font-weight:950;letter-spacing:.11em}.month-card strong{font-family:"JoyToy Kids","Trebuchet MS",sans-serif;font-size:1.55rem;font-weight:500}.month-card>svg{width:22px;height:22px;position:absolute;right:1rem;bottom:1rem;fill:none;stroke:var(--ink);stroke-width:2;transition:transform .15s}.month-card:hover>svg{transform:translateX(4px)}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.topic-card{min-height:255px;padding:1.15rem;display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:20px;background:#fff;box-shadow:4px 4px 0 rgba(32,24,18,.18)}.topic-card:nth-child(3n+2){background:var(--sky)}.topic-card:nth-child(3n){background:#e5f7ea}.topic-card-top{display:flex;justify-content:space-between;align-items:center}.topic-card-top span{font-size:.6rem;font-weight:950;letter-spacing:.12em}.topic-card-top b{width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:10px;background:var(--yellow);font-size:.68rem}.topic-card-top b svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topic-placeholder{height:82px;margin:1.1rem 0;border:2px dashed #aba293;border-radius:14px;background:rgba(255,255,255,.56)}.topic-card h3{margin:0;font-size:1.05rem}.topic-card p{margin:.35rem 0 1rem;color:var(--muted);font-size:.76rem}.topic-card button{margin-top:auto;padding:.65rem 0;border:0;border-top:2px solid var(--ink);background:transparent;text-align:left;font-size:.7rem;font-weight:950;cursor:pointer}.route-explainer{margin-top:1.2rem;padding:1rem 1.1rem;display:flex;align-items:center;gap:.85rem;border:2px solid var(--ink);border-radius:16px;background:#fff}.route-explainer>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:var(--blue);font-weight:950}.route-explainer strong,.route-explainer small{display:block}.route-explainer strong{font-size:.83rem}.route-explainer small{color:var(--muted);font-size:.72rem}
.month-overview{margin:2rem 0 0;padding:1rem 1.2rem;display:flex;gap:1rem;align-items:center;border:2px solid var(--ink);border-radius:18px;background:#fff}.month-overview>span{width:62px;height:62px;display:grid;place-items:center;flex:0 0 auto;border:2px solid var(--ink);border-radius:16px;background:var(--yellow);transform:rotate(-2deg)}.month-overview svg{width:34px;height:34px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.month-overview small,.month-overview strong{display:block}.month-overview small{color:var(--blue);font-size:.58rem;font-weight:950;letter-spacing:.12em}.month-overview strong{margin-top:.12rem;font-family:"JoyToy Kids","Trebuchet MS",sans-serif;font-size:1.65rem;font-weight:500;line-height:1}.month-overview p{margin:.35rem 0 0;color:var(--muted);font-size:.74rem}
.topic-card.real-topic{min-height:390px;position:relative;overflow:hidden;background:#fff}.topic-card.real-topic:before{content:"";height:8px;position:absolute;inset:0 0 auto;background:var(--topic-accent)}.topic-card.real-topic:nth-child(n){background:#fff}.topic-card.real-topic .topic-card-top{margin-top:.25rem}.topic-card.real-topic .topic-card-top b{background:var(--topic-accent);font-size:1rem}.topic-visual{min-height:94px;margin:1rem 0;padding:.8rem;display:grid;grid-template-columns:64px minmax(0,1fr);gap:.8rem;align-items:center;border:2px solid var(--ink);border-radius:15px;background:color-mix(in srgb,var(--topic-accent) 18%,white)}.topic-month-icon{width:62px;height:62px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:15px;background:#fff;transform:rotate(-2deg)}.topic-month-icon svg{width:34px;height:34px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.topic-visual small,.topic-visual strong{display:block}.topic-visual small{color:var(--blue);font-size:.58rem;font-weight:950}.topic-visual strong{margin-top:.18rem;font-size:.72rem}.topic-card.real-topic h3{font-family:"JoyToy Kids","Trebuchet MS",sans-serif;font-size:1.6rem;line-height:1;font-weight:500}.topic-card.real-topic>p{line-height:1.4}.resource-badges{margin:auto 0 .8rem;display:flex;flex-wrap:wrap;gap:.35rem}.resource-badges span{padding:.25rem .42rem;border:1px solid var(--ink);border-radius:999px;background:var(--soft);font-size:.55rem;font-weight:900}.topic-card.real-topic button:hover{color:var(--blue)}
.topic-card.catalog-topic{min-height:410px;position:relative;overflow:hidden}.catalog-topic:nth-child(4n+1){--catalog-accent:#dfe9ff}.catalog-topic:nth-child(4n+2){--catalog-accent:#fff0ad}.catalog-topic:nth-child(4n+3){--catalog-accent:#dff2e7}.catalog-topic:nth-child(4n){--catalog-accent:#f4dff8}.catalog-visual{background:var(--catalog-accent)}.catalog-letter{width:62px;height:62px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:15px;background:#fff;font-family:"JoyToy Kids","Trebuchet MS",sans-serif;font-size:2.2rem;font-weight:500;transform:rotate(-2deg)}.topic-grade-label{margin:-.3rem 0 .55rem;color:var(--blue);font-size:.57rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.topic-card.catalog-topic h3{font-family:"JoyToy Kids","Trebuchet MS",sans-serif;font-size:1.55rem;line-height:1.05;font-weight:500}.topic-card.catalog-topic>p{line-height:1.42}.topic-card .topic-open-link{margin-top:auto;padding:.65rem 0;border-top:2px solid var(--ink);font-size:.7rem;font-weight:950;text-decoration:none}.topic-card .topic-open-link:hover{color:var(--blue)}
.lesson-detail{display:grid;gap:1.25rem}.lesson-detail-hero{padding:clamp(1.4rem,3vw,2.5rem);display:grid;grid-template-columns:88px minmax(0,1fr) 180px;gap:1.3rem;align-items:center;border:3px solid var(--ink);border-radius:26px;background:color-mix(in srgb,var(--topic-accent) 72%,white);box-shadow:var(--shadow)}.lesson-symbol{width:84px;height:84px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:22px;background:#fff;font-size:2.2rem;font-weight:950;transform:rotate(-3deg)}.lesson-detail-hero h1{margin:.2rem 0 .55rem;font-family:"JoyToy Kids","Trebuchet MS",sans-serif;font-size:clamp(2.5rem,5vw,4.7rem);line-height:.9;font-weight:500}.lesson-detail-hero p{margin:0;max-width:750px}.lesson-detail-hero dl{margin:0;padding:.9rem;border:2px solid var(--ink);border-radius:17px;background:#fff}.lesson-detail-hero dl div+div{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--line)}.lesson-detail-hero dt{color:var(--muted);font-size:.56rem;font-weight:950;text-transform:uppercase}.lesson-detail-hero dd{margin:.12rem 0 0;font-size:.73rem;font-weight:950}.lesson-resource-strip{padding:.7rem;display:flex;flex-wrap:wrap;gap:.45rem;border:2px solid var(--ink);border-radius:15px;background:var(--ink)}.lesson-resource-strip span{padding:.38rem .6rem;border-radius:999px;background:#fff;color:var(--ink);font-size:.62rem;font-weight:950}.lesson-two-column{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.lesson-panel{padding:1.35rem;border:2px solid var(--ink);border-radius:20px;background:#fff}.lesson-panel h2,.mission-story h2,.lesson-flow h2{margin:.15rem 0 .8rem;font-family:"JoyToy Kids","Trebuchet MS",sans-serif;font-size:2rem;line-height:1;font-weight:500}.lesson-panel ul{margin:.8rem 0 0;padding-left:1.2rem}.lesson-panel li+li{margin-top:.6rem}.material-list{display:flex;flex-wrap:wrap;gap:.5rem}.material-list span{padding:.5rem .65rem;border:1.5px solid var(--ink);border-radius:11px;background:var(--soft);font-size:.7rem;font-weight:900}.mission-story{padding:1.5rem;display:grid;grid-template-columns:84px minmax(0,1fr);gap:1.2rem;align-items:center;border:3px solid var(--ink);border-radius:22px;color:#fff;background:var(--blue)}.mission-story .eyebrow{color:var(--yellow)}.mission-story p{margin:0}.z-mark{width:80px;height:80px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;color:var(--ink);background:var(--yellow);font-size:2.8rem;font-weight:950}.lesson-flow{padding:1.35rem;border:2px solid var(--ink);border-radius:20px;background:var(--cream)}.section-heading{margin-bottom:1rem}.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.flow-grid article{min-height:190px;padding:1rem;border:2px solid var(--ink);border-radius:16px;background:#fff}.flow-grid article>span{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:11px;background:var(--topic-accent);font-size:.7rem;font-weight:950}.flow-grid h3{margin:.85rem 0 .35rem;font-size:.92rem}.flow-grid p{margin:0;color:var(--muted);font-size:.74rem}.quiz-panel details{border:1.5px solid var(--ink);border-radius:12px;background:var(--soft)}.quiz-panel details+details{margin-top:.55rem}.quiz-panel summary{padding:.75rem;cursor:pointer;font-size:.76rem;font-weight:950}.quiz-panel details p{margin:0;padding:0 .75rem .75rem;color:var(--blue);font-size:.74rem;font-weight:900}.lesson-panel hr{margin:1.1rem 0;border:0;border-top:2px solid var(--ink)}.lesson-detail-footer{padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:2px solid var(--ink);border-radius:16px;background:#fff}.lesson-detail-footer button{padding:.65rem .9rem;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);font-weight:950;cursor:pointer}.lesson-detail-footer strong,.lesson-detail-footer span{display:block;text-align:right}.lesson-detail-footer strong{font-size:.55rem;text-transform:uppercase}.lesson-detail-footer span{color:var(--blue);font-size:.75rem;font-weight:950}
@media(max-width:1180px){.portal-shell{grid-template-columns:220px minmax(0,1fr)}.library-shell{grid-template-columns:205px minmax(0,1fr)}.month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filters{grid-template-columns:1fr auto}.filter-controls{grid-column:1/-1;grid-row:2}.clear-filters{grid-column:2;grid-row:1}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.portal-shell{display:block}.portal-sidebar{width:248px;position:fixed;left:-260px;z-index:50;transition:left .2s}.sidebar-open .portal-sidebar{left:0}.menu-toggle{display:block}.portal-topbar>div:first-of-type span{display:none}.portal-main,.library-shell{width:100%;max-width:100vw;min-width:0;overflow:hidden}.library-shell{display:block}.grade-rail{width:100%;max-width:100vw;min-width:0;padding:1rem;border-right:0;border-bottom:2px solid var(--ink);overflow-x:auto}.rail-heading,.rail-note{display:none}.grade-rail{display:flex;gap:.7rem;align-items:flex-start}.grade-rail section,.grade-rail section+section{min-width:max-content;margin:0;padding:0;border:0}.grade-rail h2{margin-bottom:.35rem}.grade-grid{display:flex}.grade-choice .grade-icon{width:50px}.grade-choice.wide{display:block}.grade-choice.wide b{display:none}.month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.portal-topbar{height:64px}.topbar-actions a{display:none}.library-content{padding:1rem}.library-hero{min-height:250px;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}.hero-stat{width:max-content;min-width:115px}.library-filters{margin:-12px .3rem 0;padding:.8rem;display:block}.filter-panel-title{margin-bottom:.7rem}.filter-controls,.without-months .filter-controls{display:grid;grid-template-columns:minmax(0,1fr)}.filter-control+.filter-control{margin-top:.5rem}.filter-menu,.filter-control:last-child .filter-menu,.month-filter .filter-menu{width:100%;max-height:none;margin-top:.45rem;position:static;grid-template-columns:1fr 1fr;box-shadow:none}.filter-control:last-child .filter-menu{grid-template-columns:1fr 1fr}.clear-filters{width:100%;margin-top:.6rem}.month-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.month-card{min-width:0;min-height:175px;padding:.8rem}.month-icon{width:54px;height:54px}.month-icon svg{width:31px;height:31px}.month-card strong{max-width:100%;font-size:1.18rem;overflow-wrap:anywhere}.topic-grid{grid-template-columns:minmax(0,1fr);gap:.65rem}.content-intro{align-items:flex-start;flex-direction:column}.content-intro>span{white-space:normal}.route-explainer{align-items:flex-start}.month-overview{align-items:flex-start}.lesson-detail-hero{grid-template-columns:64px minmax(0,1fr)}.lesson-symbol{width:60px;height:60px;font-size:1.6rem}.lesson-detail-hero dl{grid-column:1/-1}.lesson-two-column,.flow-grid{grid-template-columns:minmax(0,1fr)}.mission-story{grid-template-columns:58px minmax(0,1fr)}.z-mark{width:54px;height:54px;font-size:1.8rem}.lesson-detail-footer{align-items:flex-start;flex-direction:column}.lesson-detail-footer strong,.lesson-detail-footer span{text-align:left}}

/* Z Team family brand and printable worksheet entry points */
.resource-badges .print-badge{color:#fff;background:var(--blue);border-color:var(--blue)}
.kindergarten-hero{min-height:330px;grid-template-columns:minmax(330px,.9fr) minmax(320px,1.1fr) auto;overflow:hidden}
.kindergarten-hero:after{content:"";width:360px;height:360px;position:absolute;right:16%;bottom:-190px;border:58px solid rgba(255,255,255,.32);border-radius:50%}
.kindergarten-hero .library-hero-copy{position:relative;z-index:2}
.z-team-lockup{width:min(270px,72%);margin-bottom:1rem;position:relative}.z-team-logo{width:100%;display:block}.joytoy-signature{position:absolute;right:8%;bottom:17%;display:flex;align-items:center;gap:3px;color:#fff}.joytoy-signature small{font-size:6px;font-weight:900;opacity:.8}.joytoy-signature img{width:43px;height:auto;display:block}
.z-team-family{width:100%;max-width:540px;max-height:325px;position:relative;z-index:2;align-self:end;justify-self:center;object-fit:contain;object-position:center bottom}
.kindergarten-hero .hero-stat{position:relative;z-index:3}
.lesson-resource-strip a{margin-left:auto;padding:.38rem .6rem;border-radius:999px;color:#fff;background:var(--blue);font-size:.62rem;font-weight:950;text-decoration:none}
.mission-story{min-height:210px;padding:0 1.5rem 0 0;grid-template-columns:250px minmax(0,1fr);overflow:hidden}
.mission-story>img{width:245px;max-height:205px;align-self:end;object-fit:contain;object-position:center bottom}
.worksheet-callout{padding:1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:3px solid var(--ink);border-radius:20px;background:var(--yellow);box-shadow:5px 6px 0 var(--ink)}
.worksheet-callout>div{display:flex;align-items:center;gap:1rem}.worksheet-callout img{width:118px}.worksheet-callout p{margin:0}
.worksheet-callout span,.worksheet-callout strong,.worksheet-callout small{display:block}.worksheet-callout span{font-size:.56rem;font-weight:950;letter-spacing:.12em}.worksheet-callout strong{font-family:"JoyToy Kids","Trebuchet MS",sans-serif;font-size:1.7rem;font-weight:500;line-height:1}.worksheet-callout small{max-width:620px;margin-top:.25rem;font-size:.68rem}

.public-header,.catalog-public-notice,.public-menu{display:none}
body[data-library-mode="public"] .portal-sidebar,body[data-library-mode="public"] .portal-topbar{display:none}
body[data-library-mode="public"] .portal-shell{display:block}
.public-collection-strip{margin:1.15rem .35rem 1.35rem;padding:.9rem 1rem;display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(5,minmax(105px,.7fr));gap:.65rem;align-items:stretch;border:2px solid var(--ink);border-radius:18px;background:#fff;box-shadow:5px 5px 0 var(--ink)}.public-collection-strip>div{padding:.35rem .45rem}.public-collection-strip>div small,.public-collection-strip>div strong{display:block}.public-collection-strip>div small{color:var(--blue);font-size:.54rem;font-weight:950;letter-spacing:.12em}.public-collection-strip>div strong{margin-top:.2rem;font-size:.82rem}.public-collection-strip>span{min-height:54px;padding:.55rem;display:flex;align-items:center;gap:.45rem;border:1.5px solid var(--ink);border-radius:12px;background:var(--soft);font-size:.62rem;font-weight:950}.public-collection-strip>span b{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--yellow);font-size:.55rem}
body[data-library-mode="public"] .public-header{min-height:78px;padding:.65rem clamp(1rem,4vw,4.5rem);position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto auto auto;gap:1.4rem;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,253,244,.96);backdrop-filter:blur(12px)}
.education-brand{display:flex;align-items:center;gap:.8rem;color:var(--ink);text-decoration:none}.education-brand .joytoy-logo{width:104px;height:auto;object-fit:contain}.education-brand span strong,.education-brand span small{display:block}.education-brand span strong{font-size:1.15rem;letter-spacing:.08em}.education-brand span small{font-size:.58rem;font-weight:900;letter-spacing:.1em}.public-header nav{display:flex;align-items:center;gap:clamp(.7rem,1.2vw,1.35rem)}.public-header nav a{padding-block:.45rem;border-bottom:2px solid transparent;font-size:clamp(.72rem,.78vw,.84rem);font-weight:900;text-decoration:none;white-space:nowrap}.public-header nav a:hover,.public-header nav a.active{border-color:var(--ink)}.header-site{color:var(--blue);font-size:.82rem;font-weight:900;text-decoration:none}.header-login{padding:.7rem 1.1rem;border-radius:999px;color:#fff;background:var(--ink);font-weight:900;text-decoration:none}
body[data-library-mode="public"] .catalog-public-notice{padding:.75rem clamp(1rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:#fff;background:var(--blue)}.catalog-public-notice span,.catalog-public-notice strong,.catalog-public-notice small{display:block}.catalog-public-notice span{color:var(--yellow);font-size:.52rem;font-weight:950;letter-spacing:.13em}.catalog-public-notice strong{margin-top:.15rem;font-size:.9rem}.catalog-public-notice small{margin-top:.15rem;color:rgba(255,255,255,.78);font-size:.67rem}.catalog-public-notice>a{flex:0 0 auto;padding:.65rem .9rem;border:2px solid #fff;border-radius:999px;color:#fff;font-size:.68rem;font-weight:950;text-decoration:none}
.public-menu{position:relative}.public-menu summary{min-height:44px;padding:.55rem .75rem;display:grid;grid-template-columns:18px auto;grid-template-rows:repeat(3,3px);gap:3px .5rem;align-content:center;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);cursor:pointer;list-style:none}.public-menu summary::-webkit-details-marker{display:none}.public-menu summary span{width:18px;height:3px;display:block;border-radius:2px;background:var(--ink)}.public-menu summary b{grid-column:2;grid-row:1/4;align-self:center;font-size:.72rem}.public-menu-panel{width:min(330px,calc(100vw - 1.4rem));padding:.55rem;position:absolute;z-index:90;right:0;top:calc(100% + .65rem);display:grid;gap:.25rem;border:3px solid var(--ink);border-radius:18px;background:#fff;box-shadow:7px 7px 0 var(--ink)}.public-menu-panel a{padding:.8rem .9rem;border-radius:11px;color:var(--ink);font-size:.84rem;font-weight:900;text-decoration:none}.public-menu-panel a:hover,.public-menu-panel a.active{background:var(--yellow)}
body[data-library-mode="public"] .library-shell{min-height:calc(100vh - 165px)}body[data-library-mode="public"] .topic-card button{display:flex;align-items:center;gap:.45rem}body[data-library-mode="public"] .topic-card button:before{content:"🔒";font-size:.72rem}
.library-login-gate{width:min(570px,calc(100vw - 2rem));padding:2rem;border:3px solid var(--ink);border-radius:26px;background:#fffdf4;box-shadow:12px 12px 0 var(--yellow);color:var(--ink);text-align:center}.library-login-gate::backdrop{background:rgba(32,24,18,.72);backdrop-filter:blur(4px)}.login-gate-close{width:40px;height:40px;position:absolute;right:1rem;top:1rem;border:2px solid var(--ink);border-radius:50%;background:#fff;font-size:1.4rem;font-weight:900;cursor:pointer}.login-gate-icon{width:76px;height:76px;margin:0 auto 1rem;display:grid;place-items:center;border:3px solid var(--ink);border-radius:22px;background:var(--yellow);font-size:2rem;transform:rotate(-3deg)}.library-login-gate>p:first-of-type{margin:0;color:var(--blue);font-size:.58rem;font-weight:950;letter-spacing:.14em}.library-login-gate h2{margin:.35rem 0 .7rem;font-family:"JoyToy Kids","Trebuchet MS",sans-serif;font-size:clamp(2.2rem,6vw,3.5rem);line-height:.95;font-weight:500}.login-gate-copy{max-width:440px;margin:0 auto;color:var(--muted);font-size:.86rem;line-height:1.5}.login-gate-actions{margin:1.35rem 0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.login-gate-actions a,.login-gate-actions button{min-height:50px;padding:.7rem 1rem;display:grid;place-items:center;border:2px solid var(--ink);border-radius:999px;font-size:.72rem;font-weight:950;text-decoration:none;cursor:pointer}.login-gate-actions a{color:#fff;background:var(--ink)}.login-gate-actions button{color:var(--ink);background:var(--yellow)}.library-login-gate>small{color:var(--muted);font-size:.62rem}
@media(max-width:1260px) and (min-width:1101px){body[data-library-mode="public"] .public-header{grid-template-columns:minmax(0,1fr) auto auto}.public-header>nav,.public-header>.header-site{display:none}body[data-library-mode="public"] .public-menu{display:block}}
@media(max-width:1100px){body[data-library-mode="public"] .public-header{grid-template-columns:minmax(0,1fr) auto auto;gap:.8rem}.public-header>nav,.public-header>.header-site{display:none}body[data-library-mode="public"] .public-menu{display:block}.education-brand{min-width:0}.education-brand span{min-width:0}.education-brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:1100px){.public-collection-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.public-collection-strip>div{grid-column:1/-1}}
@media(max-width:760px){body[data-library-mode="public"] .public-header{min-height:66px;gap:.45rem;padding:.5rem .7rem}.education-brand .joytoy-logo{width:76px}.education-brand span{display:none}.header-login{padding:.52rem .66rem;font-size:.7rem}}
@media(max-width:650px){.public-menu summary{width:44px;padding:.55rem;grid-template-columns:1fr}.public-menu summary b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.public-menu summary span{grid-column:1}.public-menu-panel{right:-4.8rem}.catalog-public-notice{align-items:flex-start!important;flex-direction:column}.catalog-public-notice>a{width:100%;text-align:center}.login-gate-actions{grid-template-columns:1fr}.library-login-gate{padding:1.4rem}.login-gate-close{right:.65rem;top:.65rem}}
@media(max-width:650px){.public-collection-strip{grid-template-columns:1fr 1fr;margin-left:0;margin-right:0}.public-collection-strip>div{grid-column:1/-1}.public-collection-strip>span:last-child{grid-column:1/-1}}
.worksheet-callout>a{padding:.75rem 1rem;flex:0 0 auto;border:2px solid var(--ink);border-radius:999px;color:#fff;background:var(--blue);font-size:.7rem;font-weight:950;text-decoration:none}
@media(max-width:1180px){.kindergarten-hero{padding-bottom:0;grid-template-columns:minmax(0,1fr)}.kindergarten-hero .hero-stat{position:absolute;right:1.2rem;top:1.2rem}.kindergarten-hero .z-team-family{width:min(440px,92%);max-height:300px}.lesson-detail-hero{grid-template-columns:64px minmax(0,1fr)}.lesson-symbol{width:60px;height:60px;font-size:1.6rem}.lesson-detail-hero dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.lesson-detail-hero dl div+div{margin:0;padding:0 0 0 .6rem;border-top:0;border-left:1px solid var(--line)}.lesson-two-column{grid-template-columns:minmax(0,1fr)}.mission-story{padding:1rem;grid-template-columns:minmax(0,1fr)}.mission-story>img{width:min(360px,100%);max-height:230px;justify-self:center}.worksheet-callout{align-items:flex-start;flex-direction:column}.worksheet-callout>a{align-self:flex-end}}
@media(max-width:560px){.kindergarten-hero{padding-bottom:0;grid-template-columns:minmax(0,1fr)}.kindergarten-hero .hero-stat{right:.8rem;top:.8rem}.kindergarten-hero .z-team-family{width:100%;max-height:245px}.z-team-lockup{width:180px}.mission-story{padding:1rem;grid-template-columns:minmax(0,1fr)}.mission-story>img{width:100%;max-height:190px}.worksheet-callout>div{align-items:flex-start;flex-direction:column}.worksheet-callout>a{width:100%;text-align:center}}