.contact-intro{
  border-bottom:1px solid var(--hm-line);
  background:var(--hm-light);
}

.contact-intro__grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  gap:var(--hm-space-5);
  align-items:center;
}

.contact-intro__copy,
.contact-route-card,
.contact-route-card__row>div,
.contact-form-main,
.contact-sidebar,
.contact-channel-card,
.contact-resource-card{
  min-width:0;
}

.contact-intro__copy{
  max-width:720px;
}

.contact-intro__copy h1{
  max-width:680px;
  margin-bottom:var(--hm-space-3);
}

.contact-intro__lead{
  max-width:680px;
  margin-bottom:var(--hm-space-3);
  color:#514B40;
  font-size:var(--hm-fs-3);
}

.contact-intro__actions{
  gap:var(--hm-space-1);
}

.contact-route-card{
  overflow:hidden;
  border:1px solid var(--hm-line-strong);
  border-radius:var(--hm-radius-lg);
  background:var(--hm-white);
  box-shadow:var(--hm-shadow-float);
}

.contact-route-card__head{
  display:flex;
  padding:var(--hm-space-2) var(--hm-space-3);
  align-items:center;
  justify-content:space-between;
  gap:var(--hm-space-2);
  border-bottom:1px solid var(--hm-line);
}

.contact-route-card__head strong{
  color:var(--hm-ink);
  font-size:var(--hm-fs-2);
}

.contact-route-card__row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--hm-space-2);
  padding:var(--hm-space-3);
  align-items:start;
}

.contact-route-card__row+.contact-route-card__row{
  border-top:1px solid var(--hm-line);
}

.contact-route-card__row>svg{
  margin-top:3px;
  color:#775C20;
}

.contact-route-card__row h2{
  margin-bottom:var(--hm-space-1);
  font-family:var(--hm-font-body);
  font-size:var(--hm-fs-3);
  letter-spacing:0;
}

.contact-route-card__row p{
  margin-bottom:var(--hm-space-1);
  color:var(--hm-muted);
  font-size:var(--hm-fs-1);
}

.contact-route-card__row a{
  color:#694E16;
  font-family:var(--hm-font-mono);
  font-size:var(--hm-fs-1);
  font-weight:700;
  overflow-wrap:anywhere;
}

.contact-tabs{
  display:flex;
  gap:var(--hm-space-1);
  flex-wrap:wrap;
}

.contact-tab{
  min-height:40px;
  padding:8px 13px;
  border:1px solid var(--hm-line-strong);
  border-radius:var(--hm-radius-md);
  color:#5A5449;
  background:var(--hm-white);
  cursor:pointer;
  font-size:var(--hm-fs-1);
  font-weight:680;
  transition:background-color .18s var(--hm-ease),border-color .18s var(--hm-ease),transform .18s var(--hm-ease);
}

.contact-tab:hover{
  border-color:#C28B1B;
  transform:translateY(-1px);
}

.contact-tab.is-active{
  color:var(--hm-ink);
  border-color:#C28B1B;
  background:var(--hm-amber);
}

.contact-route-summary{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  gap:var(--hm-space-2);
  margin-top:var(--hm-space-3);
  padding:var(--hm-space-2);
  align-items:center;
  border:1px solid #DECD9F;
  border-radius:var(--hm-radius-md);
  background:var(--hm-amber-pale);
}

.contact-route-summary__label{
  color:#6E531B;
  font-family:var(--hm-font-mono);
  font-size:var(--hm-fs-0);
  font-weight:700;
  letter-spacing:.06em;
}

.contact-route-summary strong{
  color:var(--hm-ink);
}

.contact-route-summary p{
  margin:0;
  color:#625334;
}

.contact-workspace{
  background:var(--hm-soft);
}

.contact-form-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.35fr);
  gap:var(--hm-space-4);
  align-items:start;
}

.contact-panel{
  padding:var(--hm-space-4);
  border:1px solid var(--hm-line-strong);
  border-radius:var(--hm-radius-lg);
  background:var(--hm-white);
}

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

.contact-panel__heading{
  display:flex;
  margin-bottom:var(--hm-space-2);
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--hm-space-3);
}

.contact-panel__heading>div{
  min-width:0;
}

.contact-panel__heading h2{
  margin-bottom:0;
}

.contact-panel__heading>.c-badge{
  flex:0 0 auto;
}

.contact-panel>p{
  max-width:760px;
  margin-bottom:var(--hm-space-3);
  color:var(--hm-muted);
}

.contact-draft-form{
  min-width:0;
}

.contact-form-actions{
  display:flex;
  gap:var(--hm-space-1);
  margin-top:var(--hm-space-3);
  flex-wrap:wrap;
}

.contact-form-note{
  margin:var(--hm-space-2) 0 0;
  color:var(--hm-muted);
  font-size:var(--hm-fs-1);
}

.contact-log-field{
  font-family:var(--hm-font-mono);
  font-size:var(--hm-fs-1);
}

.contact-panel .c-alert strong{
  display:block;
  margin-bottom:var(--hm-space-1);
  color:var(--hm-ink);
}

.contact-panel .c-alert p{
  margin:0;
}

.contact-sidebar{
  display:grid;
  gap:var(--hm-space-3);
}

.contact-check-card{
  padding:var(--hm-space-3);
  border:1px solid var(--hm-line);
  border-radius:var(--hm-radius-md);
  background:var(--hm-white);
}

