.contact-hero{
  padding-block:var(--mw-space-5) var(--mw-space-7);
  overflow:hidden;
  background:var(--mw-paper);
  border-bottom:1px solid var(--mw-line)
}

.contact-hero__grid{
  margin-top:var(--mw-space-4);
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:center;
  gap:var(--mw-space-6)
}

.contact-hero__content,
.contact-route-map{
  min-width:0
}

.contact-hero__title{
  max-width:760px;
  font-size:var(--mw-size-3xl)
}

.contact-hero__copy{
  max-width:720px;
  margin-top:var(--mw-space-3);
  color:var(--mw-ink-soft);
  font-size:var(--mw-size-lg)
}

.contact-hero__actions{
  margin-top:var(--mw-space-4);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--mw-space-2)
}

.contact-hero__actions svg{
  width:20px;
  height:20px;
  flex:0 0 auto
}

.contact-email-link{
  overflow-wrap:anywhere
}

.contact-hero__note{
  max-width:680px;
  margin:var(--mw-space-2) 0 0;
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.contact-route-map{
  padding:var(--mw-space-3);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  background:var(--mw-white);
  box-shadow:var(--mw-shadow)
}

.contact-route-map__head{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--mw-space-1);
  padding-bottom:var(--mw-space-3);
  border-bottom:1px solid var(--mw-line)
}

.contact-route-map__line{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:var(--mw-space-2);
  min-width:0
}

.contact-route-map__head + .contact-route-map__line{
  padding-top:var(--mw-space-3)
}

.contact-route-map__icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid var(--mw-ink);
  border-radius:var(--mw-radius-sm);
  color:var(--mw-primary)
}

.contact-route-map__icon svg{
  width:22px;
  height:22px
}

.contact-route-map__line strong,
.contact-route-map__line span{
  display:block
}

.contact-route-map__line strong{
  font-family:var(--mw-heading)
}

.contact-route-map__line div span{
  margin-top:var(--mw-space-1);
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.contact-route-map__connector{
  width:1px;
  height:var(--mw-space-3);
  margin-left:20px;
  background:var(--mw-line-strong)
}

.contact-route-map__facts{
  margin-top:var(--mw-space-3);
  padding-top:var(--mw-space-2);
  border-top:1px solid var(--mw-line);
  display:grid;
  gap:var(--mw-space-1)
}

.contact-route-map__facts div{
  min-width:0;
  display:flex;
  justify-content:space-between;
  gap:var(--mw-space-2);
  font-size:var(--mw-size-xs)
}

.contact-route-map__facts span{
  color:var(--mw-muted)
}

.contact-route-map__facts strong{
  font-family:var(--mw-mono);
  font-variant-numeric:tabular-nums;
  text-align:right
}

.contact-route-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:var(--mw-space-3)
}

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

.contact-route-card:nth-child(-n+3){
  grid-column:span 2
}

.contact-route-card:nth-child(n+4){
  grid-column:span 3
}

.contact-route-card .c-badge{
  margin-top:var(--mw-space-3)
}

.contact-route-card__detail{
  margin:var(--mw-space-2) 0 0;
  padding-top:var(--mw-space-2);
  border-top:1px solid var(--mw-line);
  color:var(--mw-ink-soft);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs)
}

.contact-route-card__action{
  margin-top:auto;
  padding-top:var(--mw-space-3);
  display:inline-flex;
  align-items:center;
  color:var(--mw-primary);
  font-size:var(--mw-size-sm);
  font-weight:600
}

.contact-route-card__action:hover{
  color:var(--mw-primary-hover)
}

.contact-template-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  gap:var(--mw-space-4)
}

.contact-template,
.contact-template-notes{
  min-width:0
}

.contact-template__head{
  padding-bottom:var(--mw-space-3);
  border-bottom:1px solid var(--mw-line-strong);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--mw-space-3)
}

.contact-template__head h3{
  margin-top:var(--mw-space-2)
}

.contact-template__head svg{
  width:28px;
  height:28px;
  flex:0 0 auto;
  color:var(--mw-primary)
}

.contact-checklist{
  margin:0 0 var(--mw-space-3);
  display:grid
}

.contact-checklist div{
  min-width:0;
  padding-block:var(--mw-space-3);
  border-bottom:1px solid var(--mw-line);
  display:grid;
  grid-template-columns:minmax(110px,.3fr) minmax(0,1fr);
  gap:var(--mw-space-3)
}

.contact-checklist dt{
  font-family:var(--mw-heading);
  font-weight:600
}

.contact-checklist dd{
  margin:0;
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.contact-template-notes{
  display:grid;
  align-content:start;
  gap:var(--mw-space-3)
}

.contact-template-notes .c-callout p{
  margin:var(--mw-space-1) 0 0;
  font-family:var(--mw-mono);
  font-variant-numeric:tabular-nums
}

.contact-bullet-list{
  margin-top:var(--mw-space-2);
  display:grid;
  gap:var(--mw-space-2)
}

.contact-bullet-list li{
  position:relative;
  padding-left:var(--mw-space-3);
  color:var(--mw-ink-soft);
  font-size:var(--mw-size-sm)
}

.contact-bullet-list li::before{
  position:absolute;
  top:.7em;
  left:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--mw-primary);
  content:""
}

.contact-diagnostic{
  display:flex;
  flex-direction:column
}

.contact-diagnostic__head{
  padding-bottom:var(--mw-space-3);
  border-bottom:1px solid var(--mw-line);
  display:flex;
  align-items:center;
  gap:var(--mw-space-2)
}

