:where(.school-root) .learning-main{min-height:65vh;padding-block:2.5rem}:where(.school-root) .learning-main h1{max-width:55rem;font-size:clamp(1.9rem,5vw,3rem)}:where(.school-root) .learning-main h2{font-size:1.4rem;font-weight:500;line-height:1.4}:where(.school-root) .learning-main p{color:#c1c7c7;line-height:1.8}:where(.school-root) .learning-panel{background:#191d1f;border:1px solid #42484a;border-top:3px solid #db4b45;padding:1.5rem}:where(.school-root) .course-grid{gap:1.25rem;margin-top:2rem;display:grid}:where(.school-root) .course-card{flex-direction:column;align-items:start;display:flex}:where(.school-root) .course-card p{flex:1}:where(.school-root) .course-card .primary-link{margin-top:1rem}:where(.school-root) .course-price{color:#f0eee9;font-size:1.4rem;line-height:1.4;display:block}:where(.school-root) .course-summary{max-width:45rem}:where(.school-root) .learning-section-block{margin-block:2.5rem}:where(.school-root) .learning-list{gap:.8rem;padding:0;list-style:none;display:grid}:where(.school-root) .learning-list li{overflow-wrap:anywhere;border:1px solid #42484a;padding:1.1rem}:where(.school-root) .learning-list a:not(:where(.primary-link)),:where(.school-root) .learning-main .text-link{color:#f0eee9;text-underline-offset:.25em;padding-block:.7rem;text-decoration:underline;display:inline-block}:where(.school-root) .learning-list a:hover:not(:where(.primary-link)),:where(.school-root) .learning-main .text-link:hover{color:#ffaaa5}:where(.school-root) .learning-breadcrumb{flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;padding:0;font-size:.85rem;list-style:none;display:flex}:where(.school-root) .learning-breadcrumb a{text-underline-offset:.3em;padding-block:.7rem;text-decoration:underline}:where(.school-root) .lesson-layout{gap:2rem;margin-block:2rem;display:grid}:where(.school-root) .lesson-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#d4d8d7;line-height:1.9}:where(.school-root) .lesson-media{aspect-ratio:16/9;background:#101214;border:1px solid #42484a;width:100%}:where(.school-root) .learning-faq details{border-top:1px solid #42484a;padding-block:1rem}:where(.school-root) .learning-faq summary{cursor:pointer;padding-block:.6rem;line-height:1.6}:where(.school-root) .learning-status{border-left:3px solid #db4b45;padding:1rem}@media (min-width:768px){:where(.school-root) .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.school-root) .lesson-layout{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr)}:where(.school-root) .learning-panel{padding:2rem}}