.contact-check-card__icon{
  display:grid;
  width:40px;
  height:40px;
  margin-bottom:var(--hm-space-2);
  place-items:center;
  border:1px solid #DECD9F;
  border-radius:var(--hm-radius-md);
  color:#6E531B;
  background:var(--hm-amber-pale);
}

.contact-check-card h2{
  margin-bottom:var(--hm-space-2);
  font-size:var(--hm-fs-4);
}

.contact-check-card ul{
  margin:0;
  padding-left:1.1rem;
}

.contact-check-card li+li{
  margin-top:var(--hm-space-1);
}

.contact-check-card p{
  color:var(--hm-muted);
}

.contact-check-card p:last-child{
  margin-bottom:0;
}

.contact-channel-card{
  display:flex;
  flex-direction:column;
}

.contact-channel-card .c-card-header{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--hm-space-2);
  align-items:start;
}

.contact-channel-card .c-card-header>svg{
  margin-top:2px;
  color:#775C20;
}

.contact-channel-card .c-card-header .c-badge{
  margin-bottom:var(--hm-space-2);
}

.contact-channel-card .c-card-header h3{
  margin-bottom:0;
}

.contact-channel-card .c-card-body{
  flex:1;
}

.contact-channel-card .c-card-body h4{
  margin:0 0 var(--hm-space-1);
}

.contact-channel-card .c-card-body ul{
  margin:0 0 var(--hm-space-3);
}

.contact-channel-card .c-card-body li+li{
  margin-top:var(--hm-space-1);
}

.contact-channel-card .c-card-body p{
  margin-bottom:0;
  color:var(--hm-muted);
}

.contact-channel-card .c-card-footer .c-btn{
  width:100%;
  overflow-wrap:anywhere;
}

.contact-self-service{
  background:var(--hm-light);
}

.contact-resource-card{
  display:flex;
  padding:var(--hm-space-3);
  flex-direction:column;
}

.contact-resource-card>svg{
  margin-bottom:var(--hm-space-2);
  color:#775C20;
}

.contact-resource-card h3{
  margin-bottom:var(--hm-space-1);
}

.contact-resource-card p{
  flex:1;
  margin-bottom:var(--hm-space-2);
  color:var(--hm-muted);
}

.contact-resource-card span{
  color:#694E16;
  font-size:var(--hm-fs-1);
  font-weight:700;
}

.contact-faq-list{
  margin-top:var(--hm-space-4);
}

.contact-faq-list .c-faq__content{
  padding-top:14px;
  border-top:1px solid var(--hm-line);
}

.contact-faq-list .c-faq__content p{
  margin-bottom:0;
}

.contact-final{
  background:var(--hm-surface);
}

.contact-final__card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--hm-space-4);
  padding:var(--hm-space-4);
  align-items:center;
  overflow:hidden;
  border:1px solid var(--hm-orange-dark);
  border-radius:var(--hm-radius-lg);
  color:var(--hm-ink);
  background:linear-gradient(115deg,var(--hm-orange),var(--hm-amber));
}

.contact-final__card>div{
  min-width:0;
}

.contact-final__card .hm-eyebrow{
  color:var(--hm-ink);
}

.contact-final__card .hm-eyebrow::before{
  background:var(--hm-ink);
}

.contact-final__card h2{
  margin-bottom:var(--hm-space-2);
}

.contact-final__card p{
  max-width:760px;
  margin-bottom:var(--hm-space-1);
  color:#3B2D17;
}

.contact-final__payment{
  font-family:var(--hm-font-mono);
  font-size:var(--hm-fs-1);
}

.contact-final__actions{
  display:flex;
  min-width:0;
  gap:var(--hm-space-1);
  flex-direction:column;
}

.contact-final__actions .c-btn-secondary{
  border-color:var(--hm-ink);
}

.contact-final__actions .c-btn-ghost{
  color:var(--hm-ink);
  border-color:var(--hm-ink);
  background:var(--hm-amber-pale);
}

@media (max-width:900px){
  .contact-intro__grid,
  .contact-form-layout,
  .contact-final__card{
    grid-template-columns:1fr;
  }

  .contact-route-card{
    max-width:680px;
  }

  .contact-sidebar{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .contact-final__actions{
    align-items:flex-start;
    flex-direction:row;
    flex-wrap:wrap;
  }
}

@media (max-width:640px){
  .contact-intro__grid{
    gap:var(--hm-space-4);
  }

  .contact-intro__actions,
  .contact-form-actions,
  .contact-final__actions{
    align-items:stretch;
    flex-direction:column;
  }

  .contact-intro__actions .c-btn,
  .contact-form-actions .c-btn,
  .contact-final__actions .c-btn{
    width:100%;
    white-space:normal;
  }

  .contact-route-card__head,
  .contact-panel__heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .contact-route-summary{
    grid-template-columns:1fr;
    gap:var(--hm-space-1);
  }

  .contact-panel{
    padding:var(--hm-space-3);
  }

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

  .contact-final__card{
    padding:var(--hm-space-3);
  }
}

@media (max-width:390px){
  .contact-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .contact-tab{
    width:100%;
  }

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

  .contact-channel-card .c-card-header{
    grid-template-columns:1fr;
  }

  .contact-channel-card .c-card-footer .c-btn{
    white-space:normal;
  }
}
