
.cert-intro { padding: 68px 0 48px; background: linear-gradient(120deg, var(--blue-100), #f7fafc 75%); border-bottom: 1px solid var(--line); }
.cert-intro h1 { font-size: clamp(2.4rem, 5vw, 4.5rem); max-width: 960px; color: var(--navy-900); }
.cert-lede { max-width: 740px; font-size: 1.18rem; }
.cert-scope { max-width: 850px; margin-bottom: 0; color: #455b6d; }
.cert-content { padding-top: 52px; padding-bottom: 72px; max-width: 1050px; }
.cert-group { margin-bottom: 52px; }
.cert-group h2, .cert-explainer h2 { font-size: clamp(1.8rem, 3vw, 2.4rem); color: var(--navy-900); }
.cert-list { padding: 0; margin: 0; list-style: none; border-top: 2px solid var(--navy-900); }
.cert-row { display: grid; grid-template-columns: minmax(0, 1fr) 230px; align-items: center; gap: 36px; padding: 26px 0; border-bottom: 1px solid var(--line); }
.cert-kind { font-size: .875rem; color: #3e6376; margin-bottom: 8px; font-weight: 700; }
.cert-row h3 { font-size: 1.5rem; margin-bottom: 6px; }
.cert-part { font-weight: 700; margin-bottom: 8px; }
.cert-description { color: var(--muted); margin: 0; }
.cert-link { justify-self: end; color: var(--navy-900); text-decoration: underline; text-underline-offset: 5px; font-weight: 800; padding-block: 12px; }
.cert-link:hover { color: #006796; }
.cert-page a:focus-visible { outline: 3px solid var(--blue-600); outline-offset: 5px; }
.cert-explainer { padding: 32px; background: var(--surface); border-radius: 18px; }
.cert-explainer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.cert-explainer a { text-decoration: underline; text-underline-offset: 3px; font-weight: 700; }
.cert-explainer p:last-child { margin-bottom: 0; }
.cert-explainer > p { margin-top: 24px; }
.cert-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 700px) {
 .cert-intro { padding: 40px 0 32px; }
 .cert-row { grid-template-columns: 1fr; gap: 6px; padding: 24px 0; }
 .cert-link { justify-self: start; }
 .cert-explainer { padding: 24px; }
 .cert-explainer-grid { grid-template-columns: 1fr; gap: 24px; }
}
