/* Balanced course introduction, clearly visible certificates and quiet CEFR pairs. */
@media (min-width:1101px){
  #welcomePageOne .platform-hero{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(26px,3vw,48px)}
  #welcomePageOne .platform-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
  #welcomePageOne .platform-presenter{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
}
#welcomePageOne .platform-copy h1{max-width:760px}
#welcomePageOne .platform-presenter-visual{max-height:205px}
#welcomePageOne .platform-presenter .platform-presenter-visual img{height:205px;max-height:205px;width:min(265px,70%)}
#welcomePageOne .platform-presenter .platform-thea-card{margin-top:8px;padding:17px}
#welcomePageOne .platform-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;margin-top:23px}
#welcomePageOne .platform-actions>.platform-level-test,
#welcomePageOne .platform-actions>.platform-learning-test{width:100%;height:100%;min-height:51px;margin:0;max-width:none;justify-content:center;font-size:15px;font-weight:800}
#welcomePageOne .platform-actions>.platform-level-test{justify-content:space-between}
#welcomePageOne .platform-actions>.platform-certificate-note{grid-column:1/-1;margin:0;padding:17px 20px;border:1.5px solid #9bcbb8;border-radius:16px;background:#edf8f2;color:#245c4d;font-size:clamp(16px,1.15vw,19px);line-height:1.5;font-weight:800;box-shadow:0 8px 22px rgba(29,91,69,.08)}
@media (max-width:680px){
  #welcomePageOne .platform-actions{grid-template-columns:1fr}
  #welcomePageOne .platform-actions>.platform-certificate-note{grid-column:1;padding:14px 16px;font-size:16px}
}

/* One restrained hue for each pair, with a distinct shade on each card. */
:is(#welcomePageOne,#seniorWelcomePageOne,#teenWelcomePageOne) .level-catalogue>.level-card.level-owned:nth-child(1){--v99-bg:#f2faf9;--v99-ink:#286c72;--v99-line:#abd4d2}
:is(#welcomePageOne,#seniorWelcomePageOne,#teenWelcomePageOne) .level-catalogue>.level-card.level-owned:nth-child(2){--v99-bg:#e6f4f3;--v99-ink:#468d91;--v99-line:#91c7c6}
:is(#welcomePageOne,#seniorWelcomePageOne,#teenWelcomePageOne) .level-catalogue>.level-card.level-owned:nth-child(3){--v99-bg:#f5f3fb;--v99-ink:#5c548b;--v99-line:#cdc4e7}
:is(#welcomePageOne,#seniorWelcomePageOne,#teenWelcomePageOne) .level-catalogue>.level-card.level-owned:nth-child(4){--v99-bg:#ece8f7;--v99-ink:#766ba7;--v99-line:#bcb1de}
:is(#welcomePageOne,#seniorWelcomePageOne,#teenWelcomePageOne) .level-catalogue>.level-card.level-owned:nth-child(5){--v99-bg:#f2f8f3;--v99-ink:#356c58;--v99-line:#b9d7c4}
:is(#welcomePageOne,#seniorWelcomePageOne,#teenWelcomePageOne) .level-catalogue>.level-card.level-owned:nth-child(6){--v99-bg:#e7f1e9;--v99-ink:#54846b;--v99-line:#a3cbb1}
:is(#welcomePageOne,#seniorWelcomePageOne,#teenWelcomePageOne) .level-catalogue>.level-card.level-owned{background:var(--v99-bg);border-color:var(--v99-line);box-shadow:0 9px 23px rgba(32,59,72,.045)}
:is(#welcomePageOne,#seniorWelcomePageOne,#teenWelcomePageOne) .level-catalogue>.level-card.level-owned .level-code{background:var(--v99-ink);color:white}
:is(#welcomePageOne,#seniorWelcomePageOne,#teenWelcomePageOne) .level-catalogue>.level-card.level-owned small,
:is(#welcomePageOne,#seniorWelcomePageOne,#teenWelcomePageOne) .level-catalogue>.level-card.level-owned b{color:var(--v99-ink)}
:is(#welcomePageOne,#seniorWelcomePageOne,#teenWelcomePageOne) .level-catalogue>.level-card.level-owned:hover{border-color:var(--v99-ink);box-shadow:0 15px 31px rgba(32,59,72,.105)}

/* Give certificates the same prominence in younger courses. */
#teenWelcomePageOne .teen-level-test-group{max-width:none}
#teenWelcomePageOne .teen-certificate-note,.kids-certificate-note{padding:15px 18px;border:1.5px solid #b5d5c5;border-radius:15px;background:#f0f8f3;color:#285d4b;font-size:clamp(15px,1.15vw,18px);font-weight:800;line-height:1.48}
.kids-certificate-note{max-width:680px}

/* Readable navigation labels without sacrificing the single-row desktop header. */
@media (min-width:1131px){
  #tbTopbar .contents-btn{font-size:15px;padding:7px 11px!important}
  #tbTopbar .contents-btn span{font-size:14px}
}
@media (min-width:941px) and (max-width:1130px){
  #tbTopbar .contents-btn{font-size:14px}
  #tbTopbar .contents-btn span{font-size:12px}
}
@media (max-width:820px){#tbTopbar .contents-btn span{font-size:clamp(12px,2.7vw,14px)}}