.filter-label{font-size:12px;color:#6c7e60;margin-bottom:16px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filters button{border:1px solid #cedac2;color:#58704c;background:transparent;border-radius:24px;padding:11px 20px;font:12px 'Microsoft YaHei',sans-serif;cursor:pointer}.ages button{border-radius:7px;padding:16px 25px;background:#f7f9f0}.filters .selected{background:#30583f;border-color:#30583f;color:#fffbed}.topics .selected{background:#fffdf3;color:#30583f;border-color:#8a9f76}#results{font-size:10px;color:#78886d;margin:27px 0 20px}.article-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.article-card{border:1px solid #dce4d1;background:#fffef8;border-radius:10px;padding:27px;display:flex;flex-direction:column}.article-meta{font-size:9px;color:#839374;letter-spacing:1px}.article-card h3{font-size:20px;line-height:1.65;font-weight:500;margin:22px 0 14px}.article-card p{font-size:12px;line-height:2;color:#78876b;margin:0 0 25px}.article-card button{border:0;border-top:1px solid #dfe5d7;background:none;text-align:left;padding:19px 0 0;color:#3f6245;font:11px 'Microsoft YaHei',sans-serif;cursor:pointer;margin-top:auto}.article-card:hover{box-shadow:0 12px 25px #3b522b0d}.resource-grid article{background:#eeedde;border:1px solid #e1dfc9;padding:30px;border-radius:10px}.resource-grid article:nth-child(2){background:#e9efdd;border-color:#dce4cd}.resource-grid article:nth-child(3){background:#e5eee7;border-color:#d8e3d7}.resource-grid article>span{font:34px Georgia;color:#8fa375}.resource-grid h3{font-size:20px;font-weight:500;margin:24px 0 15px}.resource-grid p{font-size:12px;line-height:2;color:#7b866c}.resource-grid button{border:0;border-top:1px solid #c7d1b9;background:none;padding:20px 0 0;margin-top:18px;color:#456343;font:11px 'Microsoft YaHei',sans-serif;cursor:pointer;width:100%;text-align:left}.future article+article{border-top:1px solid #d9e0cd;margin-top:20px;padding-top:18px}.future h3{margin:0 0 12px!important;font-size:17px!important}.future h3 small{font-size:8px;margin-left:8px;border:1px solid #d1dbc5;border-radius:4px;padding:4px 6px;color:#889675}.future p{margin:0}.contact{align-items:center}.brand{font-size:22px}.brand small{font-size:7px}.hero h1{font-size:clamp(46px,4.7vw,68px)}.hero-foot{font-size:9px}.contact h2{color:#f4f3df}#empty{padding:25px;border:1px dashed #bac9ab;color:#677c59;font-size:12px}#empty button{display:block;background:none;border:0;text-decoration:underline;padding:15px 0;color:#345d3d;cursor:pointer}dialog{background:#fffdf5;color:#2c513c;border:1px solid #d3dec6;border-radius:14px;width:min(680px,calc(100% - 32px));max-height:85vh;padding:38px;box-shadow:0 25px 90px #1c3b2d55}dialog::backdrop{background:#23453377;backdrop-filter:blur(4px)}dialog .close{display:block;margin-left:auto;border:1px solid #d6dfcb;background:#eef2e5;padding:8px 12px;border-radius:5px;color:#47603e;cursor:pointer;margin-bottom:24px}dialog h2{font-size:29px}#article-body p{font-size:14px;line-height:2.2;color:#63755a}.reader-note{border-top:1px solid #dbe2d0;padding-top:20px;font-size:10px;line-height:1.9;color:#89947c}body.reading{overflow:hidden}
@media(max-width:900px){.brand{font-size:20px}.article-grid,.resource-grid{gap:15px}.article-card{padding:21px}.article-card h3{font-size:17px}.resource-grid article{padding:23px}.resource-grid h3{font-size:18px}}
@media(max-width:640px){.article-grid,.resource-grid{grid-template-columns:1fr;gap:16px}.article-card{padding:25px}.article-card h3{font-size:20px}.filters{gap:8px}.filters button{font-size:10px;padding:10px 13px}.ages button{padding:14px 17px}.hero h1{font-size:46px}.resource-grid article{padding:26px}.resource-grid h3{font-size:20px}.brand{font-size:19px;letter-spacing:1px}.brand small{font-size:6px}.contact-panel{padding:25px}.section-note{line-height:2}dialog{padding:25px}dialog h2{font-size:25px}#article-body p{font-size:13px}}

/* Homepage registration number: separate centered footer row. */
footer{flex-wrap:wrap}
footer .footer-status{flex:0 0 100%;width:100%;text-align:center;margin:18px 0 0;font-size:12px;line-height:1.8}
footer .footer-status a{display:inline-block;padding:4px 8px}

/* Launch polish: clearer reading rhythm and keyboard access. */
.preview-note{font-size:11px;letter-spacing:1.2px}
.hero-description{font-size:15px;line-height:2.1;color:#53654d}
.about-body>p{font-size:15px;line-height:2.15;color:#54634d}
.about-body>p.muted{font-size:13px;color:#65725e}
.article-meta{font-size:11px;color:#657656;letter-spacing:.6px}
.article-card p,.resource-grid p{font-size:14px;line-height:1.95;color:#5e6e53}
.article-card button,.resource-grid button{font-size:13px;min-height:44px}
.article-card{transition:box-shadow .2s,border-color .2s}
.article-card:hover{border-color:#a6b596;box-shadow:0 14px 30px #29452f0a}
.filter-label{font-size:13px;color:#506447}
.filters button{font-size:13px;min-height:44px}
#results{font-size:12px;color:#5c6e50}
.section-note,.reader-note{font-size:12px;line-height:1.95;color:#65725c}
.contact-panel.future h3{font-size:18px!important;line-height:1.6}
.contact-panel.future p{font-size:13px;line-height:1.95;color:#5f6c55}
.contact>div>p:not(.eyebrow){font-size:14px;line-height:2;color:#e0e8d7}
#article-body p{font-size:16px;color:#53644b;line-height:2.15}
dialog .close{min-height:44px;min-width:80px}
footer p{font-size:11px;color:#59674f}
:focus-visible{outline:3px solid #9c743e;outline-offset:5px}
.skip-link{position:fixed;top:-90px;left:16px;padding:14px 20px;background:#fffdf5;color:#244b35;z-index:100}
.skip-link:focus{top:12px}
@media(max-width:640px){
.preview-note{font-size:10px;letter-spacing:.4px;padding:8px 12px}
.hero-description{font-size:14px}.hero-foot{font-size:10px}
.about-body>p{font-size:14px}.about-body>p.muted{font-size:13px}
.filters button{font-size:12px;padding:11px 15px}.ages button{padding:13px 17px}
.article-card p,.resource-grid p{font-size:14px}
.contact-panel.future h3{font-size:17px!important}
.contact-panel.future p{font-size:13px}
#article-body p{font-size:15px}footer p{font-size:11px}
}