/* request-a-musical-visit: page-only CSS of the approved Design B page (shared rules = src/styles/hh.css). */

.pow-copy p+p{margin-top:14px}

/* form in a plain white panel on a hairline; the Zoom note rides beside it as a quiet margin note */
.form-wrap{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
/* this form's fields sit in a div (not a ul): lay them out on the same 12-column grid so the short fields pair up */
.vform .gform_fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px 22px;align-items:start}
/* the two dropdowns get the full row so their long first choice reads in full */
.vform #field_9_11,.vform #field_9_13{grid-column:span 12}
.vform #field_9_11 select,.vform #field_9_13 select{max-width:560px}
.vform .gform_footer{padding-top:24px;border-top:1px solid var(--line)}
.side-note{position:sticky;top:112px;padding-top:22px;border-top:1px solid var(--hh-gold-50)}
.side-note p:first-child{font-family:var(--serif);font-size:1.6rem;line-height:1.2;color:var(--ink)}
.side-note p:first-child strong{font-weight:500}
.side-note p+p{margin-top:12px;color:var(--muted);font-size:1.04rem}

/* facility logos on the dark band: each on a small white plate, in full color, so dark marks stay legible */
.section.dark .logo-tile{background:var(--white);border-radius:var(--radius);padding:12px 16px}
.section.dark .logo-tile img{filter:none;opacity:1}

/* the service-area note: serif italic on a hairline */
.intl p{max-width:72ch;margin:0 auto;padding-top:28px;border-top:1px solid var(--line);font-family:var(--serif);font-style:italic;font-size:1.18rem;line-height:1.6;color:var(--ink)}

@media (max-width:960px){
  .form-wrap{grid-template-columns:1fr}
  .side-note{position:static;order:-1}
}