/* FRA Prop HQ v6.24.4 — cleaner support email actions */
.support-page-grid {
  grid-template-areas:
    "contact checklist"
    "links safety";
  align-items:start;
}
.support-primary-panel { grid-area:contact; grid-row:auto; }
.support-page-grid > section:nth-child(2) { grid-area:checklist; }
.support-page-grid > section:nth-child(3) { grid-area:safety; }
.support-page-grid > section:nth-child(4) { grid-area:links; }
.support-email-head { padding-top:22px; padding-bottom:22px; }
.support-email-kicker {
  display:block;
  margin-bottom:8px;
  color:var(--accent);
  font:600 9px/1.2 "IBM Plex Mono", monospace;
  letter-spacing:.14em;
}
.support-email-head h2 { margin:0; font-size:20px; }
.support-email-head p { margin:6px 0 0; }
.support-page-head > .button,
.support-topic-card { text-decoration:none !important; }
.support-topic-actions {
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:22px;
}
.support-topic-card {
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  min-height:86px;
  padding:15px 16px;
  color:var(--text);
  background:var(--panel-2);
  border:1px solid var(--border);
  border-radius:13px;
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.support-topic-card:hover {
  color:var(--text);
  background:var(--panel-3);
  border-color:var(--border-strong);
  transform:translateY(-1px);
}
.support-topic-icon {
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  color:var(--accent);
  background:var(--accent-soft);
  border:1px solid rgba(171,255,32,.18);
  border-radius:10px;
}
.support-topic-icon svg {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.support-topic-copy { min-width:0; }
.support-topic-copy strong { display:block; font-size:13px; }
.support-topic-copy small {
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}
.support-topic-arrow {
  color:var(--muted);
  font-size:18px;
  transition:transform .18s ease, color .18s ease;
}
.support-topic-card:hover .support-topic-arrow { color:var(--accent); transform:translateX(2px); }

:root[data-theme="light"] .support-topic-card {
  background:#f8fafc !important;
  border-color:rgba(148,163,184,.18) !important;
}
:root[data-theme="light"] .support-topic-card:hover {
  background:#f1f5f9 !important;
  border-color:rgba(132,204,22,.28) !important;
}
:root[data-theme="light"] .support-topic-icon {
  background:rgba(132,204,22,.10) !important;
  border-color:rgba(132,204,22,.18) !important;
}

@media (max-width:980px) {
  .support-page-grid {
    grid-template-areas:
      "contact"
      "checklist"
      "links"
      "safety";
  }
}
@media (max-width:680px) {
  .support-topic-actions { grid-template-columns:1fr; }
  .support-topic-card { min-height:78px; }
}