:root {
  --gcc-blue: #1769aa;
  --gcc-navy: #17345f;
  --gcc-orange: #ed6b2e;
  --gcc-text: #263445;
  --gcc-soft: #f4f7fa;
}

body {
  color: var(--gcc-text);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--gcc-navy);
  line-height: 1.2;
}

a {
  color: var(--gcc-blue);
}

a:hover {
  color: var(--gcc-navy);
}

button,
input[type="button"],
input[type="submit"],
a.button,
a.WaButton,
.button {
  border-radius: 5px;
}

:focus-visible {
  outline: 3px solid var(--gcc-orange);
  outline-offset: 2px;
}

@media (max-width: 700px) {
  body {
    line-height: 1.5;
  }

  h1 {
    font-size: 1.8rem;
  }

  h2 {
    font-size: 1.5rem;
  }
}
/* Main content spacing */
#idPrimaryContentBlock1Content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 36px 28px !important;
}

/* Section and gadget cards */
#idPrimaryContentBlock1Content .WaGadget {
  background: #ffffff !important;
  border: 1px solid #e3e9f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 20px rgba(23, 52, 95, 0.08) !important;
  margin: 24px 0 !important;
  padding: 24px !important;
}

/* Stronger section headings */
#idPrimaryContentBlock1Content h1,
#idPrimaryContentBlock1Content h2,
#idPrimaryContentBlock1Content h3,
.WaGadget h1,
.WaGadget h2,
.WaGadget h3 {
  color: #17345f !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}

/* Horizontal navigation */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
  color: #17345f !important;
  font-weight: 700 !important;
  padding: 14px 16px !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a:hover {
  color: #ffffff !important;
  background: #1769aa !important;
}

/* Buttons */
.WaGadget a.WaButton,
.WaGadget input[type="submit"],
.WaGadget button,
a.WaButton,
input[type="submit"] {
  background: #1769aa !important;
  border: 2px solid #1769aa !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  padding: 11px 20px !important;
  text-decoration: none !important;
}

.WaGadget a.WaButton:hover,
.WaGadget input[type="submit"]:hover,
.WaGadget button:hover,
a.WaButton:hover,
input[type="submit"]:hover {
  background: #17345f !important;
  border-color: #17345f !important;
}

/* Event listings */
.WaGadgetEventsStateList .boxOuterContainer,
.WaGadgetEventsStateList .boxInfoContainer {
  background: #f4f7fa !important;
  border: 1px solid #e3e9f0 !important;
  border-radius: 8px !important;
  margin-bottom: 14px !important;
  padding: 16px !important;
}

/* Mobile spacing */
@media (max-width: 700px) {
  #idPrimaryContentBlock1Content {
    padding: 20px 14px !important;
  }

  #idPrimaryContentBlock1Content .WaGadget {
    border-radius: 8px !important;
    margin: 16px 0 !important;
    padding: 18px !important;
  }
}