.course-toolbar{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin:24px 0 30px}.course-toolbar label{display:grid;gap:8px;font-size:13px}.course-toolbar input,.course-toolbar select{font:inherit;padding:12px 14px;border:1px solid var(--line,#bcc3ce);border-radius:8px;background:transparent;color:inherit;min-width:190px}.course-toolbar input{width:min(350px,75vw)}.course-toolbar select option{color:#182236;background:#fff}.course-toolbar>span{margin-left:auto;padding:12px 0;font-size:14px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.course-card{border:1px solid var(--line,#bcc3ce);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(145deg,rgba(100,134,228,.07),transparent 60%)}.course-card-top{display:flex;justify-content:space-between;align-items:center}.course-number{font-size:40px;letter-spacing:-2px;opacity:.5}.course-card h2{font-size:23px;line-height:1.5;margin:0}.course-card h2 a{color:inherit;text-decoration:none}.course-card>p{line-height:1.8;opacity:.8;margin:0;flex:1}.course-card>.site-button{align-self:flex-start}.course-facts{display:flex;gap:16px;font-size:13px;opacity:.7}.course-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;margin:28px 0}.course-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.course-heading h1{font-size:30px;line-height:1.4;margin:8px 0}.course-heading p{max-width:820px;line-height:1.7;opacity:.75}.course-heading>.site-button{flex-shrink:0}.course-reader{width:100%;height:calc(100dvh - 115px);min-height:660px;border:1px solid var(--line,#bcc3ce);border-radius:14px;background:#f5f7fa;display:block}.course-after{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:24px}.course-grid a:focus-visible,.course-after a:focus-visible{outline:3px solid #668dec;outline-offset:4px}@media(max-width:1100px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.course-grid{grid-template-columns:1fr}.course-heading{align-items:flex-start;flex-direction:column}.course-heading h1{font-size:25px}.course-reader{min-height:760px;height:90dvh}.course-toolbar{gap:14px}.course-toolbar>span{margin-left:0}.course-card{padding:22px}}

body[data-page=courses] .site-header{position:sticky;top:0;z-index:30}.course-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}