/* Invert each page's own ink and paper for a calm, consistent closing panel. */
body{--footer-ink:#f6f5da;--footer-bg:#186347;--footer-pattern:url('/assets/pattern-about.svg')}
body.saved-mode{--footer-ink:#e9eedf;--footer-bg:#31583f;--footer-pattern:url('/assets/pattern-saved.svg')}
body.facts-page{--footer-ink:#f1e6ec;--footer-bg:#4c3c4a;--footer-pattern:url('/assets/pattern-facts.svg')}
body.about-page{--footer-ink:#f3e2d7;--footer-bg:#654a3e;--footer-pattern:url('/assets/pattern-about.svg')}
body.submission-page{--footer-ink:var(--page);--footer-bg:var(--ink)}
.contrast-footer{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;margin:44px auto 0;padding:38px 26px 30px;border-radius:28px;background:var(--footer-bg);color:var(--footer-ink);text-align:center;box-shadow:0 8px 14px #183e300c,0 20px 38px #183e3018}
.contrast-footer::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--footer-pattern) center/380px;filter:brightness(0) invert(1);opacity:.045;pointer-events:none}
.contrast-footer .contribute-footer,.result .contrast-footer .contribute-footer{display:flex;flex-direction:column;align-items:center;gap:18px;margin:0;padding:0;color:inherit;font:italic 700 clamp(23px,3.5vw,31px)/1.3 Fraunces,Georgia,serif!important;text-align:center}
.contrast-footer .contribute-footer>a,.result .contrast-footer .contribute-footer>a,.contrast-footer .pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:50px;margin:0;padding:13px 22px;border:1px solid transparent;border-radius:28px;background:var(--footer-ink);color:var(--footer-bg);font:700 15px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;box-shadow:0 5px 10px #00000010,0 10px 22px #00000017}
.contrast-footer .brand-wheat{width:22px;height:28px;flex-shrink:0}
.contrast-footer .source-footer,.contrast-footer .saved-device-note,.contrast-footer .footer-note,.contrast-footer .facts-footer{max-width:610px;margin:26px auto 0;padding:22px 0 0;border-top:1px solid color-mix(in srgb,var(--footer-ink) 24%,transparent);color:inherit;font:12px/1.8 Arial,Helvetica,sans-serif;text-align:center}
.submission-page .contrast-footer .footer-note{margin:0;padding:0;border:0;font-size:15px}
.contrast-footer a[href='/over-ons.html']{color:inherit;background:transparent;border-color:color-mix(in srgb,var(--footer-ink) 45%,transparent);box-shadow:none}
.contrast-footer .about-invite{margin:0;color:inherit}
.contrast-footer .about-invite h2{margin:0 0 24px}
.contrast-footer .about-secondary{color:inherit}
.contrast-footer a:focus-visible{outline:3px solid var(--footer-ink);outline-offset:5px}
.contrast-footer .contribute-footer>a:hover,.contrast-footer .pill:hover{transform:translateY(-2px)}
@media(max-width:600px){.contrast-footer{margin-top:32px;padding:30px 20px 25px;border-radius:24px}.contrast-footer .source-footer,.contrast-footer .saved-device-note,.contrast-footer .footer-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.contrast-footer a:hover{transform:none!important}}
body .contrast-footer .restaurant-footer-link{display:block;width:fit-content;margin:20px auto 0;padding:10px 0;min-height:44px;color:var(--footer-ink)!important;background:transparent!important;font:12px/1.7 Arial;text-decoration:underline;text-underline-offset:4px;box-shadow:none}
