.mvd-company-modern {
  background: transparent;
  border: 0;
  padding: 0;
}

.mvd-company-page .mvd-company-modern,
.mvd-trainee-page .article-content {
  max-width: 1040px;
}

.mvd-company-page .content,
.mvd-trainee-page .content {
  max-width: 1040px;
}

.mvd-company-hero {
  align-items: center;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1fr) 150px;
}

.mvd-company-hero img {
  display: block;
  height: auto;
  max-width: 150px;
}

.mvd-company-hero h1 {
  font-size: 34px;
  line-height: 1.18;
  max-width: 820px;
}

.mvd-company-lead {
  color: #465d68;
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  line-height: 1.65;
  margin: 0 0 28px;
}

.mvd-company-services,
.mvd-trainee-flow {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 28px;
}

.mvd-company-services article,
.mvd-trainee-flow article {
  padding: 20px;
}

.mvd-company-services h2,
.mvd-trainee-flow h2,
.mvd-company-awards h2,
.mvd-trainee-tools h2,
.mvd-trainee-support h2 {
  color: #123f58;
  font-size: 20px;
  line-height: 1.3;
  margin: 0 0 10px;
  text-transform: none;
}

.mvd-company-services p,
.mvd-trainee-flow p,
.mvd-company-awards p,
.mvd-trainee-tools p {
  color: #526774;
  line-height: 1.58;
  margin: 0;
}

.mvd-company-metrics {
  background: #102838;
  border-radius: 6px;
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 28px;
  overflow: hidden;
}

.mvd-company-metrics div {
  background: rgba(255, 255, 255, 0.06);
  padding: 20px;
}

.mvd-company-metrics strong {
  color: #ffffff;
  display: block;
  font-size: 28px;
  line-height: 1;
}

.mvd-company-metrics span {
  color: #c2d2db;
  display: block;
  font-size: 12px;
  line-height: 1.35;
  margin-top: 8px;
}

.mvd-company-metrics-link {
  margin: -14px 0 28px;
  text-align: center;
}

.mvd-company-metrics-link a {
  color: #17627d;
  font-size: 14px;
  font-weight: 800;
}

.mvd-company-bottom-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
}

.mvd-company-awards,
.mvd-trainee-tools {
  background: #f6fafb;
  border: 1px solid #dce6eb;
  border-radius: 6px;
  padding: 22px;
}

.mvd-company-awards .btn {
  margin-top: 18px;
}

.mvd-company-qualiopi {
  margin: 0;
}

@media (max-width: 760px) {
  .mvd-company-bottom-grid {
    grid-template-columns: 1fr;
  }
}


.mvd-trainee-hero .mvd-section-kicker {
  margin-bottom: 8px;
}

.mvd-trainee-tools {
  align-items: center;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) 300px;
  margin: 0 0 28px;
}

.mvd-company-page .article-content + .article-content {
  border-top: 1px solid #e3eaee;
  margin-top: 25px;
  padding-top: 25px;
}

.mvd-company-page .article-content img {
  height: auto;
  max-width: 100%;
}

.mvd-trainer-hero {
  background:
    linear-gradient(135deg, rgba(16, 40, 56, 0.96), rgba(20, 31, 39, 0.96));
  border: 1px solid rgba(115, 190, 215, 0.28);
  border-radius: 8px;
  color: #ffffff;
  display: block;
  padding: 30px;
}

.mvd-modern-public .article-content .mvd-trainer-hero h1 {
  color: #ffffff;
  font-size: 34px;
  line-height: 1.18;
  max-width: 900px;
  overflow-wrap: anywhere;
}

.mvd-modern-public .article-content .mvd-trainer-hero p:not(.mvd-section-kicker) {
  color: #d4e2e8;
  font-size: 16px;
  line-height: 1.6;
  max-width: 760px;
}

