/* Built Logic — footer utility shim (11 Aug 2026)
   The canonical site footer (<footer class="footer-shell">) carries a handful of
   compiled-Tailwind utility classes. Most pages load /tailwind.css, but the SEO
   landing pages and the two Feasibility Study pages deliberately do not: loading
   the full sheet there would also pull in Tailwind's preflight, which overrides
   the body line-height and margin those pages rely on.
   This file supplies ONLY the declarations the canonical footer needs, scoped to
   .footer-shell so nothing can leak into page content. Values copied verbatim
   from tailwind.css. Load it AFTER /styles.css.
   Phase 2: fold into styles.css and delete this file. */

.footer-shell .mx-6            { margin-left: 1.5rem; margin-right: 1.5rem; }
.footer-shell .mx-auto         { margin-left: auto; margin-right: auto; }
.footer-shell .mt-6            { margin-top: 1.5rem; }
.footer-shell .mt-8            { margin-top: 2rem; }
.footer-shell .mt-10           { margin-top: 2.5rem; }
.footer-shell .flex            { display: flex; }
.footer-shell .inline-flex     { display: inline-flex; }
.footer-shell .items-center    { align-items: center; }
.footer-shell .justify-center  { justify-content: center; }
.footer-shell .gap-3           { gap: 0.75rem; }
.footer-shell .relative        { position: relative; }
.footer-shell .w-9             { width: 2.25rem; }
.footer-shell .h-9             { height: 2.25rem; }
.footer-shell .rounded-full    { border-radius: 9999px; }
.footer-shell .border          { border-width: 1px; border-style: solid; }
.footer-shell .border-line     { border-color: #E5E5E2; }
.footer-shell .max-w-sm        { max-width: 24rem; }
.footer-shell .max-w-4xl       { max-width: 56rem; }
.footer-shell .text-\[15px\]   { font-size: 15px; }
.footer-shell .text-\[42px\]   { font-size: 42px; }
.footer-shell .leading-\[1\.7\] { line-height: 1.7; }
.footer-shell .text-ink        { color: #232A31; }
.footer-shell .hover\:bg-surface:hover { background-color: #FAFAF8; }

@media (min-width: 768px) {
  .footer-shell .md\:mx-10        { margin-left: 2.5rem; margin-right: 2.5rem; }
  .footer-shell .md\:text-\[68px\] { font-size: 68px; }
}

@media (min-width: 1024px) {
  .footer-shell .lg\:mx-auto       { margin-left: auto; margin-right: auto; }
  .footer-shell .lg\:text-\[88px\] { font-size: 88px; }
}

/* 20 Aug 2026 — normalise the canonical footer on shim pages to match
   tailwind.css pages exactly: same headline scale (styles.css caps it at
   clamp(...,76px)) and no default <p> margins inside the footer (Tailwind
   preflight removes them on the other pages). */
.footer-shell .h-display { font-size: clamp(36px, 6vw, 76px); }
.footer-shell p, .footer-shell h2 { margin: 0; }