/* Card edition: preserve the existing reader and progress behavior. */
.card-open{display:flex;flex-direction:column;flex:1;padding:0;text-align:left;width:100%;min-width:0;border-radius:14px 14px 0 0}.card-open:disabled{cursor:default}.resource-card>.card-footer{width:auto;margin:0 15px;padding:6px 0}.choose-book{font-size:14px;color:#167c77;min-height:42px;padding:7px 0 7px 8px;white-space:nowrap}.start-label{display:block;background:#e6f5ec;color:#147e62;font-size:15px;font-weight:650;line-height:1.6;padding:9px 10px;border-radius:8px;margin:0 0 11px}.start-label.muted{background:#f1f4f2;color:#697c74;font-size:13px;font-weight:400}.resource-card.is-pending:hover{transform:none;box-shadow:none}.resource-card .card-open:hover{filter:none}.resource-card .card-open:focus-visible{outline-offset:-4px}.resource-card .card-body{width:100%}
:root{--ink:#213e42;--muted:#64777a;--green:#167c77;--line:#dde8e7;--paper:#f7faf9}
body{font-size:16px}.preview-banner{font-size:12px;background:#edf4f2;color:#526966}.site-header{height:82px;max-width:1320px;padding:0 32px}.site-header nav{font-size:14px}.brand{font-size:26px}.brand small{font-size:12px;letter-spacing:0}.brand-icon{color:#ffdc89;background:#167c77}.member-note{font-size:13px;color:#287572;background:#ebf7f3;border-color:#d4eae2}.current:after{background:#efbc52}.site-header nav .current{color:var(--green)}main{max-width:1320px}.hero{display:flex;align-items:center;justify-content:space-between;min-height:0;padding:24px 28px;margin:0 0 18px;border:1px solid #dcebe5;border-radius:18px;background:#eef7f1;gap:25px}.hero h1{font-size:28px;line-height:1.5;letter-spacing:0;margin:0 0 6px}.hero .eyebrow{font-size:12px;margin-bottom:7px;letter-spacing:1px;color:#32786b}.hero-desc{font-size:16px;line-height:1.7;margin:0;color:#637e76}.hero-help{border:1px solid #d4e5db;background:#ffffffb5;border-radius:12px;padding:16px 22px;font-size:14px;flex-shrink:0;text-align:left;color:#557266}.hero-help span{display:block;color:#167c77;margin-top:7px;font-weight:600}.resume-strip{padding:11px 18px;margin-bottom:13px}.resume-strip small{font-size:12px}.resume-strip strong{font-size:14px}.resume-strip>button{font-size:14px;min-height:40px}.age-navigation{background:#f7faf9f5;padding:12px 0;border-color:#dce8e6}.age-navigation-inner{gap:22px}.nav-label{font-size:14px}.age-navigation nav{gap:10px}.age-navigation nav a{font-size:15px;min-height:44px;padding:11px 23px;border-color:#dde7e3;border-radius:10px;font-weight:600}.nav-hint{font-size:12px;color:#728480}.content-intro{font-size:13px;color:#617674;padding:18px 0 0;align-items:center}.content-intro>span+span{font-size:12px;color:#6d827a}.age-section{display:block;padding:25px 0 23px;border-bottom:1px solid #dfe9e6;scroll-margin-top:86px;--tone:#eaf3de;--accent:#5b792f}.age-section[data-age="2"]{--tone:#fff1d7;--accent:#97672c}.age-section[data-age="4"]{--tone:#def2ec;--accent:#287c67}.age-section[data-age="6"]{--tone:#e8effd;--accent:#426fac}.age-section[data-age="9"]{--tone:#edeafa;--accent:#73599d}.age-meta{position:relative;margin:0 0 17px;padding-right:240px}.age-heading{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.age-meta h2{font-size:28px;letter-spacing:0;margin:0;line-height:1.4}.age-meta h2 small{font-size:15px;margin-left:6px;color:#506b6a}.age-meta h3{font-size:19px;margin:0;line-height:1.5;font-weight:650}.age-pill{font-size:12px;padding:5px 9px;background:var(--tone);color:var(--accent);border-radius:7px}.age-meta>p{font-size:14px;max-width:none;margin:6px 0 0;line-height:1.65;color:#6a807c}.ease-button{position:absolute;right:0;bottom:2px;margin:0;font-size:14px;min-height:40px;padding:9px 0;color:var(--accent);border-bottom:0}.resource-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible;border:0;border-radius:0;background:none}.resource-card{display:flex;flex-direction:column;padding:0;min-width:0;overflow:hidden;text-align:left;border:1px solid #dce8e3;border-radius:15px;background:#fff;box-shadow:0 3px 8px #163f2e03;transition:transform .18s,border-color .18s,box-shadow .18s;color:var(--ink);font:inherit}.resource-card:hover:not(:disabled){transform:translateY(-3px);border-color:#7eb8aa;box-shadow:0 7px 19px #154b3e12;filter:none}.resource-card.is-recommended{border-color:#c8b270}.card-media{height:118px;display:flex;align-items:center;justify-content:center;position:relative;width:100%;background:var(--tone);border-bottom:1px solid #233c3310;overflow:hidden}.cover-strip{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:13px 13px 9px}.cover-strip img{display:block;width:26%;height:87px;object-fit:contain;background:#ffffffd9;box-shadow:0 3px 5px #20352419;border-radius:3px}.cover-strip img:nth-child(2){height:95px;width:29%}.card-kind{position:absolute;left:10px;top:8px;font-size:12px;padding:3px 7px;background:#ffffffeb;border-radius:5px;color:#3c6460;line-height:1.5}.card-recommend{position:absolute;right:0;top:0;background:#f6cb73;color:#61471c;font-size:12px;font-weight:600;padding:5px 8px;border-radius:0 0 0 9px}.card-symbol{font-size:44px;font-weight:400;color:var(--accent);opacity:.8}.card-body{display:flex;flex-direction:column;flex:1;padding:13px 15px 0;min-width:0}.card-series{color:var(--accent);font-size:12px;line-height:1.65;display:block;overflow-wrap:anywhere;margin-bottom:5px}.card-title{display:block;font-size:16px;line-height:1.6;font-weight:650;margin:0 0 6px}.card-desc{font-size:14px;line-height:1.65;color:#697f79;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:46px;margin-bottom:12px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #edf2ef;margin-top:auto;min-height:45px;width:100%;padding:9px 0}.card-count{font-size:12px;color:#6c827b;line-height:1.6}.card-cta{font-size:14px;white-space:nowrap;font-weight:600;color:#178479}.is-pending{background:#fff;box-shadow:none}.is-pending .card-cta{color:#7b8984;font-weight:400}.is-pending .card-media{opacity:.75}.more-resources{margin-top:9px}.more-resources>summary{font-size:14px;color:#4b766b;text-align:right;padding:8px 0;min-height:38px}.more-resources>summary span{font-size:12px;background:#e9f1ed;padding:2px 6px;border-radius:4px;margin-left:3px}.more-resources>.resource-list{margin-top:6px}.parent-card{margin:25px 0;padding:22px 27px;background:#eaf3ef}.parent-card .eyebrow{font-size:12px}.parent-card h2{font-size:22px}.parent-card p:last-child{font-size:14px;color:#57766c}.parent-card>button{font-size:14px;min-height:44px}footer{font-size:12px;color:#6c827b}.footer-brand{font-size:21px}.dialog-kicker{font-size:12px;color:#177d77}dialog h2{font-size:26px}.dialog-desc{font-size:14px;color:#56756d}.parent-tip{font-size:14px}.dialog-bottom>p{font-size:12px}.dialog-close{color:#295657;background:white;border-radius:50%}.primary{font-size:14px;min-height:44px}.record-row{font-size:14px}.record-row span{font-size:12px}.record-row>button{font-size:14px;min-height:44px}.empty-note{font-size:14px}#collectionDialog{width:min(1120px,95vw);padding:29px 30px;background:#f6fbfa}.book-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.book-card{display:flex;flex-direction:column;border-color:#d6e6e3;padding:10px;border-radius:13px;transition:border-color .18s,transform .18s}.book-card:hover{border-color:#77bcb3;transform:translateY(-2px);filter:none}.book-card img{height:auto;aspect-ratio:1.15;object-fit:contain;background:#eef3ed;border-radius:7px}.book-card strong{font-size:15px;line-height:1.4;margin:9px 0 5px;overflow-wrap:anywhere}.book-card>span{font-size:12px;line-height:1.65;color:#657a75;margin-bottom:2px}.book-card>em{font-size:12px;padding:4px 7px;border-radius:6px;align-self:flex-start;margin-top:8px}.status-done{color:#16846e!important;background:#e3f5ec}.status-reading{color:#ad6824!important;background:#fff0d9}.status-new{color:#4f7970!important;background:#edf4f0}.collection-tip{font-size:14px;color:#54776b;background:#ecf5ee;border:1px solid #e1eee4;border-radius:9px;padding:11px 14px;margin-bottom:17px}.collection-tip>summary{cursor:pointer}.collection-tip>p{line-height:1.8;margin:10px 0 0}.collection-note{margin-top:20px;margin-bottom:0;font-size:12px}.stage-card-nav{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.stage-card-nav>button{text-align:left;position:relative;min-width:145px;padding:12px 17px;border:1px solid #d8e7e3;border-radius:11px;background:white;min-height:80px}.stage-card-nav>button[aria-pressed="true"]{background:#e4f3ed;border-color:#81bdb0}.stage-card-nav strong{display:block;font-size:16px}.stage-card-nav span{display:block;font-size:12px;color:#5e7c70;margin-top:6px}.stage-card-nav em{font-style:normal;display:block;font-size:12px;color:#147367;margin-top:7px}.reader-toolbar>button{font-size:14px;min-height:40px}.reader-toolbar>span{font-size:14px}.reader-toolbar>small{font-size:12px}#toast{font-size:14px}
@media(min-width:1450px){.hero{min-height:0;padding:24px 28px}}
@media(max-width:1100px){.nav-hint{display:none}.resource-list{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:25px}.hero-desc{font-size:14px}.hero-help{padding:14px}.card-desc{font-size:14px}.age-meta{padding-right:220px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.preview-banner{font-size:12px;padding:7px 14px;gap:8px;align-items:flex-start}.preview-banner>span{font-size:12px;line-height:1.6;max-width:none;flex:1}.site-header{height:76px;padding:0 16px}.brand{font-size:24px}.brand small{font-size:12px;max-width:145px;line-height:1.4}.site-header nav{gap:14px;font-size:14px}.site-header nav button{min-height:44px}.brand-icon{width:33px;height:33px;flex-shrink:0;font-size:27px}.member-note{display:none}main{padding:0 14px}.hero{padding:18px;border-radius:14px;margin-bottom:13px;display:block}.hero h1{font-size:23px;line-height:1.5;margin-bottom:6px}.hero .eyebrow{font-size:12px;margin-bottom:8px}.hero-desc{font-size:14px;line-height:1.7}.hero-help{display:none}.resume-strip{padding:10px 12px;gap:10px}.resume-strip small{font-size:12px}.resume-strip strong{font-size:14px}.resume-strip>button{font-size:14px;min-width:80px}.age-navigation{padding:10px 0}.nav-label{font-size:14px;margin-bottom:8px}.age-navigation nav{gap:5px}.age-navigation nav a{font-size:14px;padding:10px 0;min-height:44px;font-weight:500}.age-navigation-inner{display:block}.content-intro{font-size:12px;padding-top:13px;line-height:1.75}.content-intro>span+span{font-size:12px}.age-section{padding:21px 0 16px;scroll-margin-top:106px}.age-meta{margin-bottom:12px;padding-right:0}.age-heading{gap:9px}.age-meta h2{font-size:25px;margin:0}.age-meta h2 small{font-size:14px;margin-left:4px}.age-meta h3{font-size:16px;margin:0}.age-pill{display:none}.age-meta>p{font-size:14px;line-height:1.65;margin-top:6px}.ease-button{position:static;font-size:14px;margin:3px 0 0;padding:5px 0;min-height:36px}.resource-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resource-card{border-radius:11px}.card-media{height:94px}.cover-strip{padding:13px 6px 5px;gap:4px}.cover-strip img{height:63px;width:27%}.cover-strip img:nth-child(2){height:71px;width:30%}.card-kind{font-size:12px;left:6px;top:6px;padding:2px 4px}.card-recommend{font-size:12px;padding:4px 5px}.card-symbol{font-size:35px}.card-body{padding:10px 10px 0}.card-series{font-size:12px;line-height:1.6;margin-bottom:5px}.card-title{font-size:15px;line-height:1.55;margin-bottom:5px;min-height:46px}.card-desc{font-size:14px;line-height:1.6;min-height:0;margin-bottom:10px;-webkit-line-clamp:2}.card-footer{min-height:48px;padding:8px 0;flex-wrap:wrap;gap:3px}.card-count{font-size:12px}.card-cta{font-size:14px;margin-left:auto}.more-resources>summary{font-size:14px;min-height:44px;padding:12px 0}.parent-card{padding:20px;margin:20px 0}.parent-card p:last-child{font-size:14px}.parent-card>button{font-size:14px}footer{font-size:12px;gap:12px}.footer-brand{font-size:20px}dialog{padding:27px 17px}.dialog-desc{font-size:14px}.dialog-kicker{font-size:12px}dialog h2{font-size:23px}#collectionDialog{width:96vw;padding:25px 13px;max-height:94dvh}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.book-card{padding:8px}.book-card img{height:auto;aspect-ratio:1.06}.book-card strong{font-size:15px}.book-card>span,.book-card>em{font-size:12px}.collection-tip{font-size:14px;padding:10px 12px}.stage-card-nav{gap:8px}.stage-card-nav>button{flex:1;min-width:118px;padding:12px;min-height:78px}.stage-card-nav strong{font-size:16px}.stage-card-nav span,.stage-card-nav em{font-size:12px}.parent-tip{font-size:14px}.activity-steps{font-size:16px}.dialog-bottom>p{font-size:12px}.record-row{font-size:14px}.record-row span{font-size:12px}.record-row>button{font-size:14px}.reader-toolbar>button{font-size:14px}.reader-toolbar>span{font-size:12px}}
@media(max-width:359px){.site-header nav{gap:8px;font-size:13px}.brand small{display:none}.age-navigation nav a{font-size:13px}.card-media{height:84px}.card-kind{display:none}.card-footer{align-items:flex-start}.card-count{width:100%}.hero h1{font-size:22px}.resource-list{gap:8px}}