/* Utilities referenced by the dark chrome that the compiled ponytail.css does not include. */
.min-w-0 {
  min-width: 0;
}
.max-w-full {
  max-width: 100%;
}
.min-w-11 {
  min-width: 2.75rem;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
[data-cover-fallback][hidden] {
  display: none !important;
}
button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
#main-content {
  scroll-margin-top: 5.5rem;
}
#main-content :where(a, button, input, textarea, select, summary, h1, h2, h3) {
  scroll-margin-top: 5.5rem;
}
input::placeholder,
textarea::placeholder {
  color: #99a1af;
  opacity: 1;
}
@media (max-width: 40rem) {
  input.text-sm,
  textarea.text-sm,
  select.text-sm {
    font-size: 1rem;
  }
}
form.grid {
  grid-template-columns: minmax(0, 1fr);
}
form.grid > * {
  min-width: 0;
}
input,
textarea,
select {
  min-width: 0;
  max-width: 100%;
}
@media (min-width: 40rem) {
  form.grid.sm\:grid-cols-\[1fr_auto\],
  .sm\:grid-cols-\[1fr_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .sm\:self-end {
    align-self: flex-end;
  }
}
@media (min-width: 48rem) {
  .md\:pt-14 {
    padding-top: 3.5rem;
  }
}
.payload-richtext > * + p,
.payload-richtext > * + ul,
.payload-richtext > * + ol,
.payload-richtext > * + blockquote,
.payload-richtext > * + pre,
.payload-richtext > * + table {
  margin-top: 1.5rem;
}
@media print {
  .skip-link,
  header,
  .consent-banner,
  footer,
  #newsletter,
  form,
  .fixed {
    display: none !important;
  }
  html,
  body,
  .min-h-screen,
  main {
    background: #fff !important;
    color: #000 !important;
  }
  main * {
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  main a[href] {
    text-decoration: underline;
  }
  h1,
  h2 {
    break-inside: avoid;
  }
}