/* MM-2194: Education article 1633:44497 / 1633:44671. Dynamic native imagery/copy. */
/* As on the education index, the page shell owns its single gutter. */
body.page-template-page-education-subpage-article #primary.main-primary { max-width:none!important; padding:0!important; width:100%; display:block; }
#content.mm-education-article { padding-inline:0; }
.mm-education-article .mm-education-article-header { max-width:1280px; padding:96px 32px; margin-inline:auto; box-sizing:border-box; }
.mm-education-article .mm-article-heading-group { max-width:768px; margin:0 0 48px; }
.mm-education-article .entry-header h1 { margin:16px 0 24px; }
.mm-education-article .mm-article-intro,.mm-education-article .mm-article-intro p { font:400 20px/30px MMEducationInter,Inter,sans-serif; margin:0; }
.mm-education-article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:24px 48px; margin-bottom:32px; font:500 14px/20px MMEducationInter,Inter,sans-serif; }
.mm-education-article .mm-education-topic { margin-right:auto; border-radius:9999px; padding:4px 12px; font:500 14px/20px MMEducationInter,Inter,sans-serif; background:#ecfdf3; color:#067647; text-decoration:none; }
html.mm-dark .mm-education-article .mm-education-topic { background:#053321; color:#75e0a7; }
.mm-education-reading-time { padding-left:24px; background:url('assets/clock.svg') no-repeat left center/16px 16px; }
.mm-education-article .mm-education-article-hero img { display:block; width:100%; max-height:630px; aspect-ratio:1216/630; object-fit:cover; border-radius:4px; }
.mm-education-article .mm-education-article-layout { max-width:1280px; padding:0 32px 96px; margin-inline:auto; box-sizing:border-box; gap:64px; }
.mm-education-article .mm-education-article-layout > #content-container { width:100%; max-width:none; min-width:0; margin:0; padding:0; }
.mm-education-article .mm-education-article-layout .entry-content.entry-content-text { width:100%; max-width:100%; margin:0; padding:0; }
.mm-education-article-layout [data-mm-article-body] > :first-child { margin-top:0; }
.mm-education-article .mm-article-sidebar { align-self:start; }
.mm-education-article .mm-article-adjacent { display:none!important; }
.mm-education-related { max-width:1280px; padding:0 32px 96px; margin-inline:auto; box-sizing:border-box; }
.mm-education-related-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:48px; }
.mm-education-related-heading h2 { font:600 36px/44px MMEducationInter,Inter,sans-serif; letter-spacing:-.72px; margin:0; }
.mm-education-related-heading > a { font:600 14px/20px MMEducationInter,Inter,sans-serif; color:var(--edu-child-muted); white-space:nowrap; }
.mm-education-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:64px 40px; }
.mm-education-related-card .mm-editorial-card-image { aspect-ratio:384/256; border-radius:4px; }
.mm-education-related-card .mm-editorial-card-image img { width:100%; height:100%; object-fit:cover; border-radius:4px; }
.mm-education-related-card .mm-editorial-card-heading h3 { font:600 18px/28px MMEducationInter,Inter,sans-serif; margin:0; letter-spacing:0; }
.mm-education-related-card .mm-editorial-card-heading h3 a { color:var(--edu-child-primary); text-decoration:none; }
html.mm-theme-enabled #content.mm-education-article .mm-article-intro,html.mm-theme-enabled #content.mm-education-article .mm-article-intro p { color:var(--edu-child-muted)!important; -webkit-text-fill-color:currentColor!important; }
html.mm-theme-enabled #content.mm-education-article .mm-education-article-meta :is(span,time) { color:var(--edu-child-primary)!important; -webkit-text-fill-color:currentColor!important; }
@media(min-width:1024px) { .mm-education-article .mm-education-article-layout { grid-template-columns:288px minmax(0,1fr); } .mm-education-article .mm-education-article-layout > #content-container { max-width:720px; } }
@media(min-width:768px) and (max-width:1023px) { .mm-education-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:1023px) { .mm-education-article .mm-education-article-layout { gap:48px; } .mm-education-article .mm-article-sidebar { order:2; } }
@media(max-width:767px) {
.mm-education-article .mm-education-article-header { padding:48px 16px; }
.mm-education-article .mm-article-heading-group { margin-bottom:24px; }
.mm-education-article .entry-header h1 { margin-bottom:16px; }
.mm-education-article .mm-article-intro,.mm-education-article .mm-article-intro p { font-size:18px; line-height:28px; }
.mm-education-article-meta { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; margin-bottom:8px; font-size:12px; line-height:18px; }
.mm-education-article .mm-education-topic { margin:0; grid-column:1/-1; justify-self:start; max-width:100%; overflow-wrap:anywhere; }
.mm-education-article-author { grid-column:1/-1; }
.mm-education-reading-time { padding:0; background:none; }
.mm-education-article .mm-education-article-hero img { aspect-ratio:343/240; }
.mm-education-article .mm-education-article-layout { padding:0 16px 64px; }
.mm-education-related { padding:0 16px 64px; }
.mm-education-related-heading { align-items:start; margin-bottom:32px; flex-wrap:wrap; }
.mm-education-related-heading h2 { font-size:30px; line-height:38px; letter-spacing:0; }
.mm-education-related-grid { grid-template-columns:minmax(0,1fr); gap:48px; }
}

/* The shared enhancer removes an empty sidebar. Keep the prose out of its old track. */
@media(min-width:1024px) {
    .mm-education-article .mm-education-article-layout.mm-article-layout-empty { grid-template-columns:minmax(0,720px); justify-content:center; }
}
