.contact-hero{
  background:var(--av-cream);
}

.contact-hero .c-hero-copy{
  min-width:0;
  align-items:flex-start;
  text-align:left;
}

.contact-hero .c-hero-copy>p{
  max-width:42rem;
}

.contact-hero__route-note{
  margin-top:var(--av-space-3);
  color:var(--av-muted);
  font-size:var(--av-fs-1);
}

.contact-hero .c-btn svg{
  width:1rem;
  height:1rem;
}

.contact-route-stage{
  text-align:left;
}

.contact-route-sheet{
  width:100%;
  max-width:none;
  height:100%;
  display:flex;
  flex-direction:column;
  border-radius:var(--av-radius-lg);
  background:var(--av-paper);
  color:var(--av-text);
  box-shadow:var(--av-shadow);
  overflow:hidden;
}

.contact-route-sheet__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--av-space-2);
  padding:var(--av-space-3);
  background:var(--av-night-blue);
  color:#d8e9f2;
}

.contact-route-sheet__head>div{
  min-width:0;
  display:grid;
  gap:var(--av-space-1);
}

.contact-route-sheet__head h2{
  color:#fff;
  font-size:var(--av-fs-4);
}

.contact-route-sheet__code{
  color:var(--av-blue-soft);
  font-size:var(--av-fs-0);
  letter-spacing:.1em;
}

.contact-route-sheet__head .c-badge{
  flex:0 0 auto;
  background:var(--av-yellow);
  color:var(--av-night);
}

.contact-route-sheet__head .c-badge::before{
  background:var(--av-night);
}

.contact-route-sheet__rows{
  flex:1;
  display:flex;
  flex-direction:column;
  padding-inline:var(--av-space-3);
  background:var(--av-paper);
  color:var(--av-text);
}

.contact-route-row{
  min-width:0;
  flex:1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--av-space-2);
  padding-block:.8rem;
  border-bottom:1px solid var(--av-line);
}

.contact-route-row:last-child{
  border-bottom:0;
}

.contact-route-row__index{
  width:2rem;
  height:2rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--av-blue-pale);
  color:var(--av-blue);
  font-size:var(--av-fs-0);
  font-weight:700;
}

.contact-route-row>div{
  min-width:0;
  display:grid;
  gap:var(--av-space-1);
}

.contact-route-row h3{
  color:var(--av-ink);
  font-family:var(--av-font-body);
  font-size:var(--av-fs-1);
  font-weight:700;
}

.contact-route-row p{
  color:var(--av-muted);
  font-size:var(--av-fs-0);
  line-height:1.5;
}

.contact-route-row>strong{
  color:var(--av-blue);
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-0);
  overflow-wrap:anywhere;
}

.contact-route-sheet__foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--av-space-1);
  padding:var(--av-space-2) var(--av-space-3);
  background:var(--av-blue-pale);
  color:#294754;
  font-size:var(--av-fs-1);
}

.contact-route-sheet__foot a{
  color:#075d88;
  font-family:var(--av-font-mono);
  font-weight:700;
  overflow-wrap:anywhere;
}

.contact-compose{
  align-items:stretch;
}

.contact-form{
  min-width:0;
  display:flex;
  flex-direction:column;
  border-radius:var(--av-radius-lg);
  background:var(--av-cream);
  color:var(--av-text);
  overflow:hidden;
}

.contact-form__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--av-space-2);
  padding:var(--av-space-3) var(--av-space-4);
  background:var(--av-night);
  color:#d8e9f2;
}

.contact-form__head>div{
  min-width:0;
  display:grid;
  gap:var(--av-space-1);
}

.contact-form__head h3{
  color:#fff;
}

.contact-form__code{
  color:var(--av-blue-soft);
  font-size:var(--av-fs-0);
  letter-spacing:.1em;
}

.contact-form__head .c-badge{
  flex:0 0 auto;
  background:var(--av-yellow);
  color:var(--av-night);
}

