/* ============================================================
   Wefunder fundraising banner — shared by /v2/ and /lp/*.
   The markup and wording are copied verbatim from the root
   landing (site-c/index.html), which carries its own inline
   copy of these rules; deploy_site.py asserts every page's
   <aside class="fundraising-banner"> is byte-identical to the
   root's. The wording is a Reg CF offering notice: change it
   on the root first, never on one variant.
   ============================================================ */
.fundraising-banner {
  padding: 14px 24px;
  background: #F9E9A4;
  border-bottom: 1px solid #E4CD72;
  color: #493A12;
  font-size: 0.9rem;
  line-height: 1.5;
}
.fundraising-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 18px;
  text-align: center;
}
.fundraising-link:hover { text-decoration-thickness: 2px; }
.fundraising-link:focus-visible { outline: 2px solid #493A12; outline-offset: 4px; }
.fundraising-banner .fundraising-link {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* Its height, for layouts that size a first screen to the viewport (the /v2/
   hero). Measured: 51px on one line; it wraps to two under ~460px, 76px. */
:root:has(.fundraising-banner) { --fr-h: 51px; }
@media (max-width: 460px) { :root:has(.fundraising-banner) { --fr-h: 76px; } }

  .fundraising-disclosures {
    max-width: 1100px;
    margin: 6px auto 0;
    font-size: 0.75rem;
    line-height: 1.35;
    text-align: center;
  }
  .fundraising-disclosures p { margin: 0; }
  .fundraising-disclosures p + p { margin-top: 2px; }