.m-hub{margin-top:30px;padding-top:24px;border-top:1px solid var(--line,#304258)}.m-hub h2{font-size:23px;line-height:1.45}.m-count{color:var(--accent,#91c5ff);font-weight:700}.m-flow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.m-flow button{font-size:13px;white-space:normal;text-align:left}.m-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.m-filters input{grid-column:1/-1}.m-filters select{min-width:0}.m-list{display:grid;gap:10px}.m-list .lesson-item{width:100%;text-align:left}.m-card-title{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.m-card-title strong{font-size:17px}.m-card-title .tiny{line-height:1.6}.m-detail[hidden],.m-hub[hidden]{display:none}.m-detail{padding-top:18px}.m-article h2{line-height:1.5}.m-article p,.m-block li{line-height:1.9;overflow-wrap:anywhere}.m-block{margin:18px 0}.m-block h3,.m-related h3{font-size:15px;margin:0 0 7px}.m-block p{margin:0}.m-block ol{padding-left:24px;margin:0}.m-block li+li{margin-top:6px}.m-lead,.m-action,.m-caution{border-left:3px solid #8dbdf8;padding:12px 14px;background:rgba(112,161,222,.08);border-radius:5px}.m-caution{border-color:#edb76d;background:rgba(230,167,74,.07)}.m-rules{border:1px solid var(--line,#304258);padding:14px;border-radius:12px;margin:16px 0}.m-rules summary,.m-qa-item summary{cursor:pointer;line-height:1.6;font-weight:600}.m-source{font-size:12px;line-height:1.7;overflow-wrap:anywhere;color:var(--muted,#b9c5d6)}.m-source a{color:var(--accent,#a5d2ff);text-decoration:underline}.m-related{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:20px 0}.m-article>.full+.full{margin-top:10px}.m-facets{display:flex;gap:6px;flex-wrap:wrap}.m-facets span{font-size:11px;border:1px solid;padding:5px 8px;border-radius:6px}.m-a{color:#a3d2ff}.m-b{color:#f0ce84}.m-c{color:#ffb0b7}.m-qa{margin:20px 0}.m-qa h2{font-size:20px}.m-qa-item{border-bottom:1px solid var(--line,#304258);padding:13px 0}.m-qa-item p{line-height:1.85;font-size:14px}.m-jump{margin:12px 0}.m-article .primary,.m-article .secondary{white-space:normal}.m-detail :focus-visible,.m-hub :focus-visible{outline:3px solid #93c5ff;outline-offset:3px}@media(max-width:360px){.m-flow{grid-template-columns:1fr}.m-facets span{font-size:10px}.m-article{padding:16px}}

.m-reading #learnLevels,.m-reading #learnLevelNote,.m-reading #lessonList,.m-reading #lessonDetail,.m-reading #st4LearnDashboard,.m-reading .m-jump,.m-reading .phase3-hero{display:none!important}

/* Chapter navigation only; the existing palette is unchanged. */
.m-browsing #learnLevels,.m-browsing #learnLevelNote,.m-browsing #lessonList,.m-browsing #lessonDetail,.m-browsing #st4LearnDashboard,.m-browsing .m-jump,.m-browsing .phase3-hero,.m-browsing>.content>.eyebrow,.m-browsing>.content>.page-heading,.m-browsing>.content>.page-desc{display:none!important}
.m-browsing .m-hub{margin:0;padding:0;border:0}.m-chapter-card{width:100%;text-align:left}.m-chapter-card .tiny{font-size:12px}.m-browsing .m-filters{margin:16px 0}.m-browsing .m-filters select{grid-column:1/-1}.m-policy-link{margin-top:18px}.m-detail>.thin-btn{margin:0 10px 12px 0}.m-detail{padding-top:0}
.m-chapter-card{padding:12px 14px!important}.m-hub>.m-count{margin:12px 0}.m-browsing .m-hub .m-filters{margin:12px 0}.m-hub h1:focus,.m-detail h2:focus{outline:none}
