.support-page{
  min-height:100dvh;
  display:flow-root;
}

.support-content{
  max-width:860px;
  margin:0 auto;
}

.support-header{
  padding:26px 0 40px;
  border-top:3px solid var(--ink);
  text-align:center;
}

.support-header h1{
  margin:0;
  font-family:var(--ff-display);
  font-size:4.5rem;
  font-weight:900;
  letter-spacing:0;
  line-height:1;
}

.support-page .support-tools{
  flex-direction:row;
  align-items:center;
}

.support-intro{
  max-width:640px;
  margin:28px auto 36px;
  color:var(--ink-mid);
  text-align:center;
}

.support-buttons{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  margin-bottom:40px;
}

.support-channel{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  height:100%;
  min-height:210px;
  padding:28px 18px;
  border:1px solid var(--ink);
  background:var(--paper);
  color:var(--ink);
  cursor:pointer;
  text-align:center;
  transition:background .15s, border-color .15s;
}

.support-channel:hover{
  border-color:var(--red);
  background:var(--paper-warm);
}

.support-channel:focus-visible{
  outline:2px solid var(--red);
  outline-offset:4px;
}

.support-channel-icon{
  width:32px;
  height:32px;
  object-fit:contain;
}

.support-channel-title{
  font-family:var(--ff-display);
  font-size:1.65rem;
  font-weight:700;
  line-height:1.2;
}

.support-channel-detail{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-family:var(--ff-mono);
  font-size:.78rem;
  color:var(--ink-soft);
  overflow-wrap:anywhere;
}

.support-copy-feedback{
  position:absolute;
  bottom:8px;
  opacity:0;
  transition:opacity 1.4s ease;
}

.support-copy-feedback.is-visible{
  opacity:1;
  transition-duration:.18s;
}

@media (max-width:560px){
  .support-buttons{
    grid-template-columns:1fr;
    gap:14px;
  }

  .support-channel{
    min-height:180px;
  }
}

@media (max-width:820px){
  .support-header h1{
    font-size:3.4rem;
  }
}

@media (max-width:560px){
  .support-header h1{
    font-size:2.6rem;
  }
}