.alevel-page { background: #f8f7f4; }
.alevel-page .toefl-hero { background-image: url('/public/static/images/alevel/redesign/header.png'); }
.alevel-page .toefl-eyebrow { max-width: 100%; font-size: 15px; line-height: 1.5; }
.alevel-page .toefl-intro { padding-top: 86px; padding-bottom: 110px; }
.alevel-page .toefl-intro h2 small { max-width: 100%; font-size: 20px; line-height: 1.45; }
.alevel-curriculum { padding-top: 20px; padding-bottom: 135px; }
.alevel-subjects { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 28px 26px; margin-top: 90px; }
.alevel-subjects span { display: inline-flex; min-height: 54px; align-items: center; padding: 10px 28px; border-radius: 100px; background: #d7e8f0; color: #565b5e; font-size: 18px; line-height: 1.3; white-space: nowrap; }
.alevel-pathway { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 100px; border-bottom: 1px solid #a4a4a4; }
.alevel-pathway article { min-width: 0; padding: 30px 35px 28px; border-right: 1px solid #aaa; }
.alevel-pathway article:first-child { padding-left: 0; }
.alevel-pathway article:last-child { padding-right: 0; border-right: 0; }
.alevel-pathway h3 { margin: 0 0 32px; font-size: 30px; font-weight: 600; }
.alevel-pathway p { margin: 0 0 28px; color: #686868; font-size: 17px; line-height: 1.6; }
.alevel-pathway b { color: #555; font-weight: 600; }
.alevel-advantages { padding-top: 20px; padding-bottom: 135px; }
.alevel-adv-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 55px 60px; margin-top: 75px; }
.alevel-adv-grid article { position: relative; display: flex; min-height: 370px; align-items: flex-end; overflow: hidden; border-radius: 7px; background: #294b5c var(--adv-image) center / cover no-repeat; color: #fff; }
.alevel-adv-grid article > div { position: relative; z-index: 1; width: 100%; margin: 0; padding: 32px 40px; }
.alevel-adv-grid h3 { margin: 0 0 15px; font-size: 29px; font-weight: 600; line-height: 1.3; }
.alevel-adv-grid p { margin: 0; color: #f0f2f3; font-size: 17px; line-height: 1.55; }
@media (max-width: 1100px) {
  .alevel-page .toefl-eyebrow { font-size: 12px; }
  .alevel-page .toefl-stats span { white-space: normal; }
  .alevel-subjects { gap: 18px; margin-top: 60px; }
  .alevel-subjects span { min-height: 45px; padding: 8px 20px; font-size: 15px; }
  .alevel-pathway article { padding-right: 20px; padding-left: 20px; }
  .alevel-pathway h3 { font-size: 24px; }
  .alevel-pathway p { font-size: 14px; }
  .alevel-adv-grid { gap: 25px; }
  .alevel-adv-grid article { min-height: 320px; }
  .alevel-adv-grid article > div { padding: 25px; }
  .alevel-adv-grid h3 { font-size: 23px; }
  .alevel-adv-grid p { font-size: 15px; }
}
@media (max-width: 767px) {
  .alevel-page .toefl-hero h1 { font-size: 34px; line-height: 1.25; }
  .alevel-page .toefl-eyebrow { font-size: 10px; letter-spacing: .1em; }
  .alevel-page .toefl-intro { padding-top: 56px; padding-bottom: 64px; }
  .alevel-page .toefl-intro h2 small { font-size: 16px; }
  .alevel-curriculum { padding-top: 20px; padding-bottom: 70px; }
  .alevel-subjects { gap: 10px; margin-top: 35px; }
  .alevel-subjects span { min-height: 36px; max-width: 100%; padding: 7px 13px; font-size: 12px; white-space: normal; }
  .alevel-pathway { grid-template-columns: 1fr; margin-top: 55px; }
  .alevel-pathway article, .alevel-pathway article:first-child, .alevel-pathway article:last-child { padding: 26px 0; border-right: 0; border-bottom: 1px solid #aaa; }
  .alevel-pathway article:last-child { border-bottom: 0; }
  .alevel-pathway h3 { margin-bottom: 20px; font-size: 23px; }
  .alevel-pathway p { margin-bottom: 15px; font-size: 14px; }
  .alevel-advantages { padding-top: 56px; padding-bottom: 64px; }
  .alevel-adv-grid { grid-template-columns: 1fr; gap: 18px; margin-top: 34px; }
  .alevel-adv-grid article { min-height: 240px; }
  .alevel-adv-grid article > div { padding: 20px; }
  .alevel-adv-grid h3 { font-size: 21px; }
  .alevel-adv-grid p { font-size: 13px; }
}