/* Shared logo and footer; load after each page's other CSS. */
:root { --brand-page-bg: #e2eff7; --brand-footer-text: #5e7996; }
.landing-page .hero-logo, .checker-page .checker-logo {
    display: block;
    width: min(280px, 75vw);
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.site-footer {
    width: 100%;
    box-sizing: border-box;
    padding: 18px 20px 26px;
    background: var(--brand-page-bg);
    text-align: center;
}
.site-footer .copyright {
    margin: 0;
    color: var(--brand-footer-text);
    font: 400 12px/1.5 Arial, Helvetica, sans-serif;
}
.checker-body .checker-page { min-height: 0; }
@media (max-width: 768px) {
    .landing-page .hero-logo, .checker-page .checker-logo { width: min(220px, 75vw); }
    .site-footer { padding: 18px 16px 24px; }
}