/* ==========================================================================
   Online Forms Page Styles
   ========================================================================== */

/* Scroll offset for anchor */
#online-forms {
    scroll-margin-top: calc(var(--header-height) + var(--space-lg));
}

/* List layout */
.online-forms__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2xl);
}

/* Individual form card */
.online-forms__item {
    padding: var(--space-xl);
    background: var(--color-surface, #fff);
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: var(--radius-lg, 0.75rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.online-forms__item-title {
    font-family: var(--font-heading);
    font-size: var(--fs-xl);
    font-weight: var(--fw-medium);
    margin-bottom: var(--space-sm);
}

.online-forms__item-desc {
    font-size: var(--fs-base);
    color: var(--color-text-muted);
    margin-bottom: var(--space-xl);
    max-width: 60ch;
}

/* Extra breathing room before the CTA button */
.online-forms__item .btn {
    margin-top: var(--space-md);
}