/* HOPE v29.54.3 Civic Footer: shared closing landmark for the public shell. */
.hope-civic-footer{
  --hf-navy:#0b2344;--hf-navy2:#12345d;--hf-gold:#e9b63f;--hf-cream:#fffaf0;
  --hf-paper:#fffdf8;--hf-ink:#17283d;--hf-muted:#aebed0;--hf-line:rgba(255,255,255,.16);
  position:relative;z-index:2;margin:42px 0 0;padding:34px max(16px,env(safe-area-inset-left)) calc(92px + env(safe-area-inset-bottom));
  background:linear-gradient(145deg,#071a32 0%,var(--hf-navy) 50%,#163e66 100%);color:#f7f2e8;
  border-top:4px solid var(--hf-gold);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.hope-civic-footer *{box-sizing:border-box}.hope-civic-footer a{color:inherit}.hope-footer-inner{width:min(1120px,100%);margin:auto}
.hope-footer-top{display:grid;grid-template-columns:minmax(230px,1.15fr) minmax(0,2fr);gap:34px;align-items:start}
.hope-footer-brand{display:grid;gap:14px}.hope-footer-wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;width:max-content;max-width:100%}
.hope-footer-anchor{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(233,182,63,.78);border-radius:50%;color:var(--hf-gold);font-size:24px;background:rgba(255,255,255,.05)}
.hope-footer-wordmark b{display:block;color:var(--hf-gold);letter-spacing:.18em;font-size:18px}.hope-footer-wordmark small{display:block;color:#c8d4e1;font-size:11px;margin-top:2px}
.hope-footer-promise{max-width:420px;margin:0;color:#d8e1eb;font-size:14px;line-height:1.55}.hope-footer-actions{display:flex;flex-wrap:wrap;gap:9px}
.hope-footer-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;text-decoration:none;font-weight:850;font-size:12px;background:rgba(255,255,255,.07)}
.hope-footer-button.gold{background:var(--hf-gold);border-color:var(--hf-gold);color:#16263a}.hope-footer-button:hover{transform:translateY(-1px)}
.hope-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.hope-footer-column h2{margin:0 0 10px;color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.hope-footer-column ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.hope-footer-column a{color:#c8d5e3;text-decoration:none;font-size:13px;line-height:1.3}.hope-footer-column a:hover{text-decoration:underline;color:#fff}
.hope-footer-rule{height:1px;background:var(--hf-line);margin:28px 0 18px}.hope-footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.hope-footer-origin,.hope-footer-legal{margin:0;color:#b8c7d7;font-size:11.5px;line-height:1.55}.hope-footer-origin b{color:#fff}.hope-footer-memory{display:block;color:var(--hf-gold);margin-top:4px}
.hope-footer-legal{text-align:right;max-width:440px}.hope-footer-version{display:block;margin-top:4px;color:#8fa4b9;font-size:10px}.hope-footer-emergency{font-weight:750;color:#f7e7c1}
.hope-civic-footer a:focus-visible{outline:4px solid #fff;outline-offset:3px;border-radius:6px}
body.hope-civic-shell .foot{display:none!important}
body.hope-civic-shell.cs-secondary .hope-civic-footer{margin-top:20px}
@media(max-width:760px){.hope-footer-top{grid-template-columns:1fr}.hope-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hope-footer-bottom{grid-template-columns:1fr}.hope-footer-legal{text-align:left;max-width:none}}
@media(max-width:480px){.hope-civic-footer{padding-top:28px}.hope-footer-links{grid-template-columns:1fr 1fr;gap:22px 14px}.hope-footer-column:last-child{grid-column:1/-1}.hope-footer-actions{display:grid;grid-template-columns:1fr 1fr}.hope-footer-button{width:100%;text-align:center}.hope-footer-promise{font-size:13px}}
@media(max-width:340px){.hope-footer-links{grid-template-columns:1fr}.hope-footer-column:last-child{grid-column:auto}.hope-footer-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hope-footer-button{transition:none!important}.hope-footer-button:hover{transform:none}}
@media print{.hope-civic-footer{display:none!important}}
/* v29.58.0: keep the Community OS wordmark and translated footer inside 320px phones. */
.hope-footer-brand,.hope-footer-wordmark,.hope-footer-wordmark>span{min-width:0}
.hope-footer-wordmark>span{flex:1}
.hope-footer-wordmark small{white-space:normal;overflow-wrap:anywhere;line-height:1.3}
@media(max-width:480px){
  .hope-footer-wordmark{width:100%}
  .hope-footer-anchor{flex:0 0 48px}
}
