/* webfront/css/pages/forms.css — /forms/ only (EX-FORMS-01). The page reuses the shared .wf-*
 * blocks; this file only styles what is unique to a document list: a single-column intro that
 * reads like an article, the three required cards with a full-width action, and the two link
 * cards that stay two-up. */
.fm-intro .wf-head { margin-bottom: 0; }
.fm-title { text-transform: uppercase; }

.fm-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fm-grid .wf-card { display: flex; flex-direction: column; }
.fm-grid .wf-card p { max-width: none; }
.fm-grid .wf-card .wf-btn { margin-top: auto; align-self: flex-start; }
.fm-grid .wf-card .wf-btn:not(:last-child) { margin-top: 20px; }

.fm-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fm-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fm-grid--two .wf-card { display: flex; flex-direction: column; min-height: 0; }
.fm-grid--two .wf-card p { max-width: none; }
.fm-grid--two .wf-card .wf-link { margin-top: auto; padding-top: 18px; }

.fm-note { margin: 26px 0 0; max-width: 84ch; color: var(--wf-muted); font-size: 14.5px; line-height: 1.85; }
.fm-note a { color: var(--wf-red-bright); text-decoration: none; border-bottom: 1px solid transparent; }
.fm-note a:hover, .fm-note a:focus-visible { border-bottom-color: currentColor; }

@media (max-width: 1000px) {
    .fm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .fm-grid, .fm-links, .fm-grid--two { grid-template-columns: minmax(0, 1fr); }
    .fm-grid .wf-card { min-height: 0; }
}