/* SCMP colour rhythm: restrained brand accents, no template-style effects. */
.scmp-page {
  --scmp-ink: #173f64;
  --scmp-blue: #126b9a;
  --scmp-orange: #ed6a2c;
  --scmp-teal: #58727e;
  --scmp-gold: #9a7a43;
}

.scmp-page .title-base,
.scmp-page .title-accent {
  color: inherit;
  font: inherit;
}

html body #app .scmp-page .notice .title h2,
html body #app .scmp-page .adv-heading h2,
html body #app .scmp-page .curriculum-title h2,
html body #app .scmp-page .result-heading h2,
html body #app .scmp-page .qualification-heading h2,
html body #app .scmp-page .moment-heading h2 {
  color: var(--scmp-ink) !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

.scmp-page .title-accent {
  display: inline-block;
  position: relative;
  margin-inline: .05em;
}

.scmp-page .title-accent--warm { color: var(--scmp-orange) !important; }
.scmp-page .title-accent--teal { color: var(--scmp-orange) !important; }

.scmp-page .title-accent::after { display: none; }

html body #app .scmp-page .notice .title h2::after,
html body #app .scmp-page .adv-heading h2::after,
html body #app .scmp-page .curriculum-title h2::after,
html body #app .scmp-page .result-heading h2::after,
html body #app .scmp-page .qualification-heading h2::after,
html body #app .scmp-page .moment-heading h2::after {
  background: var(--scmp-orange) !important;
}

/* Keep the curriculum count as one clear piece of information. */
html body #app .scmp-page .curriculum-ruleline strong:first-of-type {
  color: var(--scmp-ink) !important;
}

html body #app .scmp-page .curriculum-ruleline strong:last-of-type {
  color: var(--scmp-ink) !important;
}

.scmp-page .curriculum-ruleline i { color: #a8b0b6 !important; }
.scmp-page .curriculum-ruleline > span { color: #56646e !important; }

/* Value system: one centre and one consistent icon treatment. */
html body #app .scmp-page .scmp-advantages .adv-core {
  border: 7px solid #edf3f5 !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(25, 55, 72, .14) !important;
}

html body #app .scmp-page .scmp-advantages .adv-core::before {
  border-color: #c7dce5 !important;
}

html body #app .scmp-page .scmp-advantages .adv-core::after {
  border-color: rgba(237,106,44,.34) !important;
}

html body #app .scmp-page .scmp-advantages .adv-core span {
  color: var(--scmp-ink) !important;
  text-shadow: none !important;
}

html body #app .scmp-page .scmp-advantages .adv-core b {
  color: #55707d !important;
}

html body #app .scmp-page .scmp-advantages .adv-core i {
  background: var(--scmp-orange) !important;
}

.scmp-page .scmp-advantages .adv-grid > article {
  --item-accent: #587b8e;
  --item-tint: #f3f7f9;
  --item-line: #b8cdd7;
}

html body #app .scmp-page .scmp-advantages .adv-grid > article .adv-icon {
  border-color: var(--item-line) !important;
  background: var(--item-tint) !important;
  box-shadow: 0 7px 18px color-mix(in srgb, var(--item-accent) 12%, transparent) !important;
}

html body #app .scmp-page .scmp-advantages .adv-grid > article .adv-icon::before {
  border-color: color-mix(in srgb, var(--item-accent) 48%, white) !important;
}

html body #app .scmp-page .scmp-advantages .adv-grid > article .adv-icon::after {
  background: var(--item-accent) !important;
}

html body #app .scmp-page .scmp-advantages .adv-grid > article .adv-icon img {
  filter: none !important;
}

html body #app .scmp-page .scmp-advantages .adv-grid > article .adv-copy > span {
  color: var(--item-accent) !important;
}

html body #app .scmp-page .scmp-advantages .adv-grid > article .adv-copy h3 {
  color: var(--scmp-ink) !important;
}

html body #app .scmp-page .notice .title p,
html body #app .scmp-page .adv-heading > span,
html body #app .scmp-page .curriculum-title > span,
html body #app .scmp-page .result-heading::before,
html body #app .scmp-page .qualification-heading > span,
html body #app .scmp-page .moment-heading > span {
  color: #5b7686 !important;
}

html body #app .scmp-page .scmp-advantages .adv-grid > article::after {
  background: linear-gradient(90deg, var(--item-line), transparent) !important;
}

/* Keep long headings readable on small screens. */
@media (max-width: 600px) {
  .scmp-page .title-accent::after { bottom: -.1em; }
  html body #app .scmp-page .qualification-heading h2 {
    max-width: 340px;
    margin-inline: auto !important;
  }
}