/* Site-wide CSS fixes, loaded last (see AGENTS.md #2).
   Every rule must carry a comment naming the HubSpot artifact it corrects.
   This file must never be deleted while BaseLayout links it — a missing file
   404s and throws a console MIME error site-wide. */

/* 404 page. Live's 404 is HubSpot's unthemed system template (bare logo, no
   header/footer), so there is no exported CSS for one — this styles the
   themed replacement in src/pages/404.astro using the theme's own type scale
   and navy (#12364c, the colour the theme's section backgrounds use). */
.error-404 {
  max-width: 46rem;
  margin: 0 auto;
  padding: 6rem 1.5rem 7rem;
  text-align: center;
}
.error-404__code {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 0.5rem;
  color: #12364c;
  opacity: 0.25;
}
.error-404__heading { margin: 0 0 1rem; }
.error-404__body { margin: 0 0 2rem; }
/* The theme's button macro colours itself from --color/--bg, which HubSpot
   emits per module instance in each page's hs_editor_style block. The 404 has
   no such block of its own, so set the same pair the site's primary buttons
   use (navy on the brand amber). */
.error-404__link { --color: #12364c; --bg: #f49f00; }