/* Shared chrome hardening for jayspudvilas.com
   Purpose: prevent page-level typography / root font-size changes from affecting shared header/footer/mobile chrome.
*/

.header,
.footer,
.mobile-menu {
  font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
}

/* Freeze spacing tokens inside chrome to px so rem/root font-size changes cannot drift layout */
.header,
.footer,
.mobile-menu {
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
}

.header-inner,
.footer-layout,
.footer-bottom {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.global-nav__link {
  font-size: 11.2px !important;
}

.logo-text {
  font-size: 22px !important;
}

.js-reading-toggle {
  font-size: 11px !important;
}

.mobile-menu-header {
  margin-bottom: 32px;
  padding-bottom: 24px;
}

.mobile-menu-title {
  font-size: 28px !important;
}

.mobile-menu-subtitle {
  font-size: 12px !important;
}

.mobile-menu nav {
  gap: 12px;
}

.mobile-menu a {
  font-size: 16px !important;
  padding: 10px 16px 10px 32px !important;
}

.mobile-menu a.active::after {
  left: 14px;
  font-size: 12px;
}

.footer {
  padding: 64px 32px 48px !important;
  margin-top: 64px !important;
}

.footer-links {
  gap: 32px !important;
  margin-bottom: 24px !important;
}

.footer-links a,
.footer-column a,
.footer-brand p,
.footer-cta > p {
  font-size: 15px !important;
}

.footer-heading {
  font-size: 11px !important;
}

.footer-meta {
  font-size: 13px !important;
}

.footer-attribution {
  font-size: 15px !important;
}