/* landing/help.css — help center index grouped cards */
:root { --help-ink:#1a2340; --help-muted:#636b7e; --help-line:#e8edf6; --help-primary:#274285; }

.help-hero { padding:48px 0 8px; text-align:center; }
.help-hero h1 { font-size:clamp(1.9rem,3.6vw,2.6rem); font-weight:800; color:var(--help-ink); margin:0 0 10px; }
.help-hero p { color:var(--help-muted); font-size:1.05rem; margin:0 auto; max-width:52ch; }

.help-groups { padding:32px 0 64px; }
.help-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }

.help-card { background:#fff; border:1px solid var(--help-line); border-radius:14px; padding:26px;
  box-shadow:0 2px 8px rgba(39,66,133,.05); }
.help-card-head { display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.help-icon { font-size:1.3rem; }
.help-card-head h2 { font-size:1.15rem; font-weight:700; color:var(--help-ink); margin:0; }
.help-card-sub { color:var(--help-muted); font-size:.9rem; margin:0 0 14px; }

.help-links { list-style:none; margin:8px 0 0; padding:0; }
.help-links li { border-top:1px solid var(--help-line); }
.help-links li:first-child { border-top:0; }
.help-links a { display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:12px 0; color:var(--help-ink); text-decoration:none; font-size:.95rem; }
.help-links a:hover { color:var(--help-primary); }
.help-links a i { color:#b9c2d6; font-size:.8rem; }
.help-empty { padding:12px 0; font-size:.9rem; }

.help-empty-state { grid-column:1/-1; text-align:center; padding:60px 0; color:var(--help-muted); }
.help-empty-state i { font-size:2rem; color:#c3cde0; margin-bottom:10px; }

@media (max-width:768px){ .help-grid { grid-template-columns:1fr; } }