/* chrome.css — shared sticky footer + footer styling for the individual tool
   pages. Those pages are self-contained (they do NOT load site.css) and use
   their own CSS-variable names, so the values here are literal to render the
   same everywhere. Linked with a root-absolute path so it works at any depth. */

/* Sticky footer: body fills the viewport height, the tool's <main> grows to
   push the footer to the very bottom on short pages. */
body { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
body > main { flex: 1 0 auto; }

.site-footer { border-top: 1px solid #e2e8f0; background: #f8fafc; padding: 30px 0; margin-top: 44px; color: #475569; font-size: .9rem; }
.site-footer .container { max-width: 1100px; margin: 0 auto; padding: 0 22px; }
.site-footer .foot-grid { display: flex; flex-wrap: wrap; gap: 14px 40px; justify-content: space-between; align-items: flex-start; }
.site-footer .brand-mark { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: #0f172a; text-decoration: none; }
.site-footer a { color: #2563eb; }
.site-footer .privacy-note { max-width: 46ch; margin: 0; }
.site-footer nav p { margin: 0; }