/* Critical styles also keep the genuine no-JavaScript snapshot readable. */
html {
  background: #f2f4f1;
  color: #172327;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
body {
  margin: 0;
  min-width: 320px;
}
#root > section[aria-label="Published recreation listings"],
#catalog-static-preview {
  padding: 24px clamp(20px, 4vw, 48px);
  max-width: 1280px;
  margin-inline: auto;
  line-height: 1.6;
}
#root > section[aria-label="Published recreation listings"] li,
#catalog-static-preview li {
  margin-block: 12px;
}
#catalog-static-preview[hidden],
.catalog-bootstrap-status {
  display: none;
}
html[data-catalog-bootstrap="pending"]
  #root:not([data-catalog-interactive]):has(
    section[aria-label="Published recreation listings"]
  ),
html[data-catalog-bootstrap="pending"]
  #catalog-static-preview:has(
    section[aria-label="Published recreation listings"]
  ) {
  display: none;
}
html[data-catalog-bootstrap="pending"]
  body:has(
    #root:not([data-catalog-interactive])
      section[aria-label="Published recreation listings"]
  )
  > .catalog-bootstrap-status {
  display: block;
}
.catalog-bootstrap-status {
  max-width: 1200px;
  padding: 40px 24px;
  margin: auto;
}
.catalog-bootstrap-status strong {
  display: block;
  margin-top: 28px;
  font-size: clamp(1.8rem, 5vw, 2.8rem);
  letter-spacing: -0.04em;
}
.catalog-bootstrap-status a {
  color: inherit;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
.catalog-bootstrap-status a:focus-visible {
  outline: 3px solid #317d71;
  outline-offset: 3px;
}