/* Shared FOOTER chrome (Q143) — the design-system styling for the site-footer.js component, so the footer renders pixel-identical on interior pages that DON'T load landing.css (map/, seats/, commissioner/, impact/, …). These rules are the canonical copy of the footer block that also lives in landing.css for the homepage's hardcoded footer; tokens only (no raw hex), reuses .lwrap/.eyebrow from styles.css. Loading this everywhere with a shared header (styles.css) means no page renders raw chrome. */ .lfoot{border-top:2px solid var(--ink);background:var(--paper)} .lfoot-in{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:40px 24px 56px} .powered{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink-2);margin:0 0 8px} .foot-note{font-size:13px;color:var(--muted);max-width:46ch;margin:0;line-height:1.5} .foot-feedback{margin:10px 0 0} /* Q100 — product-planning credit line, footer type + tokens. Q121 — hidden by default (config flag OFF); site-footer.js adds .footer-credit-on to when QA_FOOTER_CREDIT_SHOW=true. Keeping the hide rule here means credits stay hidden on interior pages too (the "credits showing on /map/" bug). */ .foot-credit{font-size:13px;color:var(--muted);margin:8px 0 0;line-height:1.5;display:none} .footer-credit-on .foot-credit{display:block} .foot-links{display:flex;gap:20px;align-items:flex-start} .foot-links a{font-size:14px;font-weight:500;color:var(--ink-2);text-decoration:none} .foot-links a:hover{color:var(--accent)} /* Footer columns — 4 cols >=900, 2 cols 600-900, 1 col <600 (headers kept) */ .foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px} @media (max-width:900px){ .foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:600px){ .foot-cols{grid-template-columns:1fr} } .foot-colhead{margin:0 0 8px;opacity:.85} .foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px} .foot-col li{line-height:1.25} .foot-col .link{display:inline-block;padding:3px 0;min-height:24px}