.support { border-top: 1px solid var(--line); }
.support-content { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 72px; margin-top: 42px; }
.support-content > div { border-top: 1px solid #c7bbd2; padding-top: 18px; }
.support h3 { margin: 0 0 16px; }
.support-contact p, .support-help p, .support-help li, .support-inquiry { color: var(--muted); font-size: 16px; line-height: 1.7; }
.support-contact p { margin-bottom: 14px; }
.support-contact p:last-child { margin: 22px 0 0; }
.support a { color: var(--accent); text-underline-offset: 3px; }
.support-email { display: inline-block; font-size: clamp(18px, 2vw, 23px); font-weight: 600; overflow-wrap: anywhere; }
.support-help ul { margin: 0 0 18px; padding-left: 22px; }
.support-help li + li { margin-top: 10px; }
.support-help p { margin-bottom: 0; }
.support-inquiry { max-width: 900px; margin: 44px 0 0; padding: 24px 28px; background: #f0edf4; border-radius: 12px; }
@media (max-width: 800px) {
  .support-content { gap: 36px; }
}
@media (max-width: 680px) {
  .support-content { grid-template-columns: 1fr; gap: 34px; }
  .support-inquiry { margin-top: 36px; padding: 22px; }
}
@media (max-width: 360px) {
  .site-header nav { flex-wrap: wrap; justify-content: flex-start; gap: 10px 17px; }
}