/* ====================================================================
   help_quicklinks.css — quick-links grid (Astro pixel match)
   ==================================================================== */

.quick-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 1100px) { .quick-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 800px) { .quick-grid { grid-template-columns: repeat(2, 1fr); } }

.quick-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  font-size: 14.5px;
  font-weight: 500;
  transition: background var(--t) var(--ease), border-color var(--t) var(--ease);
  text-decoration: none;
  color: var(--ink);
}
.quick-link:hover {
  background: var(--surface-hover);
  border-color: var(--border-strong);
  text-decoration: none;
  color: var(--ink);
}
.quick-link svg {
  width: 18px;
  height: 18px;
  color: var(--ink-2);
  flex-shrink: 0;
}
.quick-link .arr {
  margin-left: auto;
  color: var(--ink-3);
}
.quick-link:hover .arr { color: var(--ink); }