.roasl-course-section { padding-block: clamp(32px, 5vw, 72px); }
.roasl-course-section .offer { margin: 0 0 24px; }
.roasl-course-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 24px; }
.roasl-course-card { min-width: 0; padding: 24px; border: 1px solid #D8B978; border-radius: 12px; display: flex; flex-direction: column; gap: 16px; overflow-wrap: anywhere; }
.roasl-course-card h3 { font-size: clamp(22px, 2vw, 30px); line-height: 1.25; margin: 0; }
.roasl-course-card p, .roasl-course-card dl { margin: 0; font-size: 18px; line-height: 1.5; }
.roasl-course-card dl > div { margin-bottom: 12px; }
.roasl-course-card dt { font-weight: 700; }
.roasl-course-card dd { margin: 0; }
.roasl-course-card img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.roasl-course-card .btn { margin-top: auto; align-self: flex-start; white-space: normal; }
.roasl-course-copy { max-width: 70ch; font-size: 20px; line-height: 1.6; overflow-wrap: anywhere; }
.roasl-course-card a:focus-visible { outline: 3px solid #007B60; outline-offset: 4px; }
.new-courses-page .content-cards:empty { display: none; }
.roasl-program-item { border-bottom: 1px solid #D8B978; padding-block: 20px; }
.roasl-program-item summary { cursor: pointer; font-size: clamp(20px, 2vw, 30px); }
.roasl-program-item > div { padding-top: 16px; font-size: 18px; line-height: 1.6; }
.roasl-program-item summary:focus-visible { outline: 3px solid #007B60; outline-offset: 4px; }