.forms-section { padding-block: 5rem; }
.forms-section h2 { font-size: clamp(1.9rem, 3.5vw, 2.75rem); margin-bottom: 2rem; }
.forms-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem 1.5rem; }
.form-card {
  --r: 16px; position: relative; background: var(--ink); color: var(--bg);
  padding: 1.6rem 1.5rem 1.5rem; border-radius: var(--r);
  filter: drop-shadow(0 10px 18px oklch(25% 0.05 252 / 0.12));
}
.form-card svg.doc-icon { color: color-mix(in oklch, var(--bg) 55%, var(--accent)); margin-bottom: 0.9rem; }
.form-card h3 { font-size: 1.05rem; line-height: 1.25; margin-bottom: 1.1rem; min-height: 2.6em; }
.form-more {
  display: inline-flex; align-items: center; gap: 0.45rem;
  font-family: var(--mono); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--sky); text-decoration: none;
}
.form-more svg { transition: transform 0.15s ease-out; }
.form-more:hover svg { transform: translateX(4px); }
.form-more:hover { text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 900px) {
  .forms-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .forms-grid { grid-template-columns: 1fr; }
  .form-card h3 { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .form-more svg { transition: none; }
}