/* Certifications web translation of design preset: compact_reference_guide.
   Named overrides: responsive web geometry and Terahealth brand colors. */

body.page-certifications {
    --cert-ink: #0b2545;
    --cert-heading: #2e74b5;
    --cert-heading-dark: #1f4d78;
    --cert-border: #d6e0ea;
    --cert-fill: #e8eef5;
    --cert-surface: #f4f6f9;
    color: var(--cert-ink);
}

body.page-certifications .certs-hero.resource-hero {
    padding: 86px 0 72px;
    background:
        linear-gradient(90deg, rgba(9, 42, 73, .90) 0%, rgba(22, 88, 139, .68) 52%, rgba(46, 116, 181, .20) 100%),
        url("../images/certifications-documentation.webp") center center / cover no-repeat !important;
}

body.page-certifications .certs-hero .hero-title {
    max-width: 760px;
    margin: 0 0 10px;
    font-size: clamp(40px, 4vw, 54px);
    line-height: 1.12;
}

body.page-certifications .certs-hero .hero-subtitle {
    max-width: 760px;
    line-height: 1.55;
}

body.page-certifications .certs-grid-section {
    padding: 60px 0 70px;
    background: var(--cert-surface);
}

body.page-certifications .resource-section-heading {
    max-width: 780px;
    margin: 0 0 34px;
    text-align: left;
}

body.page-certifications .resource-section-heading h2 {
    margin: 0 0 8px;
    color: var(--cert-heading);
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.18;
}

body.page-certifications .resource-section-heading p {
    margin: 0;
    color: #435d74;
    line-height: 1.55;
}

body.page-certifications .certs-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

body.page-certifications .cert-card {
    border: 1px solid var(--cert-border);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(11, 37, 69, 0.06);
}

body.page-certifications .cert-card:hover {
    transform: translateY(-3px);
    border-color: #9bbbd7;
    box-shadow: 0 14px 30px rgba(11, 37, 69, 0.11);
}

body.page-certifications .cert-icon-wrapper {
    height: 112px;
    background: var(--cert-fill);
    border-bottom-color: var(--cert-border);
}

body.page-certifications .cert-icon {
    width: 66px;
    height: 66px;
}

body.page-certifications .cert-content { padding: 20px; }

body.page-certifications .cert-content h3 {
    margin: 0 0 8px;
    color: var(--cert-heading-dark);
    font-size: 20px;
    line-height: 1.3;
}

body.page-certifications .cert-status {
    margin: 0 0 12px;
    color: #52697f;
    font-size: 12px;
}

body.page-certifications .cert-content p,
body.page-certifications .cert-features li {
    color: #435d74;
    line-height: 1.5;
}

body.page-certifications .cert-content p { margin-bottom: 6px; }

body.page-certifications .cert-features {
    margin: 12px 0 18px;
}

body.page-certifications .cert-features li {
    margin-bottom: 7px;
    font-size: 13px;
}

body.page-certifications .btn-cert {
    min-height: 42px;
    border-radius: 6px;
    text-decoration: none;
}

body.page-certifications .btn-cert:focus-visible {
    outline: 3px solid rgba(46, 116, 181, 0.28);
    outline-offset: 2px;
}

body.page-certifications .downloads-cta { padding: 58px 0; }

@media (prefers-reduced-motion: reduce) {
    body.page-certifications .cert-card,
    body.page-certifications .btn-cert { transition: none; }
}

@media (max-width: 992px) {
    body.page-certifications .certs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    body.page-certifications .certs-hero.resource-hero { padding: 64px 0 52px; }
    body.page-certifications .certs-hero .hero-title { font-size: 35px; }
    body.page-certifications .certs-grid-section { padding: 44px 0 52px; }
    body.page-certifications .certs-grid { grid-template-columns: 1fr; }
    body.page-certifications .cta-buttons { align-items: stretch; flex-direction: column; }
    body.page-certifications .cta-buttons .btn { width: 100%; }
}