/* Custom CSS -- Hilke's Ice Co. / Project-specific styles. Do NOT edit template CSS directly. */

/* Task 07 Phase 4 -- server-side form error state. site.css ships .form-status with an
   .ok (green) variant but no error variant, and ANCHOR 6 needs one. Same shape as the
   .ok rule so the two read as one system. */
.form-card .form-status.err { background: #fdecea; color: #8a1c13; }

/* Task 07 Phase 7 -- thanks page presentation fix (Clay caught live 2026-08-19).
   The first build reused .inner-hero because it was proven to render on this site --
   but .inner-hero is the DARK page-header band (background: var(--blue); color: white),
   designed to sit ABOVE the white content area on every inner page. The thanks page has
   only that one section, so the entire body came out blue, matching the nav and footer
   instead of the white content area every other page has. Now a plain section.band
   (no colour modifier = white) with the content centred, which is what a confirmation
   page wants anyway. .lede is restated here because site.css only styles it scoped to
   .hero / .inner-hero, so outside those it has no rules at all. */
.thanks-panel { text-align: center; }
.thanks-panel h1 { margin: 0 0 16px; }
.thanks-panel .lede { font-size: clamp(17px, 1.4vw, 20px); max-width: 640px; margin: 0 auto 32px; color: var(--muted); text-wrap: pretty; }
.thanks-panel .cta-row { display: inline-flex; flex-wrap: wrap; gap: 14px; justify-content: center; }