/* Compact reading methods and knowledge transfer; hero artwork is unchanged. */
.children-view .learning-strip{margin:16px 0 0;color:#122d51;container-type:inline-size}
.children-view .learning-six{--step-icon-size:clamp(42px,5.6cqw,56px);display:flex;align-items:center;min-height:84px;padding:12px 8px;box-sizing:border-box;background:#fff;border:1px solid #e4eef6;border-radius:4px}
.children-view .learning-six ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;list-style:none;margin:0;padding:0;gap:0}
.children-view .learning-six li{display:grid;grid-template-columns:var(--step-icon-size) minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:0 10px;text-align:left}
.children-view .learning-six li+li{border-left:1px solid #e7eef5}
.children-view .learning-step-icon{display:block;width:var(--step-icon-size);height:var(--step-icon-size);flex:none}
.children-view .learning-icon-art{display:block;width:100%;height:100%;background-image:url('assets/learning-strip/reading-method-icons-v2.small-384.opt-v2.webp');background-size:300% 200%;background-position:var(--step-icon-x) var(--step-icon-y);background-repeat:no-repeat}
.children-view .learning-step-text{display:block;min-width:0}
.children-view .learning-six strong{display:block;font-size:clamp(13px,1.55cqw,16px);font-weight:650;line-height:1.5;color:#173655;white-space:nowrap}
.children-view .learning-step-copy{display:block;font-size:clamp(10px,1.1cqw,12px);line-height:1.6;color:#72869c;margin-top:2px;overflow-wrap:anywhere}
.children-view .learning-transfer{display:grid;grid-template-columns:27% minmax(0,1fr);align-items:center;gap:1cqw;min-height:10.2cqw;box-sizing:border-box;margin-top:1.15cqw;padding:.65cqw 1.8cqw;background:linear-gradient(105deg,#eaf8ff,#f0faff 45%,#def5ff);border-radius:4px}
.children-view .learning-transfer-intro{min-width:0}
body.studio-page.children-view .study-layout .learning-strip #learning-transfer-title{font-size:clamp(14px,1.95cqw,27px)!important;font-weight:700;line-height:1.5!important;margin:0!important;color:#173655}
.children-view .learning-transfer-intro p{font-size:clamp(11px,1.4cqw,20px);line-height:1.65;margin:.45cqw 0 0;color:#5c7694}
.children-view .learning-transfer-flow{display:flex;align-items:center;gap:.45cqw;min-width:0}
.children-view .learning-example{display:flex;align-items:center;gap:0;min-width:0;flex:1}
.children-view .learning-example img{width:58%;max-width:none;height:8.3cqw;object-fit:contain;flex:none}
.children-view .learning-example>span{position:relative;z-index:1;font-size:clamp(11px,1.55cqw,22px);line-height:1.5;font-weight:650;min-width:0;margin-left:-.65cqw;padding:.35cqw .45cqw;color:#173655;background:#ffffffc9;border-radius:3px;overflow-wrap:anywhere}
.children-view .learning-transfer-arrow{font-size:clamp(17px,2.1cqw,30px);color:#a3c6e6;flex:none}
.children-view .learning-concept{background:none;border:0;border-bottom:1px solid #9fc8df;border-radius:0;box-shadow:none;color:#4d7998;padding:1px 2px;font-size:clamp(14px,1.8cqw,24px);font-weight:600;line-height:1.5;letter-spacing:.06em;white-space:nowrap;flex:none}
.children-view.dark .learning-strip{color:#e3edf8}
.children-view.dark .learning-six{background:#203044;border-color:#344b65}
.children-view.dark .learning-six li+li{border-color:#344b65}
.children-view.dark .learning-six strong,.children-view.dark .learning-example>span{color:#e3edf8}
.children-view.dark .learning-step-copy,.children-view.dark .learning-transfer-intro p{color:#adc1d6}
.children-view.dark .learning-transfer{background:linear-gradient(105deg,#20394d,#22394f)}
.children-view.dark .learning-example>span{background:#263f56d9}
.children-view.dark .learning-concept{color:#b2d7ed;border-bottom-color:#668ba5}
body.studio-page.children-view.dark .study-layout .learning-strip #learning-transfer-title{color:#e3edf8}
@container(max-width:700px){.children-view .learning-six{--step-icon-size:42px;min-height:0;padding:12px 4px}.children-view .learning-six ol{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}.children-view .learning-six li:nth-child(4){border-left:0}.children-view .learning-six strong{font-size:13px}.children-view .learning-step-copy{font-size:10px}.children-view .learning-transfer{grid-template-columns:1fr;gap:6px;padding:10px 12px;margin-top:10px}.children-view .learning-transfer-intro p{margin-top:2px}.children-view .learning-example img{height:65px}.children-view .learning-transfer-intro{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.learning-strip *{scroll-behavior:auto}}

@container(max-width:420px){.children-view .learning-six{--step-icon-size:36px}.children-view .learning-six li{gap:5px;padding:0 5px}.children-view .learning-six strong{font-size:12px}.children-view .learning-step-copy{font-size:10px;line-height:1.5}}
