@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Source+Sans+3:wght@400;500;600&display=swap");

html {
  overflow-x: clip !important;
  font-size: 16px !important;
}
body {
  margin: 0 !important;
  font-family: 'Source Sans 3', sans-serif !important;
  color: var(--ink, #1a1a2e) !important;
  background: var(--cream, #faf8f5) !important;
  line-height: 1.6 !important;
  font-size: 1rem !important;
  overflow-x: clip !important;
  max-width: 100vw !important;
  width: 100% !important;
  overflow-wrap: break-word !important;
}
.header-new {
  background: var(--white, #ffffff) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}
.kofa-submenu {
  background: #fbfaf5 !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--border, #e3e2dc) !important;
}
.kofa-submenu-inner {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
  display: flex !important;
  gap: 0 !important;
  overflow-x: visible !important;
}
.kofa-submenu-tab {
  padding: 10px 22px !important;
  font-family: 'Source Sans 3', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
  color: var(--text-muted, #6b6b6b) !important;
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.kofa-submenu-tab:hover {
  color: var(--navy, #0B1D3A) !important;
}
.kofa-submenu-tab.active {
  color: var(--navy, #0B1D3A) !important;
  border-bottom-color: var(--gold, #C5A55A) !important;
  font-weight: 600 !important;
}
body > main {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  box-sizing: border-box !important;
}
@media (max-width: 700px) {
  .kofa-submenu-inner {
    padding: 0 1rem !important;
    overflow-x: auto !important;
  }
  .kofa-submenu-tab {
    padding: 8px 14px !important;
    font-size: 13px !important;
  }
  body > main {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
