/* Laconia Flight Academy enquiry form. Plain and light, so it sits well inside the website's Contact page. */
* { box-sizing: border-box; }
html, body { margin: 0; }
body { font: 16px/1.5 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #1b2430; background: transparent; }
main { max-width: 640px; margin: 0 auto; padding: 12px 14px 20px; }
h1 { font-size: 1.5rem; margin: 0.2rem 0 0.5rem; color: #0b2a55; }
fieldset { border: 0; padding: 0; margin: 0 0 0.9rem; }
legend { font-weight: 700; margin-bottom: 0.4rem; }
.choices { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
.choice { display: flex; flex-direction: row; align-items: center; margin: 0; gap: 0.5rem; border: 1px solid #c9d3e0; border-radius: 10px; padding: 0.6rem 0.7rem; cursor: pointer; background: #fff; font-weight: 500; }
.choice input { margin: 0; padding: 0; flex: none; width: 1.1rem; height: 1.1rem; accent-color: #1f5fae; }
.choice:has(input:checked) { border-color: #1f5fae; background: #eaf2fc; }
.row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.7rem; }
label { display: block; font-weight: 600; font-size: 0.95rem; margin-bottom: 0.7rem; }
.optional { font-weight: 400; color: #6b7686; }
input, textarea, select { font: inherit; padding: 0.6rem 0.7rem; border: 1px solid #c9d3e0; border-radius: 8px; background: #fff; color: inherit; width: 100%; display: block; margin-top: 0.25rem; }
textarea { resize: vertical; }
input:focus, textarea:focus, select:focus, button:focus, .choice:focus-within { outline: 3px solid #9cc0ee; outline-offset: 1px; }
button { font: inherit; font-weight: 700; padding: 0.75rem 1.6rem; border: 0; border-radius: 8px; background: #1f5fae; color: #fff; cursor: pointer; }
button:hover { background: #184c8c; }
.error { background: #fdecea; color: #b3261e; border-radius: 8px; padding: 0.6rem 0.8rem; font-weight: 600; }
.thanks { background: #e4f5ec; border-radius: 10px; padding: 1rem 1.2rem; }
.thanks h1 { color: #0f5a33; }
.contact { color: #6b7686; font-size: 0.9rem; margin-top: 1rem; }
.training-extra { background: #f5f8fc; border: 1px solid #dbe4ef; border-radius: 10px; padding: 0.8rem 0.9rem 0.2rem; }
.training-extra .choices { margin-bottom: 0.8rem; }
.hint { margin: 0 0 0.4rem; font-weight: 600; font-size: 0.95rem; }
/* Only with "Flight training" ticked. Browsers without :has() always show it. */
@supports selector(:has(*)) {
  form:not(:has(input[name="interest"][value="training"]:checked)) .training-extra { display: none; }
}
.trap {  position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
ul { padding-left: 1.2rem; }
@media (max-width: 520px) {
  .choices, .row { grid-template-columns: 1fr; }
}