.contact-form__head .c-badge::before{
  background:var(--av-night);
}

.contact-form__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--av-space-3);
  padding:var(--av-space-4);
}

.contact-form__wide{
  grid-column:1/-1;
}

.contact-field-hint{
  color:var(--av-muted);
  font-size:var(--av-fs-1);
}

.contact-form__actions{
  padding-inline:var(--av-space-4);
  margin-top:0;
}

.contact-form__status{
  margin:var(--av-space-2) var(--av-space-4) var(--av-space-4);
  padding-top:var(--av-space-2);
  border-top:1px solid var(--av-line);
  color:var(--av-muted);
  font-size:var(--av-fs-1);
}

.contact-form__status.is-error{
  color:var(--av-blue);
  font-weight:700;
}

.contact-form__status.is-success{
  color:var(--av-green);
  font-weight:700;
}

.contact-select-native{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  border:0;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  overflow:hidden;
  white-space:nowrap;
}

.contact-select{
  position:relative;
  min-width:0;
}

.contact-select__button{
  width:100%;
  min-height:3rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--av-space-1);
  padding:.75rem .9rem;
  padding-inline-end:2.5rem;
  border:1px solid var(--av-input-line);
  border-radius:var(--av-radius-sm);
  background:var(--av-paper);
  color:var(--av-ink);
  text-align:left;
  cursor:pointer;
}

.contact-select__button::after{
  content:"";
  position:absolute;
  right:1rem;
  top:50%;
  width:.55rem;
  height:.55rem;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-70%) rotate(45deg);
  transition:transform var(--av-transition);
}

.contact-select__button[aria-expanded="true"]::after{
  transform:translateY(-30%) rotate(225deg);
}

.contact-select__button:focus-visible{
  outline:3px solid color-mix(in srgb,var(--av-blue-soft) 65%,transparent);
  outline-offset:3px;
}

.contact-select__menu{
  position:absolute;
  z-index:30;
  top:calc(100% + .5rem);
  left:0;
  right:0;
  display:grid;
  max-height:16rem;
  padding:var(--av-space-1);
  overflow-y:auto;
  border-radius:var(--av-radius-sm);
  background:var(--av-paper);
  color:var(--av-ink);
  box-shadow:var(--av-shadow);
}

.contact-select__menu[hidden]{
  display:none;
}

.contact-select__option{
  width:100%;
  padding:.65rem .75rem;
  border:0;
  border-radius:var(--av-radius-sm);
  background:transparent;
  color:var(--av-ink);
  text-align:left;
  cursor:pointer;
}

.contact-select__option:hover,
.contact-select__option:focus-visible,
.contact-select__option[aria-selected="true"]{
  background:var(--av-blue-pale);
  color:#075d88;
}

.contact-channel-side{
  min-width:0;
}

.contact-channel-card{
  gap:var(--av-space-1);
}

.contact-channel-card__icon{
  width:2.5rem;
  height:2.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--av-space-1);
  border-radius:50%;
  background:var(--av-blue-pale);
  color:var(--av-blue);
}

.contact-channel-card__icon svg{
  width:1.25rem;
  height:1.25rem;
}

.contact-channel-card h3{
  font-family:var(--av-font-body);
  font-size:var(--av-fs-3);
  font-weight:700;
}

.contact-channel-card>p{
  color:var(--av-muted);
  font-size:var(--av-fs-1);
}

.contact-channel-card__facts{
  display:grid;
  margin:var(--av-space-2) 0 0;
  border-top:1px solid var(--av-line);
}

.contact-channel-card__facts>div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(6rem,.6fr) minmax(0,1fr);
  gap:var(--av-space-1);
  padding-block:.7rem;
  border-bottom:1px solid var(--av-line);
}

.contact-channel-card__facts dt{
  color:var(--av-muted);
}

.contact-channel-card__facts dd{
  min-width:0;
  color:var(--av-ink);
  overflow-wrap:anywhere;
}

.contact-channel-card__facts a{
  color:var(--av-blue);
}