.contact-diagnostic__step{
  padding:var(--mw-space-1);
  border-radius:var(--mw-radius-sm);
  background:var(--mw-primary-soft);
  color:var(--mw-primary);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  font-weight:700
}

.contact-numbered-list{
  counter-reset:diagnostic;
  display:grid
}

.contact-numbered-list li{
  counter-increment:diagnostic;
  min-width:0;
  padding-block:var(--mw-space-3);
  border-bottom:1px solid var(--mw-line);
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  column-gap:var(--mw-space-2)
}

.contact-numbered-list li::before{
  grid-row:1 / span 2;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid var(--mw-line-strong);
  border-radius:50%;
  color:var(--mw-primary);
  font-family:var(--mw-mono);
  font-size:var(--mw-size-xs);
  content:counter(diagnostic)
}

.contact-numbered-list span{
  margin-top:var(--mw-space-1);
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.contact-evidence-list{
  display:grid;
  margin-bottom:var(--mw-space-3)
}

.contact-evidence-list div{
  padding-block:var(--mw-space-3);
  border-bottom:1px solid var(--mw-line)
}

.contact-evidence-list p{
  margin:var(--mw-space-1) 0 0;
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.contact-diagnostic .c-btn{
  margin-top:auto
}

.contact-path-callout{
  margin-top:var(--mw-space-4)
}

.contact-billing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--mw-space-3)
}

.contact-fact-list{
  margin-top:var(--mw-space-3)
}

.contact-fact-list div{
  padding-block:var(--mw-space-2);
  border-bottom:1px solid var(--mw-line);
  display:grid;
  gap:var(--mw-space-1)
}

.contact-fact-list dt{
  color:var(--mw-muted);
  font-size:var(--mw-size-xs)
}

.contact-fact-list dd{
  margin:0;
  font-family:var(--mw-mono);
  font-size:var(--mw-size-sm);
  font-variant-numeric:tabular-nums
}

.contact-billing-action{
  display:flex;
  flex-direction:column;
  align-items:flex-start
}

.contact-billing-action h3{
  margin-top:var(--mw-space-3)
}

.contact-billing-action p{
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.contact-billing-action .c-btn{
  margin-top:auto
}

.contact-response-table{
  min-width:960px
}

.contact-response-table td:nth-child(3){
  white-space:nowrap
}

.contact-response-notes{
  margin-top:var(--mw-space-4)
}

.contact-privacy-layout{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:var(--mw-space-5);
  align-items:start
}

.contact-privacy-copy{
  margin-top:var(--mw-space-3);
  color:var(--mw-muted)
}

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

.contact-sensitive-item{
  min-width:0;
  padding:var(--mw-space-3);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-md);
  background:var(--mw-white);
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:var(--mw-space-2)
}

.contact-sensitive-item svg{
  width:40px;
  height:40px;
  padding:var(--mw-space-1);
  border:1px solid var(--mw-line);
  border-radius:var(--mw-radius-sm);
  color:var(--mw-danger)
}

.contact-sensitive-item p{
  margin:var(--mw-space-1) 0 0;
  color:var(--mw-muted);
  font-size:var(--mw-size-sm)
}

.contact-final{
  margin-top:var(--mw-space-6);
  padding:var(--mw-space-5);
  border:1px solid var(--mw-line-strong);
  border-radius:var(--mw-radius-lg);
  background:var(--mw-white);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--mw-space-5)
}

.contact-final__content{
  min-width:0
}

.contact-final h2{
  max-width:720px;
  margin-top:var(--mw-space-2);
  font-size:var(--mw-size-2xl)
}

.contact-final p{
  max-width:760px;
  margin:var(--mw-space-2) 0 0;
  color:var(--mw-muted)
}

.contact-final__actions{
  min-width:0;
  display:grid;
  gap:var(--mw-space-2)
}

@media (max-width:980px){
  .contact-hero__grid,
  .contact-template-layout,
  .contact-privacy-layout{
    grid-template-columns:1fr
  }

  .contact-hero__grid{
    gap:var(--mw-space-4)
  }

  .contact-route-map{
    max-width:720px
  }

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

  .contact-route-card:nth-child(n){
    grid-column:span 1
  }

  .contact-route-card:last-child{
    grid-column:1 / -1
  }

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

  .contact-billing-action{
    grid-column:1 / -1
  }

  .contact-final{
    grid-template-columns:1fr;
    gap:var(--mw-space-3)
  }

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

@media (max-width:768px){
  .contact-hero{
    padding-block:var(--mw-space-4) var(--mw-space-6)
  }

  .contact-route-grid,
  .contact-billing-grid,
  .contact-sensitive-grid{
    grid-template-columns:1fr
  }

  .contact-route-card:last-child,
  .contact-billing-action{
    grid-column:auto
  }

  .contact-checklist div{
    grid-template-columns:1fr;
    gap:var(--mw-space-1)
  }
}

@media (max-width:390px){
  .contact-hero__actions,
  .contact-final__actions{
    display:grid;
    grid-template-columns:1fr
  }

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

  .contact-route-map,
  .contact-final{
    padding:var(--mw-space-3)
  }

  .contact-route-map__facts div{
    display:grid;
    gap:var(--mw-space-1)
  }

  .contact-route-map__facts strong{
    text-align:left
  }

  .contact-template__head{
    flex-direction:column
  }

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

  .contact-sensitive-item svg{
    width:40px
  }
}

@media (prefers-reduced-motion:reduce){
  .contact-route-card__action{
    transition:none
  }
}