/* ai-security-tools.css - page-specific overrides only.
   Base patterns live in main.v1.css. Use only existing CSS variables. */

/* §01 - AI feature grid: 4 cards on a card-grid-3 wrap cleanly to 2x2 on wide. */
.ai-feature-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 880px) {
  .ai-feature-grid {
    grid-template-columns: 1fr;
  }
}

/* §04 - Coverage kv-grid: emphasize the leading numeric monogram in the label. */
.coverage-kv .kv-grid-label {
  font-family: var(--font-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
}

.coverage-kv .kv-grid-value {
  color: var(--fg-2);
}