/* focusbloom.net: legal.css (shared with the policy pages) plus the few pieces the home and guide pages add */
.lead { font-size:17px; color:var(--ink); }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:14px; margin:16px 0; }
.card { padding:18px; border:1px solid var(--line); background:var(--surface); border-radius:18px; }
.card h3 { margin:0 0 6px; font-size:16px; }
.card ul { margin:8px 0 0; }
.links { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 4px; }
.links a { display:inline-flex; align-items:center; min-height:44px; padding:0 16px; border-radius:999px; background:var(--green); color:#fff; font-weight:650; text-decoration:none; }
.links a.ghost { background:transparent; color:var(--green); border:1px solid var(--green); }
.answer { padding:15px 17px; background:#e5efdc; border-left:4px solid var(--green); border-radius:6px 14px 14px 6px; color:var(--ink); }
header.top { display:flex; align-items:center; gap:10px; }
header.top img { border-radius:10px; }