/* TVRC form pages — harmonized with the redesigned style.css.
   Presentation only: form structure, field names, and webhook
   behavior live in the HTML and form-handler.js, not here. */

.form-container {
    max-width: 1080px;
    margin: 34px auto 10px;
    padding: 0 24px;
}

.form-card {
    background-color: #fff;
    border: 1px solid #d9e1e8;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(11, 42, 74, 0.08), 0 8px 24px rgba(11, 42, 74, 0.07);
    padding: 30px 34px;
    margin-bottom: 26px;
}

.form-container .header-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 20px;
}

.form-row {
    display: grid;
    grid-template-columns: 3fr 4fr;
    gap: 20px;
    align-items: center;
    padding: 15px 10px;
    border-bottom: 1px solid #eef2f5;
}

.form-row:last-of-type { border-bottom: none; }
.form-row label { font-weight: 600; margin-bottom: 0; }

small { color: #5a6b7c; font-size: 12px; margin-top: 5px; display: block; }

.radio-group label { font-weight: 500; display: inline-block; margin: 0 18px 0 0; }
.radio-group input { margin-right: 8px; accent-color: #0b2a4a; }

.divider { border: none; border-top: 1px solid #d9e1e8; margin: 22px 0; }

.highlight {
    background-color: #eef5f8;
    border-top: 1px solid #cfdee6;
    border-bottom: 1px solid #cfdee6;
    border-left: 4px solid #0e7c86;
    border-radius: 6px;
}

.button-group { margin-top: 30px; }

@media (max-width: 720px) {
    .form-container { padding: 0 16px; }
    .form-card { padding: 22px 20px; }
    .form-row { grid-template-columns: 1fr; gap: 8px; }
}

/* Google Forms embed (added with the forms migration) */
.form-container iframe { width: 100%; border: 0; display: block; }
.form-fallback { text-align: center; font-size: 0.9rem; color: #5a6b7a; margin-top: 0.75rem; }