/* The mint bar above the footer — see includes/page-notice.php.

   Two-class selectors for the text, same reason as templates/plan-group.css:
   this sits in the page alongside the theme's Elementor Kit CSS, which styles
   bare tags through a kit class (".elementor-kit-52 p { color: …; }"). That
   outranks a single-class selector no matter the load order, so the <p> is
   reached as ".pf-page-notice .pf-page-notice__text". The wrapper stays a
   single class — the kit has no rule for a bare div to lose to. */

.pf-page-notice {
  /* Sampled off the bar already running on staging, not from the plan group
     palette: it is deliberately lighter than --pf-mint (#a4f9c8, the hero
     wash) so a notice sitting under that page reads as chrome rather than as
     one more section of it. */
  --pf-notice-bg: #d1ffe4;
  /* The site's one navy — same value as --pf-navy in plan-group.css. */
  --pf-notice-ink: #0a293e;

  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 1.15rem 1.5rem;
  background-color: var(--pf-notice-bg);
}

.pf-page-notice .pf-page-notice__text {
  margin: 0;
  color: var(--pf-notice-ink);
  font-family: "niveau-grotesk", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: clamp(0.9375rem, 1.3vw, 1.0625rem);
  font-weight: 400;
  line-height: 1.45;
  text-align: center;
  /* The bar is one sentence, so it shares the content width of the pages it
     appears under rather than running the full width of a wide monitor. */
  max-width: 1072px;
  margin-inline: auto;
}

.pf-page-notice .pf-page-notice__text a {
  color: inherit;
  text-decoration: underline;
}