/* Match the shared header's rendered width, including its desktop scale. */
:is(.eduks-course-detail,.eduks-learning-page) .eduks-course-container {
    width:min(calc(100% - 34px),1562.5px);
    max-width:none;
    padding-inline:0;
}
.eduks-course-hero-copy {max-width:1040px}
.eduks-course-hero-copy>p {max-width:800px}
.eduks-course-meta {flex-wrap:wrap;gap:16px 28px}
.eduks-course-meta>div {margin-left:0!important}
.eduks-course-layout>div {min-width:0}
.eduks-learning-heading {gap:24px;align-items:flex-start}
.eduks-learning-heading>div,.eduks-learning-profile>a>div {min-width:0}
.eduks-learning-pending {gap:20px;flex-wrap:wrap}
.eduks-learning-pending>div {min-width:0;flex:1 1 220px}
.eduks-learning-pending>a {flex-shrink:0}
.eduks-learning-cover {height:auto;min-height:200px;padding-top:64px}
.eduks-study-heading {display:grid;grid-template-columns:minmax(0,1fr);align-items:center}
.eduks-study-copy {min-width:0;max-width:1040px}
.eduks-study-copy>div:first-child {flex-wrap:wrap;gap:8px}
.eduks-study-progress {width:100%;max-width:400px}
.eduks-study-classroom>div {min-width:0}
@media(min-width:701px) {
    :is(.eduks-course-detail,.eduks-learning-page) .eduks-course-container {width:min(calc(100% - 42.5px),1562.5px)}
    .eduks-course-hero>.eduks-course-container {padding-block:80px}
}
@media(min-width:951px) {
    :is(.eduks-course-detail,.eduks-learning-page) .eduks-course-container {width:min(calc(100% - 60px),1562.5px)}
}
@media(min-width:1101px) {
    :is(.eduks-course-detail,.eduks-learning-page) .eduks-course-container {width:min(calc(100% - 90px),1562.5px)}
}
@media(min-width:1024px) {
    .eduks-course-layout {grid-template-columns:minmax(0,1fr) 384px;column-gap:40px}
    .eduks-course-layout>:first-child {grid-column:auto}
    .eduks-study-heading {grid-template-columns:minmax(0,1fr) 320px;gap:48px}
    .eduks-study-classroom {grid-template-columns:minmax(0,1fr) 384px}
    .eduks-study-classroom>:first-child {grid-column:auto}
    .eduks-study-classroom>.classroom-sidebar {grid-column:auto}
}
@media(min-width:640px) and (max-width:900px) {
    .eduks-learning-profile>a {flex-direction:column}
}
@media(max-width:700px) {
    .eduks-course-hero>.eduks-course-container {padding-block:48px}
    .eduks-course-content {padding-block:32px}
    .eduks-study-page>.relative>.eduks-course-container {padding-block:40px}
    .eduks-study-content {padding-block:32px}
    .eduks-learning-pending>a {width:100%;justify-content:center}
}