.contact-page [hidden]{display:none!important}
.contact-page{font-variant-numeric:tabular-nums}
.contact-page .contact-hero{display:block;grid-template-areas:none;grid-template-columns:minmax(0,1fr);padding-block:var(--hero-top) var(--space-5);background:#F7F8FA;color:#1C2526;--muted:#5B6670;--line:#ECEEF1;text-align:center}
.contact-hero h1{color:#1C2526}
.contact-hero .contact-lead{max-width:var(--width-narrow);margin-inline:auto;color:#5B6670;font-size:var(--text-lead);line-height:var(--lh-body);margin-top:var(--space-2)}
.contact-hero .c-actions{justify-content:center}
.contact-hero-note{margin-top:var(--space-3);color:#5B6670}
.contact-head{margin-bottom:var(--space-4);text-align:center}
.contact-head>p{max-width:var(--width-narrow);margin-inline:auto;margin-top:var(--space-1);color:#5B6670}
.contact-head .kicker,.contact-hero .kicker{margin-inline:auto}
.contact-page p{overflow-wrap:break-word}
.contact-page .contact-address{overflow-wrap:anywhere;font-family:var(--f-mono);font-size:var(--text-sm)}
.contact-page .c-card-foot .contact-address,.contact-channel-note{margin-top:var(--space-2)}
.contact-compose{padding:var(--card-pad);border-radius:var(--radius-card);background:#FFFFFF;color:#1C2526;--muted:#5B6670;--line:#ECEEF1;box-shadow:var(--shadow);min-width:0}
.contact-compose>noscript{display:block;margin-top:var(--space-3)}
.contact-required{font-size:var(--text-xs);font-weight:var(--weight-normal);color:#5B6670;margin-inline-start:var(--space-1)}
.contact-fieldset{border:0;padding:0;margin:0;min-width:0}
.contact-fieldset legend{padding:0;font-weight:var(--weight-bold);color:#1C2526;font-size:var(--text-base)}
.contact-field-help{margin-block:var(--space-field);color:#5B6670;font-size:var(--text-sm)}
.contact-region-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.contact-region-grid>*{min-width:0}
.contact-form-actions,.contact-draft-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-2)}
.contact-status{color:#5B6670;font-size:var(--text-sm);line-height:var(--lh-body)}
.contact-status[data-state="error"]{color:#5A2333}
.contact-draft{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);min-width:0}
.contact-draft>p{margin-top:var(--space-1);color:#5B6670}
.contact-draft-subject{overflow-wrap:break-word}
.contact-draft pre{position:relative;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto;max-width:100%;margin-top:var(--space-2);background:#F1F3F5;color:#1C2526}
.contact-draft .contact-draft-note{margin-top:var(--space-2);font-size:var(--text-sm)}
.contact-tag{display:inline-flex;align-items:center;justify-content:center;gap:.4em;width:fit-content;max-width:100%;padding:.4em .9em;line-height:1;border-radius:var(--radius-pill);background:#FFFFFF;color:#2E2A55;font-size:var(--text-sm);overflow-wrap:break-word}
.contact-checklist{list-style:none;margin:0;padding:0}
.contact-check-row{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);align-items:start;padding-block:var(--space-3);border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
.contact-check-row>*{min-width:0}
.contact-check-row h3{font-size:var(--text-card)}
.contact-check-row p{color:#5B6670}
.contact-step{display:inline-flex;align-items:center;justify-content:center;padding:.4em .9em;width:fit-content;border-radius:var(--radius-pill);background:#ECEAF7;color:#2E2A55;line-height:1;font-size:var(--text-xs)}
.contact-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.45fr);gap:var(--space-4);align-items:center;padding:var(--card-pad);border-radius:var(--radius-card);background:#1C2526;color:#FFFFFF;--muted:#C9CED3;--line:rgba(255,255,255,.18)}
.contact-closing>*{min-width:0}
.contact-closing h2{color:#FFFFFF}
.contact-closing p{margin-top:var(--space-1);color:#C9CED3}
.contact-closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}
.contact-closing-actions .c-btn{background:#FFFFFF;color:#205E54;border-color:#FFFFFF}
.contact-closing-actions .c-btn:hover{background:#F1F3F5;color:#205E54}
.contact-closing-actions .c-btn--ghost{background:#1C2526;color:#FFFFFF;border-color:rgba(255,255,255,.45)}
.contact-closing-actions .c-btn--ghost:hover{background:#2C7A6E;color:#FFFFFF;border-color:rgba(255,255,255,.45)}
@media(max-width:42rem){
  .contact-region-grid{grid-template-columns:minmax(0,1fr)}
  .contact-check-row{grid-template-columns:2.25rem minmax(0,1fr)}
  .contact-check-row>:nth-child(3){grid-column:2}
  .contact-closing{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}
  .contact-form-actions,.contact-draft-actions{align-items:stretch;flex-direction:column}
  .contact-form-actions .c-btn,.contact-draft-actions .c-btn{width:100%}
}
