/* Little Tyvy Montessori - Childcare & Tour Booking Enquiries form
   Companion to home.css, pages.css and book-a-tour.css, which must load first: this sheet only
   adds the few bits the enquiry form needs beyond the shared .ty-bookform field styling. Scoped
   under .ty-page so nothing leaks into the rest of the site. */

.ty-page .ty-hint { display: block; margin-top: 7px; font-size: 12px; line-height: 1.55; color: var(--muted); }

.ty-child2 { margin-top: 22px; padding-top: 22px; border-top: 1px dashed var(--line); transition: opacity .2s ease; }
.ty-child2[hidden] { display: none; }

.ty-enqsec { background: var(--cream); padding: 92px 0 96px; }
.ty-enqcard { max-width: 860px; margin: 0 auto; background: var(--white); border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 24px 60px -34px rgba(60, 58, 44, .32); overflow: hidden; }
.ty-enqcard__head { background: var(--green); text-align: center; padding: 42px 32px 40px; }
.ty-page .ty-enqcard__head .ty-eyebrow { color: rgba(255, 255, 255, .88); margin-bottom: 14px; }
.ty-page .ty-enqcard__head h2 { color: #fff; font-size: clamp(28px, 3.2vw, 36px); }
.ty-page .ty-enqcard__head p:last-child { margin: 12px auto 0; max-width: 470px; font-size: 14.5px; line-height: 1.7; color: rgba(255, 255, 255, .9); }
.ty-enqform { padding: 40px 48px 46px; }

@media (max-width: 640px) {
  .ty-enqsec { padding: 56px 0 64px; }
  .ty-enqcard { border-radius: 16px; }
  .ty-enqcard__head { padding: 32px 22px 30px; }
  .ty-enqform { padding: 30px 22px 34px; }
}