.certification-hero { padding-block: 58px 88px; }
.certification-hero .breadcrumbs { margin-bottom: 58px; }
.certification-hero-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); align-items: start; gap: clamp(48px, 9vw, 120px); }
.certification-hero h1 { max-width: 820px; margin: 14px 0 24px; font: 600 clamp(42px, 6vw, 72px)/1 var(--display); letter-spacing: -.055em; }
.certification-intro { max-width: 720px; color: #58677e; font-size: 16px; line-height: 1.75; }
.certification-intro p { margin: 0; }
.certification-hero aside { border: 1px solid #cbd8e9; background: var(--soft); box-shadow: 12px 12px 0 #e3ebf6; }
.certification-hero aside > p { margin: 0; border-bottom: 1px solid var(--line); padding: 18px; color: var(--blue); font: 500 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.certification-hero aside dl { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; }
.certification-hero aside dl div { padding: 22px 15px; }
.certification-hero aside dl div + div { border-left: 1px solid var(--line); }
.certification-hero aside dt { color: var(--muted); font: 8px var(--mono); text-transform: uppercase; }
.certification-hero aside dd { margin: 9px 0 0; color: var(--blue); font: 500 25px var(--mono); }
.certification-hero aside > small { display: block; border-top: 1px solid var(--line); padding: 15px 18px; color: var(--muted); font: 8px var(--mono); }
.certification-blueprint { border-block: 1px solid var(--line); padding-block: 92px; background: var(--soft); }
.certification-blueprint header, .certification-method > header, .certification-sources > header { max-width: 760px; margin-bottom: 38px; }
.certification-blueprint h2, .certification-method h2, .certification-sources h2 { margin: 10px 0 12px; font: 600 clamp(30px, 4vw, 48px)/1.06 var(--display); letter-spacing: -.04em; }
.certification-blueprint header > p:last-child, .certification-method header > p:last-child, .certification-sources header > p:last-child { color: var(--muted); line-height: 1.7; }
.certification-blueprint .concept-graph { background: #fff; }
.certification-context { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; padding-block: 88px; background: var(--line); }
.certification-context article { padding: 32px; background: #fff; }
.certification-context article > p:not(.eyebrow), .certification-context article li { color: var(--muted); line-height: 1.7; }
.certification-method { padding-block: 95px; }
.certification-method > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid var(--line); }
.certification-method article { min-height: 260px; padding: 24px; }
.certification-method article + article { border-left: 1px solid var(--line); }
.certification-method article > span { color: var(--blue); font: 9px var(--mono); }
.certification-method h3 { margin: 50px 0 11px; font: 600 17px var(--display); }
.certification-method article p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.certification-sources { padding-block: 0 95px; }
.certification-sources ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.certification-sources a { display: grid; min-height: 150px; gap: 8px; border: 1px solid var(--line); padding: 23px; color: inherit; text-decoration: none; }
.certification-sources a:hover { border-color: #8baad4; box-shadow: 5px 5px 0 #dce7f5; }
.certification-sources a span { color: var(--blue); font: 8px var(--mono); text-transform: uppercase; }
.certification-sources a strong { font: 600 16px/1.35 var(--display); }
.certification-sources a small { color: var(--muted); font-size: 10px; line-height: 1.55; }
.certification-offer .price-assurance { color: #b9cbe4; font-size: 9px; }
.certification-offer .price-amount del { display: block; margin-top: 10px; color: #9eb6d5; font: 9px var(--mono); }

@media (max-width: 1000px) {
  .certification-method > div { grid-template-columns: repeat(2, 1fr); }
  .certification-method article + article { border-left: 0; }
  .certification-method article:nth-child(even) { border-left: 1px solid var(--line); }
  .certification-method article:nth-child(n+3) { border-top: 1px solid var(--line); }
}

@media (max-width: 850px) {
  .certification-hero-grid { grid-template-columns: 1fr; }
  .certification-method > div { grid-template-columns: 1fr; }
  .certification-method article:nth-child(even) { border-left: 0; }
  .certification-method article + article { border-top: 1px solid var(--line); }
  .certification-context, .certification-sources ol { grid-template-columns: 1fr; }
}

@media (max-width: 580px) {
  .certification-hero { padding-block: 38px 62px; }
  .certification-hero .breadcrumbs { margin-bottom: 38px; }
  .certification-hero h1 { font-size: 39px; }
  .certification-hero aside dl { grid-template-columns: 1fr; }
  .certification-hero aside dl div + div { border-top: 1px solid var(--line); border-left: 0; }
  .certification-blueprint, .certification-method, .certification-context { padding-block: 68px; }
  .certification-method article { min-height: 210px; }
}