.echo-impact { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
.echo-impact__header { margin-bottom: 12px; }
.echo-impact__title { margin: 0; font-size: 1.8rem; }
.echo-impact__subtitle { margin: 6px 0 0; opacity: .85; }

.echo-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap:15px; }
.echo-card { background:#e8f5f7; padding:15px; border-radius:14px; border:2px solid #1b9aaa; }
.echo-date { display:inline-block; font-weight:800; background:#1b9aaa; color:#fff; padding:6px 10px; border-radius:999px; margin-bottom:10px; font-size:.9rem; }
.echo-card button { width:100%; text-align:left; background:none; border:none; color:#0b3b4a; font-weight:900; cursor:pointer; font-size:1.05rem; padding:0; }
.echo-card button:hover { text-decoration: underline; }

.echo-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.62); align-items:center; justify-content:center; z-index:99999; padding:18px; }
.echo-modal.is-open { display:flex; }
.echo-modal-content { background:linear-gradient(135deg,#0b3b4a,#1b9aaa); color:#fff; padding:22px; border-radius:18px; width:90%; max-width:720px; box-shadow:0 26px 60px rgba(0,0,0,.45); position:relative; max-height:80vh; overflow:auto; }
.echo-close { position:absolute; top:10px; right:12px; width:42px; height:42px; border-radius:12px; border:0; background:rgba(255,255,255,.18); color:#fff; cursor:pointer; font-size:26px; line-height:1; }
.echo-close:hover { background:rgba(255,255,255,.28); }
#echoModalBody { background:rgba(255,255,255,.12); padding:14px; border-radius:14px; }