.work-page {
  --navy: #153f53;
  --muted: #55737f;
  --sky: #edf5f9;
  --display: "EB Garamond", Georgia, serif;
}
.work-video { max-width: 800px; margin: 0 auto; aspect-ratio: 16 / 9; position: relative; overflow: hidden; border-radius: 18px; background: #edf5f9; }
.work-video iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
.work-teachers { max-width: 800px; margin: 28px auto 0; }
.work-teachers h2 { margin: 0 0 8px; font-size: 26px; line-height: 1.25; font-weight: 500; }
.work-teachers ul { display: flex; flex-wrap: wrap; gap: 4px 28px; margin: 0; padding: 0; list-style: none; }
.work-teachers a { display: inline-flex; align-items: center; min-height: 44px; color: var(--navy); text-underline-offset: 5px; text-decoration-thickness: 1px; }
.work-teachers a:hover { color: #297fa8; }
.work-teachers a:focus-visible { outline: 3px solid #d2ae3b; outline-offset: 3px; }
.work-application { margin: 36px 0 0; padding: 40px; border-radius: 18px; background: #f0f6ef; }
.work-application .support-form { max-width: 800px; margin: 0 auto; }
.work-application .support-form label, .work-application .support-readiness legend { font-size: 19px; line-height: 1.45; }
.work-application .support-form input, .work-application .support-form textarea { font-size: 19px; }
.work-application .support-button { font-size: 20px; border-radius: 99px; padding: 14px 26px; }
.work-application .support-status { font-size: 18px; }
.work-application input:focus-visible, .work-application textarea:focus-visible, .work-application button:focus-visible { outline: 3px solid #d2ae3b; outline-offset: 3px; }
@media (max-width: 600px) {
  .work-video { border-radius: 14px; }
  .work-teachers ul { flex-direction: column; gap: 0; }
  .work-application { margin-top: 28px; padding: 26px 22px 30px; border-radius: 14px; }
  .work-application .support-button { width: 100%; }
}