.mvd-trainer-specialties {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.mvd-trainer-specialties span {
  background: rgba(143, 213, 239, .13);
  border: 1px solid rgba(143, 213, 239, .38);
  border-radius: 999px;
  color: #eaf7fb;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .03em;
  overflow-wrap: anywhere;
  padding: 7px 10px;
  text-transform: uppercase;
}

.mvd-trainer-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.mvd-trainer-hero-actions .mvd-btn-secondary {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(143, 213, 239, 0.8);
  color: #123f58;
}

.mvd-trainer-hero-actions .mvd-btn-secondary:hover,
.mvd-trainer-hero-actions .mvd-btn-secondary:focus {
  background: #ffffff;
  border-color: #73bed7;
  color: #087ca7;
}

.mvd-trainer-summary {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 28px;
}

.mvd-trainer-summary article {
  background: #f6fafb;
  border: 1px solid #dce6eb;
  border-left: 4px solid #087ca7;
  border-radius: 6px;
  padding: 18px;
}

.mvd-trainer-summary strong {
  color: #123f58;
  display: block;
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 8px;
}

.mvd-trainer-summary span {
  color: #526774;
  display: block;
  line-height: 1.45;
}

.mvd-trainer-recognition {
  background: #f6fafb;
  border: 1px solid #dce6eb;
  border-left: 4px solid #087ca7;
  border-radius: 7px;
  margin: 0 0 28px;
  padding: 22px;
}

/* A distinct but restrained treatment for professional awards. */
.mvd-modern-public .mvd-professional-award {
  background: #fffdf8;
  border: 2px solid #c18b35;
  border-top-width: 5px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 4px 12px rgba(112, 77, 23, .06);
}

.mvd-trainer-recognition h2 {
  color: #123f58;
  font-size: 22px;
  line-height: 1.28;
  margin: 0 0 10px;
}

.mvd-trainer-recognition p,
.mvd-trainer-recognition li {
  color: #526774;
  line-height: 1.58;
}

.mvd-trainer-recognition p {
  margin: 0 0 12px;
}

.mvd-trainer-recognition ul {
  margin: 0 0 0 20px;
  padding: 0;
}

.mvd-trainer-recognition li + li {
  margin-top: 7px;
}

.mvd-trainer-career {
  background: #f7fafb;
  border: 1px solid #dce6eb;
  border-radius: 8px;
  margin: 0 0 28px;
  padding: 24px;
}

.mvd-trainer-career-heading {
  border-bottom: 1px solid #dce6eb;
  margin-bottom: 18px;
  padding-bottom: 16px;
}

.mvd-modern-public .article-content .mvd-trainer-career-heading h2 {
  color: #123f58;
  font-size: 28px;
  line-height: 1.18;
  margin: 0 0 8px;
}

.mvd-trainer-career-heading p:not(.mvd-section-kicker) {
  color: #526774;
  font-size: 15px;
  margin: 0;
}

.mvd-trainer-timeline {
  display: grid;
  gap: 12px;
}

.mvd-trainer-timeline article {
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid #dce6eb;
  border-left: 4px solid #087ca7;
  border-radius: 7px;
  display: grid;
  gap: 18px;
  grid-template-columns: 132px minmax(0, 1fr);
  padding: 16px;
}

.mvd-trainer-timeline strong {
  background: #e7f1f6;
  border: 1px solid #bdd8e2;
  border-radius: 999px;
  color: #123f58;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  justify-content: center;
  line-height: 1.2;
  padding: 7px 10px;
  text-align: center;
}

.mvd-trainer-timeline h3 {
  color: #123f58;
  font-size: 18px;
  line-height: 1.25;
  margin: 0 0 5px;
}

.mvd-trainer-timeline p {
  color: #526774;
  line-height: 1.5;
  margin: 0;
}

.mvd-trainer-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 28px;
}

.mvd-trainer-grid article {
  border: 1px solid #dce6eb;
  border-radius: 6px;
  padding: 22px;
}

.mvd-trainer-grid h2 {
  color: #123f58;
  font-size: 21px;
  line-height: 1.28;
  margin: 0 0 10px;
  text-transform: none;
}

