.support-panel {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(420px, 1.2fr);
  gap: 48px;
  margin-top: 24px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--soft);
  padding: 34px;
}

.support-panel h2 { margin: 14px 0 10px; font-size: 28px; }
.support-panel p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.support-panel dl { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; }
.support-panel dl div { border: 1px solid var(--line); border-radius: 13px; background: #fff; padding: 13px; }
.support-panel dl div:last-child { grid-column: 1 / -1; }
.support-panel dt { color: var(--muted); font-size: 15px; }
.support-panel dd { margin: 4px 0 0; font-size: 15px; font-weight: 800; }
.support-panel a { color: var(--violet); text-decoration: none; }
.legal-copy > p {
  margin: 0;
  border-top: 1px solid var(--line);
  padding: 26px 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.8;
  white-space: pre-line;
}

@media (max-width: 800px) {
  .support-panel { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .support-panel { padding: 24px; }
  .support-panel dl { grid-template-columns: 1fr; }
  .support-panel dl div:last-child { grid-column: auto; }
}