:root {
  color-scheme: light;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
}

a {
  text-decoration: none;
}

[hidden] {
  display: none !important;
}

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.icon--filled svg {
  fill: currentColor;
  stroke: currentColor;
}

.mobile-menu-open [data-menu-open] {
  display: none;
}

.mobile-menu-open [data-menu-close] {
  display: inline-flex;
}

[data-menu-close] {
  display: none;
}

.faq-answer {
  overflow: hidden;
}

.faq-item[data-open="true"] {
  border-color: #f59e0b;
}

.faq-item[data-open="true"] .faq-question {
  color: #d97706;
}

.faq-item[data-open="true"] .faq-chevron {
  transform: rotate(180deg);
}

.faq-chevron {
  transition: transform 0.2s ease;
}

.file-preview-image {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
  border-radius: 0.25rem;
}

.drop-active {
  border-color: #fbbf24 !important;
  background: #fffbeb !important;
}

.form-honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.page-shell {
  min-height: 100vh;
}