/* Seven Sky site, a course page. Uses the colours, type and shared pieces of site.css, offers.css and plain.css; only what is new is here. */
.course-status { font-family: var(--font-display); font-weight: 700; font-size: 34px; line-height: 1.12; color: var(--gold); }
.course-status-note { font-size: 14px; line-height: 1.5; color: var(--mist); }
.plain .offer-body ol, .plain .offer-body ul { max-width: 68ch; padding-left: 22px; display: flex; flex-direction: column; gap: 12px; font-size: 18px; line-height: 1.5; color: var(--cream); overflow-wrap: anywhere; }
.lessons li strong { font-family: var(--font-display); font-weight: 600; }
.lessons li span { display: block; color: var(--mist); }
.quote-lines { list-style: none; padding-left: 0 !important; }
.quote-lines li { padding-left: 16px; border-left: 3px solid var(--gold); }
.sample-flag { display: inline-flex; align-items: center; align-self: flex-start; min-height: 32px; padding: 0 12px; background: var(--gold); color: var(--navy); font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.sample-actions { display: flex; flex-wrap: wrap; gap: 12px 16px; margin-top: 4px; }
.sample-actions .btn { text-align: left; }
.file-note { font-size: 14px; line-height: 1.5; color: var(--mist); max-width: 68ch; }
@media screen and (max-width: 700px) {
  .course-status { font-size: 28px; }
  .plain .offer-body ol, .plain .offer-body ul { font-size: 17px; }
  .sample-actions { flex-direction: column; align-items: stretch; }
  .sample-actions .btn { min-height: 52px; padding-top: 10px; padding-bottom: 10px; }
}
@media print {
  .course-status { color: var(--navy); }
  .course-status-note, .lessons li span, .file-note { color: var(--espresso); }
  .plain .offer-body ol, .plain .offer-body ul { color: var(--ink); }
  .sample-flag { background: none; color: var(--bronze); padding: 0; }
}
.plain .offer-body a.btn { text-decoration: none; }