.contact-channel-card__action{
  width:100%;
  margin-top:var(--av-space-3);
}

.contact-security-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--av-space-2);
  margin-bottom:var(--av-space-4);
}

.contact-security-note svg{
  width:1.25rem;
  height:1.25rem;
  margin-top:.2rem;
}

.contact-security-note>div{
  min-width:0;
  display:grid;
  gap:var(--av-space-1);
}

.contact-security-note h3{
  color:#57481c;
  font-family:var(--av-font-body);
  font-size:var(--av-fs-2);
  font-weight:700;
}

.contact-safety-grid{
  align-items:start;
}

.contact-check-card{
  display:flex;
  flex-direction:column;
  gap:var(--av-space-1);
}

.contact-check-card__index{
  width:fit-content;
  align-self:flex-start;
  color:var(--av-blue);
  font-size:var(--av-fs-0);
  font-weight:700;
}

.contact-check-card h3{
  font-family:var(--av-font-body);
  font-size:var(--av-fs-3);
  font-weight:700;
}

.contact-check-card p{
  color:var(--av-muted);
  font-size:var(--av-fs-1);
}

.contact-brief-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
  align-items:start;
  gap:var(--av-space-3);
}

.contact-brief-item{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--av-space-2);
  padding:var(--av-space-3);
  border-radius:var(--av-radius-md);
  background:var(--av-paper);
  color:var(--av-text);
}

.contact-brief-item__index{
  width:2.5rem;
  height:2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--av-night-blue);
  color:#fff;
  font-size:var(--av-fs-0);
  font-weight:700;
}

.contact-brief-item>div{
  min-width:0;
  display:grid;
  gap:var(--av-space-1);
}

.contact-brief-item h3{
  color:var(--av-ink);
  font-family:var(--av-font-body);
  font-size:var(--av-fs-3);
  font-weight:700;
}

.contact-brief-item p{
  color:var(--av-muted);
  font-size:var(--av-fs-1);
}

.contact-plan-reference{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--av-space-4);
  margin-top:var(--av-space-5);
  padding:var(--av-space-4);
  border-radius:var(--av-radius-lg);
  background:var(--av-night-blue);
  color:#d8e9f2;
}

.contact-plan-reference__copy{
  min-width:0;
  display:grid;
  gap:var(--av-space-1);
  max-width:46rem;
}

.contact-plan-reference__copy .c-badge{
  background:var(--av-yellow);
  color:var(--av-night);
}

.contact-plan-reference__copy .c-badge::before{
  background:var(--av-night);
}

.contact-plan-reference h3{
  color:#fff;
}

.contact-plan-reference p{
  color:#d8e9f2;
}

.contact-plan-reference>.c-btn{
  flex:0 0 auto;
}

.contact-account-panel{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);
  gap:var(--av-space-4);
  padding:var(--av-space-5);
  border-radius:var(--av-radius-lg);
  background:var(--av-cream);
  color:var(--av-text);
}

.contact-account-panel__copy{
  min-width:0;
  display:grid;
  align-content:start;
  gap:var(--av-space-1);
}

.contact-account-panel__copy h2{
  color:var(--av-ink);
}

.contact-account-panel__copy p{
  color:var(--av-muted);
}

.contact-account-panel__fields{
  min-width:0;
  display:grid;
  align-content:start;
}

.contact-account-panel__fields>div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(6rem,.7fr) minmax(0,1fr);
  gap:var(--av-space-1);
  padding-block:.8rem;
  border-bottom:1px solid var(--av-line);
}

.contact-account-panel__fields>div:first-child{
  border-top:1px solid var(--av-line);
}

.contact-account-panel__fields span{
  color:var(--av-muted);
  font-size:var(--av-fs-1);
}

.contact-account-panel__fields strong{
  color:var(--av-ink);
  font-size:var(--av-fs-1);
  overflow-wrap:anywhere;
}

.contact-account-panel__action{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--av-space-3);
  padding-top:var(--av-space-3);
  border-top:1px solid var(--av-line);
}

