/* forms.css - form grid, labels, inputs and selects */
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 20px; }

.field label { display: block; margin-bottom: 8px; font-weight: 700; font-size: 0.95rem; }

.field input,
.field select {
    width: 100%;
    height: 44px;
    padding: 0 11px;
    font: inherit;
    font-size: 1rem;
    color: var(--ink);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 6px;
}
.field select { appearance: auto; }

.field input:focus,
.field select:focus {
    outline: 2px solid var(--tab-active);
    outline-offset: 1px;
}

.actions { margin-top: 28px; }

@media (max-width: 640px) {
    .grid { grid-template-columns: 1fr; gap: 18px; }

    /* 16px+ stops iOS from zooming in on focus */
    .field input,
    .field select { height: 48px; font-size: 16px; }

    .actions { margin-top: 22px; }
}