/* ヘルプとサポート(/help)。全サービスのヘッダー右上「？」の飛び先 */
.help-page h3 { font-size: 14px; margin: 0 0 6px; }
.help-from-service {
  background: var(--bg); border: 1px solid var(--border); border-radius: 10px;
  padding: 10px 14px; font-size: 14px; margin: 16px 0 0;
}
.help-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin-top: 8px; }
.help-card {
  display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
  border: 1px solid var(--border); border-radius: 10px; padding: 14px 16px; background: var(--panel);
}
.help-card p { margin: 0 0 6px; }
.help-card .help-mail { margin: 4px 0 0; }
.help-link-card { color: var(--text); }
.help-link-card:hover { text-decoration: none; border-color: #2563eb; }
.help-link-title { font-weight: 700; font-size: 14px; }

/* ヘッダー右上の「？」(ヘルプとサポート) */
.header-help-link {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 50%; margin-left: auto;
  border: 1px solid rgba(255, 255, 255, .35); color: #fff; font-size: 14px; font-weight: 700;
}
.header-help-link:hover { background: rgba(255, 255, 255, .12); text-decoration: none; }
.user-menu .header-help-link { margin-left: 0; }