.contact-account-panel__action p{
  max-width:30rem;
  color:var(--av-muted);
  font-size:var(--av-fs-1);
}

.contact-response-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--av-space-3);
}

.contact-response-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--av-space-1);
  padding:var(--av-space-4);
  border-radius:var(--av-radius-md);
  background:var(--av-paper);
  color:var(--av-text);
}

.contact-response-card__label{
  width:fit-content;
  align-self:flex-start;
  color:var(--av-blue);
  font-family:var(--av-font-mono);
  font-size:var(--av-fs-0);
  font-weight:700;
}

.contact-response-card>strong{
  color:var(--av-ink);
  font-size:clamp(1.25rem,4cqi,1.75rem);
  line-height:1.3;
  overflow-wrap:anywhere;
}

.contact-response-card h3{
  color:var(--av-ink);
  font-family:var(--av-font-body);
  font-size:var(--av-fs-3);
  font-weight:700;
}

.contact-response-card p{
  color:var(--av-muted);
  font-size:var(--av-fs-1);
}

.contact-response-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--av-space-2);
  margin-top:var(--av-space-4);
  padding:var(--av-space-3);
  border-radius:var(--av-radius-md);
  background:var(--av-blue-pale);
  color:#294754;
}

.contact-response-note svg{
  width:1.25rem;
  height:1.25rem;
  margin-top:.2rem;
}

.contact-closing-section{
  background:var(--av-cream);
}

.contact-closing-kicker{
  color:var(--av-blue-soft);
}

.contact-closing-actions{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  margin-top:0;
}

.contact-closing-actions .c-btn{
  width:100%;
}

.contact-closing-actions .c-btn-ghost{
  color:#fff;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}

@media(max-width:64rem){
  .contact-route-sheet__head{
    padding:var(--av-space-3);
  }

  .contact-form__grid{
    grid-template-columns:1fr;
  }

  .contact-form__wide{
    grid-column:auto;
  }

  .contact-response-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
  }
}

@media(max-width:48rem){
  .contact-route-stage{
    height:auto;
    overflow:visible;
  }

  .contact-route-sheet{
    height:auto;
    overflow:visible;
  }

  .contact-route-row{
    grid-template-columns:auto minmax(0,1fr);
  }

  .contact-route-row>strong{
    grid-column:2;
  }

  .contact-form__head{
    padding:var(--av-space-3);
  }

  .contact-form__grid{
    padding:var(--av-space-3);
  }

  .contact-form__actions{
    padding-inline:var(--av-space-3);
  }

  .contact-form__status{
    margin-inline:var(--av-space-3);
  }

  .contact-plan-reference{
    align-items:flex-start;
    flex-direction:column;
  }

  .contact-plan-reference>.c-btn{
    width:100%;
  }

  .contact-account-panel{
    grid-template-columns:1fr;
    padding:var(--av-space-4);
  }

  .contact-account-panel__action{
    grid-column:auto;
    align-items:flex-start;
    flex-direction:column;
  }

  .contact-account-panel__action .c-btn{
    width:100%;
  }
}

@media(max-width:24.375rem){
  .contact-hero .av-actions,
  .contact-form__actions{
    align-items:stretch;
    flex-direction:column;
  }

  .contact-hero .c-btn,
  .contact-form__actions .c-btn{
    width:100%;
    white-space:normal;
  }

  .contact-route-sheet__head{
    flex-direction:column;
  }

  .contact-route-row{
    grid-template-columns:1fr;
  }

  .contact-route-row>strong{
    grid-column:auto;
  }

  .contact-route-sheet__foot{
    align-items:flex-start;
    flex-direction:column;
  }

  .contact-form__head{
    flex-direction:column;
  }

  .contact-channel-card__facts>div,
  .contact-account-panel__fields>div{
    grid-template-columns:1fr;
  }

  .contact-brief-item{
    grid-template-columns:1fr;
  }
}
