.catalog-page{background:#eaf2ff;padding-top:102px}
.catalog-page .site-header{position:fixed;inset:0 0 auto;z-index:100}
@media(min-width:761px){.catalog-page .site-header{background:transparent}}
.catalog-page #main-content{scroll-margin-top:124px}
.catalog-page #course-listing{scroll-margin-top:124px}
html:has(body.catalog-page){scroll-padding-top:0}
.catalog-intro{padding:46px 0 38px}
.catalog-intro h1{font:800 clamp(34px,4vw,56px)/1.15 Poppins,Inter,sans-serif;letter-spacing:-.035em;color:var(--ink)}
.catalog-intro p{margin-top:14px;font-size:19px;max-width:690px}
.catalog-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:56px;align-items:start;padding-bottom:88px}
.catalog-sidebar{position:sticky;top:124px;background:#d6e6ff;border-radius:12px;padding:22px 12px}
.catalog-subjects+.catalog-subjects{margin-top:26px}
.catalog-subjects h2{font-size:15px;font-weight:700;padding:0 14px 10px}
.catalog-subjects a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:10px 14px;color:var(--body);text-decoration:none;font-size:15px;border-radius:6px;transition:background-color .16s ease,color .16s ease}
.catalog-subjects a:hover{background:#e3edfc;color:var(--blue)}
.catalog-subjects a[aria-current=true]{background:var(--blue);color:white;font-weight:650}
.catalog-subjects a svg{width:16px;height:16px;opacity:0;flex:none}
.catalog-subjects a[aria-current=true] svg{opacity:1}
.catalog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:22px}
.catalog-heading h2{font:800 clamp(25px,2.3vw,32px)/1.25 Poppins,Inter,sans-serif;letter-spacing:-.03em}
.catalog-heading span{font-size:14px;white-space:nowrap;color:var(--body)}
.catalog-course{display:grid;grid-template-columns:174px minmax(0,1fr);gap:28px;padding:22px;background:#fff;border-radius:12px;align-items:center}
.catalog-course+.catalog-course{margin-top:18px}
.catalog-portrait{aspect-ratio:1;background:#d6e6ff;border-radius:8px;overflow:hidden}
.catalog-portrait img{height:100%;width:100%;object-fit:cover;object-position:center;max-width:none}
.catalog-course h3{font-size:clamp(21px,2vw,28px);font-weight:700;line-height:1.25;letter-spacing:-.025em}
.catalog-course .catalog-teacher{font-size:15px;margin-top:6px;color:var(--blue);font-weight:550}
.catalog-description{font-size:15px;line-height:1.65;margin-top:10px;max-width:66ch}
.catalog-sample{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:9px 14px;background:var(--orange);color:#fff;border-radius:6px;font-size:13px;font-weight:650;line-height:1.4;text-decoration:none;margin-top:15px;transition:background-color .16s ease}
.catalog-sample svg{width:15px;height:15px;flex:none}
.catalog-sample:hover{background:#a94105}
.catalog-close{background:#dce9ff;padding:42px 0}
.catalog-close>.page-width{display:flex;align-items:center;justify-content:space-between;gap:28px}
.catalog-close h2{font:800 clamp(24px,2.4vw,34px)/1.2 Poppins,Inter,sans-serif;letter-spacing:-.03em}
.catalog-close p{margin-top:9px;font-size:16px}
.catalog-close .pricing-button{flex:none;font-size:16px;min-height:48px}
.catalog-close .pricing-button svg{width:20px;height:20px;margin-left:12px}
.catalog-page .nav-dropdown:first-child>summary{color:var(--blue)}
.catalog-status{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
@media(min-width:1500px){.catalog-layout{grid-template-columns:244px minmax(0,1fr);gap:68px}.catalog-course{grid-template-columns:190px minmax(0,1fr);gap:32px}}
@media(max-width:1100px){.catalog-layout{grid-template-columns:195px minmax(0,1fr);gap:32px}.catalog-course{grid-template-columns:140px minmax(0,1fr);gap:22px}}
@media(max-width:760px){
 .catalog-intro .desktop-break{display:none}
 .catalog-intro{padding:30px 0 26px}.catalog-intro p{font-size:16px;margin-top:12px}.catalog-layout{display:block;padding-bottom:48px}.catalog-sidebar{position:static;padding:16px;margin-bottom:28px}.catalog-subjects h2{padding:0 0 7px;font-size:13px}.catalog-subjects+.catalog-subjects{margin-top:12px}.catalog-subjects>div{display:flex;gap:4px;flex-wrap:wrap}.catalog-subjects a{font-size:12px;padding:9px 10px;min-height:38px}.catalog-subjects a svg{display:none}.catalog-heading{padding-bottom:18px;gap:12px}.catalog-heading h2{font-size:24px}.catalog-heading span{font-size:12px}.catalog-course{grid-template-columns:108px minmax(0,1fr);gap:18px;padding:23px 0;align-items:start}.catalog-portrait{height:143px}.catalog-course h3{font-size:21px}.catalog-course .catalog-teacher{font-size:13px}.catalog-description{font-size:13px;margin-top:8px;line-height:1.6}.catalog-sample{font-size:12px;padding:9px 11px;min-height:40px;margin-top:13px}.catalog-close{padding:34px 0}.catalog-close>.page-width{display:block}.catalog-close .pricing-button{margin-top:22px}.catalog-close p{font-size:15px}
}
@media(max-width:900px){.catalog-page{padding-top:86px}.catalog-page #main-content,.catalog-page #course-listing{scroll-margin-top:86px}}
@media(max-width:370px){.catalog-subjects a{font-size:11px;padding-inline:7px}.catalog-sidebar{padding:12px}.catalog-course{grid-template-columns:86px minmax(0,1fr);gap:14px}.catalog-portrait{height:120px}.catalog-course h3{font-size:19px}.catalog-heading h2{font-size:21px}}
@media(max-width:760px){.catalog-course{padding:16px;grid-template-columns:94px minmax(0,1fr);gap:14px}.catalog-portrait{height:auto;aspect-ratio:1}.catalog-course+.catalog-course{margin-top:14px}.catalog-course h3{font-size:20px}}
@media(max-width:370px){.catalog-course{padding:14px;grid-template-columns:80px minmax(0,1fr);gap:12px}.catalog-course h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.catalog-page *, .catalog-page *::before,.catalog-page *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:760px){.catalog-subjects a,.catalog-sample{min-height:44px}}