/* Media and courses: readable editorial rhythm, using existing content. */
.page-self-paced-programs .page-hero{padding-bottom:58px}
.page-self-paced-programs .page-hero h1{max-width:850px}
.page-self-paced-programs .page-hero .hero-copy>p:not(.eyebrow){font:italic 27px/1.45 'Cormorant',Georgia,serif;color:var(--green)}
.page-self-paced-programs .section.course-chapter{padding:64px 0 70px;grid-template-columns:.88fr 1.35fr;column-gap:9%;row-gap:0}
.page-self-paced-programs .course-chapter>h2{font-size:clamp(35px,3.7vw,51px);line-height:1.1;max-width:290px}
.page-self-paced-programs .course-chapter>h2::before{font:italic 28px/1 'Cormorant',Georgia,serif;margin-bottom:24px}
.page-self-paced-programs .course-chapter .copy{max-width:610px}
.page-self-paced-programs .course-chapter .copy .course-lead{font:400 29px/1.3 'Cormorant',Georgia,serif;color:var(--green);margin:0 0 25px;max-width:550px}
.page-self-paced-programs .course-chapter .copy p:not(.course-lead){font-size:16px;line-height:1.85}
.page-self-paced-programs .course-chapter>.content-status{margin-top:22px;margin-bottom:0}
.page-self-paced-programs #feminine-imprints{background:#ececdf;padding:52px 42px;margin:10px -42px;border-top:0}
.page-self-paced-programs .course-chapter .actions{margin-top:24px}
.page-self-paced-programs .course-chapter .button{min-height:48px}

.page-media .media-conversations{padding-top:48px}
.page-media .media-conversations>.grid{grid-template-columns:1fr 1fr;gap:40px 7%}
.page-media .media-conversation:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;column-gap:8%;align-items:start;padding:36px;background:#ececdf;border-top:0}
.page-media .media-conversation:first-child::before{grid-column:1;grid-row:1;margin-bottom:20px}
.page-media .media-conversation:first-child>h3{grid-column:1;grid-row:2/4;font:400 clamp(32px,3.6vw,47px)/1.15 'Cormorant',Georgia,serif;max-width:450px}
.page-media .media-conversation:first-child>.media-host{grid-column:2;grid-row:2;margin-bottom:20px}
.page-media .media-conversation:first-child>.actions{grid-column:2;grid-row:3;padding-top:0;margin-top:0}
.page-media .media-conversation .media-host{font-size:15px;line-height:1.7;color:var(--body);max-width:30em}
.page-media .media-conversation .button{font-size:14px;line-height:1.6;min-height:46px}
.page-media .media-conversations>.content-status{margin-top:34px}
.page-media .media-writing{display:grid;grid-template-columns:.8fr 1.3fr;gap:8%;align-items:start;padding:52px 0}
.page-media .media-writing>h2{margin:0;font-size:34px}
.page-media .media-writing>.content-status{max-width:480px;margin:0}
.page-media .media-inquiries{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:45px 0 20px}
.page-media .media-inquiries>h2{margin:0;font-size:34px;max-width:430px}
.page-media .media-inquiries>.actions{margin:0;flex-shrink:0}

@media(max-width:900px){
 .page-self-paced-programs .section.course-chapter{column-gap:6%;grid-template-columns:.8fr 1.25fr}
 .page-self-paced-programs #feminine-imprints{padding:40px 26px;margin:8px -26px}
 .page-media .media-conversation:first-child{padding:28px;column-gap:6%}
}
@media(max-width:700px){
 .page-self-paced-programs .page-hero{padding-bottom:42px}
 .page-self-paced-programs .section.course-chapter{display:block;padding:40px 0 44px}
 .page-self-paced-programs .course-chapter>h2{max-width:none;font-size:37px;margin:0 0 26px}
 .page-self-paced-programs .course-chapter>h2::before{margin-bottom:14px}
 .page-self-paced-programs .course-chapter .copy .course-lead{font-size:27px;margin-bottom:21px}
 .page-self-paced-programs #feminine-imprints{padding:34px 18px;margin:4px -18px}
 .page-media .media-conversations>.grid{grid-template-columns:1fr;gap:32px}
 .page-media .media-conversation:first-child{display:flex;padding:27px 22px;grid-column:auto}
 .page-media .media-conversation:first-child>h3{font-size:35px;max-width:none}
 .page-media .media-conversation:first-child>.media-host{margin-top:0}
 .page-media .media-conversation:first-child>.actions{padding-top:5px}
 .page-media .media-conversation{padding-top:24px}
 .page-media .media-conversation::before{margin-bottom:20px}
 .page-media .media-writing{display:block;padding:38px 0}
 .page-media .media-writing>h2{margin-bottom:22px;font-size:31px}
 .page-media .media-inquiries{display:block;padding:35px 0 10px}
 .page-media .media-inquiries>h2{font-size:31px;margin-bottom:24px}
}