/* Contact page composition; the existing store shell and form handlers remain in place. */
#contactusBody #column-center #contactUsDefault { --contact-accent: var(--d-brand, var(--m-brand, #e8a900)); --contact-ink: var(--d-brand-text, #8a6400); }
#contactusBody #column-center #contactUsDefault h1 { margin: 28px 0 12px; padding: 0; }
#contactusBody #column-center #contactUsDefault .contact-intro { max-width: 65ch; margin: 0 0 24px; font-size: 16px; line-height: 1.55; }
#contactusBody #column-center #contactUsDefault .contact-intro a { color: var(--contact-ink); text-decoration: underline; }
#contactusBody #column-center #contactUsDefault :is(.tie, .tie-indent) { padding: 0; margin: 0; border: 0; background: transparent; box-shadow: none; }
#contactusBody #column-center #contactUsDefault form { display: block; }
#contactusBody #column-center #contactUsDefault #contactUsNoticeContent { margin: 0 0 20px; padding: 0; border: 0; }
#contactusBody #column-center #contactUsDefault #contactUsForm { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px 24px; min-width: 0; margin: 0 0 22px; padding: 0; border: 0; background: transparent; box-shadow: none; }
#contactusBody #column-center #contactUsDefault .contact-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
#contactusBody #column-center #contactUsDefault #contactUsForm > .alert { grid-column: 1 / -1; float: none; margin: 0; text-align: left; font-size: 14px; color: var(--d-ink-2, var(--m-ink-2, #5f6264)); }
#contactusBody #column-center #contactUsDefault #contactUsForm > .ns-turnstile { grid-column: 1 / -1; min-width: 0; }
#contactusBody #column-center #contactUsDefault .contact-field { min-width: 0; }
#contactusBody #column-center #contactUsDefault .contact-field-wide { grid-column: 1 / -1; }
#contactusBody #column-center #contactUsDefault .contact-telephone { max-width: calc(50% - 12px); }
#contactusBody #column-center #contactUsDefault #contactUsForm .contact-field label { display: block; float: none; width: auto; height: auto; margin: 0 0 6px; padding: 0; color: #292929; font-size: 15px; font-weight: bold; line-height: 1.4; text-align: left; }
#contactusBody #column-center #contactUsDefault .contact-optional { font-weight: normal; color: #555; }
#contactusBody #column-center #contactUsDefault #contactUsForm .contact-field :is(input, select, textarea) { display: block; float: none; width: 100%; max-width: none; min-height: 46px; height: auto; box-sizing: border-box; margin: 0; padding: 10px 12px; border: 1px solid #888; border-radius: 4px; background: #fff; color: #222; font: 16px/1.4 Arial, sans-serif; box-shadow: none; }
#contactusBody #column-center #contactUsDefault #contactUsForm .contact-field textarea { min-height: 170px; resize: vertical; }
#contactusBody #column-center #contactUsDefault #contactUsForm .contact-field :is(input, select, textarea):focus { outline: 2px solid var(--contact-ink); outline-offset: 2px; }
#contactusBody #column-center #contactUsDefault form > .buttonRow { display: inline-block; float: none; width: auto; margin: 0 16px 12px 0; padding: 0; vertical-align: middle; }
#contactusBody #column-center #contactUsDefault form > .buttonRow.forward :is(input, button) { width: auto; min-width: 140px; min-height: 46px; padding: 10px 24px; border: 0; border-radius: 10px; font: bold 16px/1.3 Arial, sans-serif; background: var(--contact-accent); color: var(--d-brand-ink, var(--m-brand-ink, #2d2d2d)); }
#contactusBody #column-center #contactUsDefault form > .buttonRow.back :is(a, .ns-btn) { color: var(--contact-ink); background: transparent; border: 0; text-decoration: underline; box-shadow: none; }
@media (min-width: 1024px) {
  #contactusBody #column-center #contactUsDefault::before { content: ""; display: block; height: 32px; }
}
@media (max-width: 600px) {
  #contactusBody #column-center #contactUsDefault h1 { margin-top: 12px; }
  #contactusBody #column-center #contactUsDefault #contactUsForm { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #contactusBody #column-center #contactUsDefault .contact-field-wide { grid-column: auto; }
  #contactusBody #column-center #contactUsDefault .contact-telephone { max-width: none; }
}

#contactusBody #column-center #contactUsDefault #contactUsForm .contact-field label > .alert { color: inherit; }