/* FRA Prop HQ v6.23.2 — native in-app support view */
.support-page-head { align-items:flex-end; }
.support-page-head > div:first-child { max-width:760px; }
.support-page-grid {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:22px;
}
.support-primary-panel { grid-row:span 2; }
.support-page-body { padding:24px; }
.support-page-body > p { margin:0; color:var(--muted-strong); line-height:1.65; }
.support-topic-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:24px; }
.support-topic-actions .button { justify-content:flex-start; }
.support-checklist { padding:10px 24px 20px; }
.support-checklist > div { display:grid; grid-template-columns:34px minmax(0,1fr); gap:14px; padding:16px 0; border-bottom:1px solid var(--border); }
.support-checklist > div:last-child { border-bottom:0; }
.support-checklist > div > span { display:grid; width:30px; height:30px; place-items:center; color:var(--accent); border:1px solid var(--border-strong); border-radius:50%; font:600 11px/1 "IBM Plex Mono",monospace; }
.support-checklist p { margin:0; }
.support-checklist strong { display:block; font-size:13px; }
.support-checklist small { display:block; margin-top:5px; color:var(--muted); line-height:1.45; }
.support-safety-panel { border-left:3px solid var(--amber); }
.support-link-list { padding:8px 24px 18px; }
.support-view-link { display:flex; flex-direction:column; width:100%; padding:14px 0; color:var(--text); text-align:left; text-decoration:none; background:transparent; border:0; border-bottom:1px solid var(--border); cursor:pointer; }
.support-view-link:last-child { border-bottom:0; }
.support-view-link span { font-weight:700; }
.support-view-link small { margin-top:4px; color:var(--muted); line-height:1.45; }
.support-view-link:hover span { color:var(--accent); }

@media (max-width: 980px) {
  .support-page-grid { grid-template-columns:1fr; }
  .support-primary-panel { grid-row:auto; }
}
@media (max-width: 680px) {
  .support-page-head { align-items:flex-start; }
  .support-page-head .button { width:100%; }
  .support-topic-actions { grid-template-columns:1fr; }
  .support-page-body,
  .support-checklist,
  .support-link-list { padding-left:18px; padding-right:18px; }
}
