/* Small deployment-safe overrides kept separate from the compressed stylesheet. */
.site-header { color: #fff; }
body { overflow-x: hidden; }
body.menu-open { overflow: hidden; }
.footer-credit span { color: var(--pink); }
.footer-credit a { color: #ddd; font-weight: 800; }
.footer-credit a:hover { color: var(--pink); }
.footer-bottom { font-size: 12px; padding: 22px 0; }
.footer-credit { color: #bcbcbc; }
.footer-grid div:not(:first-child) a { font-size: 13px; margin: 10px 0; }
.footer-grid h3 { font-size: 12px; }
.brand { align-items: center; display: inline-flex; gap: 8px; }
.brand img { display: block; height: 32px; object-fit: contain; width: 32px; }
.brand-name { color: #fff; }

/* Mobile layout hardening: guarantees every section follows the viewport width. */
@media (max-width: 720px) {
  :root { --container: calc(100% - 32px); }
  html, body { max-width: 100%; overflow-x: clip; width: 100%; }
  .container { max-width: none; width: calc(100% - 32px); }
  .hero, .site-header, main, .site-footer { max-width: 100vw; width: 100%; }
  .footer-credit { order: 3; }
}