/* More room for the footer columns on desktop screens. */
@media (min-width: 1200px) {
    #footer .footer-content > .container {
        width: 94%;
        max-width: 1440px;
    }
    #footer .footer-content > .container > .row > div {
        flex: 0 0 14%;
        max-width: 14%;
    }
    #footer .footer-content > .container > .row > div:first-child {
        flex-basis: 30%;
        max-width: 30%;
    }
    #footer .footer-content > .container > .row > div:nth-child(4) {
        flex-basis: 20%;
        max-width: 20%;
    }
    #footer .footer-content > .container > .row > div:last-child {
        flex-basis: 22%;
        max-width: 22%;
    }
    #footer .footer-certificate a { white-space: nowrap; }
}
#footer .footer-certificate {
    margin-top: 0;
    padding: 18px 16px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 8px;
    background: rgba(66, 135, 245, .06);
}
#footer .footer-certificate-logo {
    display: block;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    object-fit: contain;
}
#footer .footer-certificate h4 { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; color: #fff; font-size: 15px; text-transform: none; letter-spacing: normal; }
#footer .footer-certificate p { margin-bottom: 16px; color: #ccc; font-size: 13px; line-height: 1.65; }
#footer .footer-certificate a { color: #9ac1ff !important; font-weight: 600; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
#footer .footer-certificate a:hover { color: #fff !important; }
#footer .footer-certificate a:focus-visible { outline: 2px solid #79adff; outline-offset: 4px; }
.certificates { padding: 48px 0 64px; background: #fff; }
.certificate-tabs { display: flex; flex-wrap: wrap; gap: 8px; border-bottom: 1px solid #d6dce3; }
.certificate-tabs [role="tab"] {
    padding: 14px 20px;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #454545;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.certificate-tabs [aria-selected="true"] { border-bottom-color: #2864bd; color: #2056a3; background: #f0f5fc; border-radius: 6px 6px 0 0; }
.certificate-tabs [role="tab"]:focus-visible, .certificate-panel:focus-visible { outline: 2px solid #2864bd; outline-offset: 3px; }
.certificate-panel { padding: 28px 0 0; }
.certificate-panel[hidden] { display: none; }
.certificate-panel h2 { font-size: 24px; margin-bottom: 8px; }
.certificate-document-link { margin: 20px 0 28px; }
.certificate-document-link a {
    display: inline-flex;
    align-items: center;
    padding: 11px 18px;
    border: 1px solid #c7d7ec;
    border-radius: 6px;
    background: #f0f5fc;
    color: #2056a3;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    transition: background-color .15s, border-color .15s;
}
.certificate-document-link a:hover { background: #e2ecfa; border-color: #2864bd; color: #174780; }
.certificate-document-link a:focus-visible { outline: 2px solid #2864bd; outline-offset: 3px; }
.certificate-pdf {
    display: block;
    width: 100%;
    max-width: 860px;
    height: auto;
    aspect-ratio: 210 / 305;
    margin: 0 auto;
    border: 1px solid #d6dce3;
    border-radius: 4px;
    background: #f3f4f6;
    box-shadow: 0 4px 18px rgba(20, 40, 65, .07);
}
@media (max-width: 575px) {
    .certificates { padding: 32px 0; }
    .certificate-document-link a { padding: 10px 16px; }
}
