/* "Why contribute" dialog */
#why { width:min(720px, calc(100vw - 32px)); max-height:calc(100vh - 32px); padding:0; border:1px solid var(--border);
       border-radius:14px; background:var(--bg); color:var(--fg); box-shadow:0 20px 60px rgba(0,0,0,.25); }
#why::backdrop { background:rgba(0,0,0,.45); }
.why-in { padding:24px 24px 20px; overflow:auto; max-height:calc(100vh - 34px); }
.why-top { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.why-top h2 { margin:0 0 4px; font-size:22px; line-height:1.3; }
.why-top p { margin:0; color:var(--muted); }
.lang { display:flex; border:1px solid var(--border); border-radius:8px; overflow:hidden; flex-shrink:0; }
.lang button { background:transparent; color:var(--fg); border:none; border-radius:0; padding:5px 10px; }
.lang button[aria-pressed="true"] { background:var(--accent); color:#fff; }
.why-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:12px; margin:18px 0; }
.why-card { border:1px solid var(--border); border-radius:10px; padding:12px 14px; }
.why-card .ic { font-size:20px; }
.why-card h3 { margin:4px 0 4px; font-size:15px; }
.why-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.why-live { background:var(--band); border-radius:10px; padding:12px 14px; margin-bottom:16px; line-height:1.5; }
.why-live b { color:var(--accent); font-size:16px; }
.why-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; align-items:center; }
.why-actions small { color:var(--muted); margin-right:auto; }
[data-lang="ta"] .en, [data-lang="en"] .ta { display:none; }