/* Base Font and Layout Styling */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Heebo', system-ui, sans-serif;
}

body:has(#cookie-banner:not(.hidden)) {
  padding-bottom: 125px;
}

/* Accessibility Skip Link */
.skip-link {
  position: absolute;
  top: -999px;
  right: 1rem;
  z-index: 1000;
  background: #FF8800;
  color: #000;
  padding: 0.5rem 1rem;
  font-weight: 700;
  border-radius: 4px;
  transition: top 0.2s ease;
}

.skip-link:focus {
  top: 1rem;
}

:focus-visible {
  outline: 3px solid #FF0B8D;
  outline-offset: 2px;
}

/* Form Pill Inputs */
.form-input-pill {
  height: 3.25rem;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 0.5rem;
  color: #ffffff;
  padding: 0 1rem;
  text-align: right;
}

.form-input-pill::placeholder {
  color: #ffffff;
  opacity: 1;
}

.form-input-pill[aria-invalid="true"] {
  border-color: #fca5a5;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.4);
}

/* Accordion Details */
details[open] summary .faq-chev {
  transform: rotate(180deg);
}

details[open] .faq-content {
  background: rgba(255, 255, 255, 0.08);
}