/* アプリの表示はapp-list.cssを共有し、サポート固有の余白とお問い合わせだけを定義する。 */
.support-directory-section { padding-block: 36px 56px; }
.support-contact .button:focus-visible { outline-color: var(--accent); }
.support-contact { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-top: 32px; }
.support-contact h2 { margin: 0; font-size: 1.125rem; line-height: 1.5; }
.support-contact p { margin: 8px 0 0; color: var(--text-muted); font-size: .94rem; }
.support-contact .button { flex-shrink: 0; gap: 16px; }

@media (max-width: 760px) {
  .support-directory-section { padding-block: 24px 40px; }
  .support-contact { flex-direction: column; align-items: stretch; gap: 20px; padding-top: 28px; }
}