.mvd-trainer-grid p {
  color: #526774;
  line-height: 1.58;
  margin: 0;
}

.mvd-trainer-cta {
  margin-bottom: 0;
}

.mvd-trainer-cta-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.mvd-linkedin-button {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.mvd-linkedin-button img {
  background: #ffffff;
  border-radius: 3px;
  display: block;
  height: 20px;
  object-fit: contain;
  width: 20px;
}

@media (max-width: 620px) {
  .mvd-modern-public .article-content .mvd-trainer-hero h1 {
    font-size: 28px;
  }

  .mvd-trainer-timeline article {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .mvd-trainer-timeline strong {
    justify-self: flex-start;
  }
}

.mvd-trainee-page .article-content,
.mvd-trainee-page .content {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.mvd-resource-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  margin: 0 0 34px;
}

.mvd-resource-card {
  border: 1px solid #dbe5e9;
  border-radius: 6px;
  border-top: 3px solid #1f728c;
  box-sizing: border-box;
  padding: 22px 22px 24px;
}

.mvd-resource-card .mvd-resource-type {
  color: #58707b;
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 9px;
  text-transform: uppercase;
}

.mvd-resource-card h2 {
  color: #123f58;
  font-size: 21px;
  line-height: 1.3;
  margin: 0 0 10px;
}

.mvd-resource-card p:not(.mvd-resource-type) {
  color: #526774;
  min-height: 47px;
}

.mvd-resource-card .btn {
  margin-top: 10px;
}

.mvd-trainee-tool-list {
  display: grid;
  gap: 12px;
}

.mvd-trainee-tool-list a {
  align-items: center;
  color: #123f58;
  display: flex;
  gap: 12px;
  padding: 13px;
  text-decoration: none;
  width: 100%;
}

.mvd-trainee-tool-list a:hover,
.mvd-trainee-tool-list a:focus {
  border-color: #b4d1dc;
  filter: brightness(1.04);
  text-decoration: none;
  transform: var(--mvd-raise-hover);
}

.mvd-trainee-tool-list img {
  flex: 0 0 70px;
  height: auto;
  max-width: 70px;
  object-fit: contain;
  width: 70px;
}

.mvd-trainee-tool-list span {
  color: #526774;
  font-size: 13px;
  line-height: 1.35;
  min-width: 0;
}

.mvd-trainee-support {
  border-top: 1px solid #e3eaee;
  padding-top: 27px;
}

.mvd-trainee-support-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mvd-trainee-support-card {
  background: #f6fafb;
  border: 1px solid #dce6eb;
  border-left: 4px solid #087ca7;
  border-radius: 6px;
  display: block;
  padding: 18px;
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.mvd-trainee-support-card:hover,
.mvd-trainee-support-card:focus-visible {
  background: #edf5f7;
  border-color: #70a9c4;
  box-shadow: 0 8px 18px rgba(23, 98, 125, .12);
  transform: translateY(-2px);
}

.mvd-trainee-support-grid p {
  color: #526774;
  line-height: 1.58;
  margin: 0;
}

.mvd-trainee-support h2 {
  color: #123f58;
  font-size: 22px;
  margin: 0 0 10px;
}

@media (max-width: 620px) {
  .mvd-trainee-support-grid {
    grid-template-columns: 1fr;
  }
}

.mvd-booklet-page .content {
  max-width: 1040px;
}

.mvd-booklet {
  background: transparent;
  border: 0;
  padding: 0;
}

.mvd-booklet-summary,
.mvd-booklet-section {
  margin: 0 0 16px;
  padding: 22px;
}

.mvd-booklet-summary {
  background: var(--mvd-surface-soft);
}

.mvd-booklet-document-meta {
  border-left: 4px solid var(--mvd-accent, #5c94ba);
  color: #526774;
  display: grid;
  gap: 4px;
  margin-top: 18px;
  padding: 12px 16px;
}

.mvd-booklet-document-meta p {
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
}

.mvd-booklet-document-meta strong {
  color: #123f58;
}

.mvd-booklet-document-meta span::before {
  content: " - ";
}

.mvd-booklet-document-meta a {
  color: #285f82;
  font-weight: 700;
}

.mvd-booklet-summary h2,
.mvd-booklet-section h2 {
  color: #123f58;
  font-size: 21px;
  line-height: 1.3;
  margin: 0 0 13px;
  text-transform: none;
}

.mvd-booklet-section h3 {
  color: #234757;
  font-size: 15px;
  line-height: 1.35;
  margin: 0 0 8px;
  text-transform: none;
}

.mvd-booklet-summary ol {
  column-gap: 28px;
  columns: 2;
  color: #526774;
  line-height: 1.65;
  margin: 0 0 0 20px;
}

.mvd-booklet-section p {
  color: #526774;
  line-height: 1.62;
  margin: 0 0 12px;
}

.mvd-booklet-section p:last-child {
  margin-bottom: 0;
}

.mvd-booklet-section ul {
  color: #526774;
  line-height: 1.62;
  margin: 0 0 12px 22px;
}

.mvd-booklet-section li + li {
  margin-top: 4px;
}

.mvd-booklet-contact-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mvd-booklet-contact-grid > div {
  background: #f6fafb;
  border: 1px solid #dce6eb;
  border-radius: 6px;
  padding: 18px;
}

.mvd-booklet-summary a {
  color: #285f82;
  font-weight: 700;
  text-decoration: none;
}

.mvd-booklet-summary a:hover,
.mvd-booklet-summary a:focus-visible {
  color: #123f58;
  text-decoration: underline;
}

.mvd-booklet-section {
  scroll-margin-top: 120px;
}

.mvd-company-page .mvd-quality-modern {
  max-width: 1180px;
  container-type: inline-size;
}

.mvd-quality-hero {
  padding: 28px;
}

.mvd-modern-public .article-content .mvd-quality-hero h1 {
  font-size: clamp(26px, 3vw, 30px);
  line-height: 1.15;
  max-width: 780px;
}

.mvd-quality-dashboard {
  align-items: stretch;
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 26px;
  max-width: 1180px;
}

.mvd-quality-dashboard article {
  background: #f6fafb;
  border: 1px solid #dce6eb;
  border-radius: 8px;
  box-sizing: border-box;
  box-shadow: 0 10px 22px rgba(14, 35, 48, 0.08);
  color: #173241;
  padding: 24px;
}

.mvd-quality-current {
  background: linear-gradient(135deg, #fbfdfe, #eef6f9) !important;
  border-color: #bdd3df !important;
  box-shadow: 0 10px 22px rgba(18, 63, 88, 0.09) !important;
  color: #173241 !important;
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
  align-items: stretch;
  padding: 22px !important;
}

.mvd-quality-dashboard h2 {
  color: #123f58;
  font-size: 28px;
  line-height: 1.1;
  margin: 0;
  text-transform: none;
}

.mvd-quality-current h2 {
  color: #123f58;
  font-size: 28px;
  font-weight: 800;
  text-shadow: none;
}

.mvd-modern-public .article-content .mvd-quality-current h2 {
  color: #123f58;
}

.mvd-quality-current .mvd-resource-type {
  color: #17627d;
  margin-bottom: 8px;
}

.mvd-quality-current-heading {
  align-items: baseline;
  border-bottom: 1px solid #c9dbe4;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding-bottom: 12px;
}

.mvd-quality-current-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mvd-quality-current-metrics span {
  background: #ffffff;
  border: 1px solid #c9dbe4;
  border-left: 5px solid #73bed7;
  border-radius: 7px;
  display: block;
  min-width: 0;
  padding: 15px 14px 13px 16px;
}

.mvd-quality-current-metrics strong {
  color: #123f58;
  display: block;
  font-size: clamp(22px, 1.8vw, 28px);
  line-height: 1;
  margin-bottom: 8px;
  white-space: nowrap;
}

.mvd-quality-current-metrics em {
  color: #526774;
  display: block;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.2;
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
  text-transform: uppercase;
}

.mvd-quality-history {
  align-items: stretch;
  display: flex;
}

.mvd-quality-history-cards {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  min-height: 0;
  width: 100%;
}

.mvd-quality-history-card {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dce6eb;
  border-left: 4px solid #73bed7;
  border-radius: 7px;
  box-sizing: border-box;
  display: grid;
  flex: 1 1 0;
  gap: 12px;
  grid-template-columns: minmax(72px, .7fr) repeat(2, minmax(0, 1fr));
  min-height: 76px;
  padding: 14px;
}

.mvd-quality-history-card--metrics-3 {
  grid-template-columns: minmax(72px, .7fr) repeat(3, minmax(0, 1fr));
}

.mvd-quality-history-card strong {
  color: #123f58;
  font-size: 22px;
  line-height: 1;
}

.mvd-quality-history-card span {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.mvd-quality-history-card em {
  color: #5d707b;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1.15;
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
  text-transform: uppercase;
}

.mvd-quality-history-card b {
  color: #263746;
  font-size: 19px;
  line-height: 1.1;
}

.mvd-quality-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
}

.mvd-quality-method ul {
  color: #526774;
  line-height: 1.6;
  margin: 0 0 0 18px;
  padding: 0;
}

.mvd-quality-method li + li {
  margin-top: 8px;
}

.mvd-quality-updated {
  border-top: 1px solid #dce6eb;
  color: #526774;
  font-size: 13px;
  margin: 18px 0 0;
  padding-top: 14px;
}

.mvd-quality-certificate p {
  color: #526774;
  line-height: 1.58;
}

.mvd-quality-certificate-logo {
  display: block;
  height: auto;
  margin: 2px 0 18px;
  max-height: 118px;
  max-width: 260px;
  object-fit: contain;
  width: min(100%, 260px);
}

@container (max-width: 1080px) {
  .mvd-quality-dashboard {
    grid-template-columns: 1fr;
  }
}

/* At narrower viewport widths, keep both dashboard panels in a single column. */
@media (max-width: 1200px) {
  .mvd-quality-dashboard,
  .mvd-quality-grid {
    grid-template-columns: 1fr;
  }

  .mvd-quality-current-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .mvd-quality-current-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .mvd-quality-current-metrics,
  .mvd-quality-history-card--metrics-3 {
    grid-template-columns: 1fr;
  }

  .mvd-quality-history-card {
    align-items: start;
    flex: 0 0 auto;
    gap: 12px;
    grid-template-columns: minmax(58px, .55fr) repeat(2, minmax(0, 1fr));
    min-height: 0;
  }

  .mvd-quality-history-card--metrics-3 {
    grid-template-columns: 1fr;
  }

  .mvd-quality-history-card span {
    gap: 3px;
  }
}

@media (max-width: 520px) {
  body.mvd-quality-page .main-content {
    overflow-x: hidden;
  }

  .mvd-quality-page .wrap-content,
  .mvd-quality-page .content,
  .mvd-quality-page .article-content {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }

  .mvd-quality-page .wrap-content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  body.mvd-quality-page.page-full-width .content {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .mvd-quality-hero,
  .mvd-quality-dashboard article,
  .mvd-quality-grid .mvd-resource-card {
    padding: 18px;
  }

  .mvd-quality-current-metrics strong {
    font-size: 23px;
  }

  .mvd-quality-current-metrics {
    gap: 8px;
  }

  .mvd-quality-current-metrics span {
    border-left-width: 4px;
    padding: 12px 8px 11px 11px;
  }

  .mvd-quality-current-metrics em {
    font-size: 9px;
  }

  .mvd-quality-history-card {
    padding: 12px;
  }

  .mvd-quality-history-card b {
    font-size: 15px;
  }

  .mvd-quality-history-card strong {
    font-size: 18px;
  }
}


