/* The website header and footer on the public estimator pages (owner, 18/10/2026). Loaded right after the website CSS.
   The website CSS is Tailwind: its reset (preflight) and any utility that shares a name with an estimator class would
   restyle the estimator content. This layer hands everything inside main.page back to the browser defaults. It comes after
   Tailwind's layers, so it wins over them, and every unlayered estimator rule still wins over it, so the estimator content
   renders as it did before. Images, SVG and frames are left out so their width, height and fill attributes still apply. */
@layer estimate-restore {
  .page,
  .page :where(*:not(svg, svg *, img, video, canvas, iframe)),
  .page ::before, .page ::after, .page ::placeholder { all: revert; }
  .page :where(img, svg, video, canvas, iframe) { display: revert; vertical-align: revert; }
}

/* The estimator's standing promise, between the content and the website footer. */
.estimate-note {
  width: 100%; max-width: 1152px; margin: 0 auto; padding: var(--s4) var(--s3);
  font-size: 14px; line-height: 20px; color: var(--ink-soft);
}
@media (min-width: 640px) { .estimate-note { padding: var(--s4); } }