/* Certifications extends the approved Testing & Inspection layout and tokens. */
.cert-page main h1{max-width:17ch}
.cert-hero-media>img{height:clamp(340px,38vw,600px);object-fit:cover;object-position:70% 60%}
.cert-entry{background:var(--pp-ink);color:var(--pp-surface)}
.cert-entry-grid{display:grid;grid-template-columns:1fr 1.15fr;grid-template-areas:"mark copy";gap:clamp(48px,7vw,112px);align-items:center}
.cert-entry--reverse{padding-top:0}
.cert-entry--reverse .cert-entry-grid{grid-template-columns:1fr 1.15fr;grid-template-areas:"mark copy";padding-top:var(--pp-section-space);border-top:1px solid rgb(255 255 255 / 30%)}
.cert-mark{grid-area:mark;display:flex;justify-content:center;align-items:center;min-width:0;min-height:clamp(280px,24vw,350px);padding:32px;background:var(--pp-surface)}
.cert-mark img{width:auto;height:auto;max-width:100%;object-fit:contain}
.cert-entry-copy{grid-area:copy}
.cert-entry-copy::before{content:"";display:block;width:96px;height:5px;margin-bottom:28px;background:var(--pp-red)}
.cert-entry-copy h2{max-width:20ch;color:var(--pp-surface)}
.cert-page main .cert-entry-copy p{margin-top:28px;color:rgb(255 255 255 / 80%)}
.cert-related .ti-section-heading{display:block;max-width:850px}
.cert-related .ti-section-heading h2{max-width:23ch}
.cert-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,8vw,144px)}
.cert-related-grid article{padding-top:28px;border-top:1px solid var(--pp-line)}
.cert-related-grid h3 .pp-text-link{font:inherit;min-height:44px}
.cert-related-grid p{margin-top:20px}
@media(max-width:900px){
  .cert-entry-grid,.cert-entry--reverse .cert-entry-grid{grid-template-columns:1fr;grid-template-areas:"copy" "mark";gap:32px}
  .cert-entry-copy h2{max-width:24ch}
  .cert-mark{padding:28px;min-height:280px;max-width:560px;width:100%}
}
@media(max-width:600px){
  .cert-hero-media>img{height:300px;object-position:80% 60%}
  .cert-entry-grid,.cert-related-grid{grid-template-columns:1fr;gap:32px}
  .cert-entry-copy h2{font-size:clamp(36px,9vw,48px)}
  .cert-mark{padding:24px;min-height:240px}
  .cert-mark img{max-width:min(100%,318px)}
  .cert-entry-copy::before{width:72px;height:4px;margin-bottom:24px}
  .cert-page main .cert-entry-copy p{margin-top:22px}
}