
:root {
  --bg:#f4f1ea; --ink:#1c2430; --muted:#5c6b7a; --card:#fff;
  --line:#d9e0e8; --accent:#0b6e4f; --warn:#8a4b08; --danger:#9b1c1c;
  --chip:#e8eef3;
}
*{box-sizing:border-box}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.45}
.wrap{max-width:920px;margin:0 auto;padding:1.1rem 1rem 3rem}
header{margin-bottom:1rem}
.brand{font-weight:800;font-size:1.15rem;letter-spacing:.01em}
.sub{color:var(--muted);margin:.25rem 0 0;font-size:.95rem}
.banner{background:#fff3cd;border:1px solid #e6d39a;color:#5c4500;border-radius:12px;padding:.85rem 1rem;margin:1rem 0;font-size:.9rem}
.banner strong{color:var(--warn)}
.crisis{display:grid;gap:.55rem;grid-template-columns:repeat(3,1fr);margin:1rem 0 1.25rem}
@media(max-width:700px){.crisis{grid-template-columns:1fr}}
.crisis a{display:block;text-decoration:none;color:#fff;border-radius:12px;padding:.9rem 1rem;font-weight:700;text-align:center}
.crisis .e911{background:var(--danger)}
.crisis .e988{background:#5b2c6f}
.crisis .e211{background:#1a5276}
.search{width:100%;padding:.75rem .9rem;border:1px solid var(--line);border-radius:12px;font-size:1rem;margin-bottom:.75rem}
.filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.filters button{border:1px solid var(--line);background:var(--chip);border-radius:999px;padding:.4rem .75rem;cursor:pointer;font-size:.82rem;color:var(--muted)}
.filters button.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.meta{color:var(--muted);font-size:.85rem;margin-bottom:.75rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.05rem;margin-bottom:.7rem}
.card h2{margin:0 0 .35rem;font-size:1.05rem}
.card p{margin:0 0 .45rem;color:var(--muted);font-size:.92rem}
.row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.pill{font-size:.72rem;background:var(--chip);border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem;color:#334}
a.go{margin-left:auto;color:var(--accent);font-weight:700;text-decoration:none;font-size:.88rem}
footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}
footer a{color:#1a5276}
.legal{font-size:.8rem;color:var(--muted);margin-top:.75rem}

.need-label{font-weight:700;margin:1rem 0 .45rem;font-size:.95rem}
#quick{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}
#quick button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.65rem .85rem;cursor:pointer;font-size:.9rem;font-weight:650;color:var(--ink);text-align:left}
#quick button.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}
a.call{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;padding:.45rem .75rem;border-radius:999px;font-size:.88rem}
a.go{display:inline-block;color:var(--accent);font-weight:700;text-decoration:none;font-size:.88rem;padding:.45rem .2rem}
.pill.warn{background:#fff3cd;border-color:#e6d39a;color:#5c4500}
.hint211{background:#eaf2f8;border:1px solid #bdd3e7;border-radius:12px;padding:.75rem .9rem;margin-bottom:1rem;font-size:.92rem}

.section-title{font-size:1.15rem;margin:1.35rem 0 .55rem;padding-top:.35rem;border-top:1px solid var(--line)}
.backtop-row{text-align:center;margin:.35rem 0 1.1rem}
a.backtop{color:var(--accent);font-weight:700;text-decoration:none;font-size:.9rem}
#toTopFab{position:fixed;right:1rem;bottom:1rem;z-index:50;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;padding:.7rem 1rem;box-shadow:0 8px 24px rgba(0,0,0,.2);cursor:pointer}
#toTopFab[hidden]{display:none !important}
