/*
 * "Submit your resume" section: one card per expression-of-interest form.
 * Markup is generated by tools/build-static.mjs from build.config.json -> resume.forms.
 * Colours and type follow the site: navy #001E43, gold #AD8400, Libre Bodoni / Source Sans 3 / Montserrat.
 * Selectors are scoped under .gov-eoi so they win over the Elementor kit's generic h3/a styles.
 */
.gov-eoi {
  width: 100%;
  max-width: 880px;
  margin: 8px auto 0;
}

.gov-eoi .gov-eoi__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.gov-eoi .gov-eoi__card {
  display: flex;
  flex-direction: column;
  padding: 32px 32px 28px;
  background: #fff;
  border-top: 4px solid #AD8400;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
  text-align: left;
}

/* Only one card shown (the others are hidden: true in build.config.json): centre it at the width it had in the
   two-up layout, half the grid less half the 24px gap, instead of letting it stretch across the whole section.
   (A grid item's percentage resolves against its grid area, here the whole row.) On phones it keeps the full
   width. */
.gov-eoi .gov-eoi__card:only-child {
  justify-self: center;
  width: 100%;
}

@media (min-width: 768px) {
  .gov-eoi .gov-eoi__card:only-child { max-width: calc((100% - 24px) / 2); }
}

/* Darker gold than the buttons so 12px text meets WCAG AA (5:1) on white */
.gov-eoi .gov-eoi__eyebrow {
  margin: 0 0 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #8A6A00;
}

.gov-eoi .gov-eoi__title {
  margin: 0 0 4px;
  font-family: "Libre Bodoni", serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  color: #001E43;
}

.gov-eoi .gov-eoi__subtitle {
  margin: 0 0 14px;
  font-family: "Libre Bodoni", serif;
  font-size: 17px;
  font-style: italic;
  line-height: 1.3;
  color: #001E43;
}

.gov-eoi .gov-eoi__text {
  flex: 1 1 auto;
  margin: 0 0 24px;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  color: #4A4F57;
}

.gov-eoi a.gov-eoi__button {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 22px;
  background: #AD8400;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.gov-eoi a.gov-eoi__button:hover,
.gov-eoi a.gov-eoi__button:focus {
  background: #8A6A00;
  color: #fff;
}

.gov-eoi a.gov-eoi__button:focus-visible {
  outline: 3px solid #001E43;
  outline-offset: 3px;
}

.gov-eoi .gov-eoi__note {
  margin: 20px 0 0;
  font-family: "Source Sans 3", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  color: rgba(255, 255, 255, 0.85);
}

@media (max-width: 767px) {
  .gov-eoi .gov-eoi__card { padding: 26px 22px 24px; }
  .gov-eoi .gov-eoi__title { font-size: 23px; }
}

@media (prefers-reduced-motion: reduce) {
  .gov-eoi a.gov-eoi__button { transition: none; }
}