/* Hallmark · existing dark utility system · document + action panel
 * Pre-emit critique: P4 H4 E4 S5 R5 V4. Existing shared tokens remain authoritative.
 */
.support-page { display:grid; grid-template-columns:minmax(0, 1.6fr) minmax(0, 1fr); gap:3rem; margin:2rem 0; }
.support-story h1 { font-size:clamp(2rem, 5vw, 3rem); line-height:1.15; margin-bottom:1.5rem; overflow-wrap:anywhere; }
.support-story p { margin-bottom:1.25rem; max-width:60ch; }
.support-lead { color:var(--text); font-size:1.15rem; }
.support-story h2 { font-size:1.2rem; margin:2rem 0 1rem; }
.support-facts { padding-left:1.25rem; margin-bottom:1.5rem; }
.support-facts li { margin-bottom:.75rem; }
.support-action { align-self:start; background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:1.5rem; }
.support-action h2 { font-size:1.25rem; margin-bottom:.75rem; }
.support-action p { margin-bottom:1rem; color:var(--text-muted); }
.support-button { display:inline-flex; justify-content:center; align-items:center; gap:.5rem; padding:.75rem 1rem; margin-bottom:1rem; background:var(--accent); color:var(--bg); font-weight:700; border:2px solid var(--accent); border-radius:8px; white-space:nowrap; }
.support-button:hover { background:var(--accent-dim); color:var(--text); text-decoration:none; }
.support-button:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.support-button:active { transform:translateY(1px); }
.support-small { color:var(--text-muted); font-size:.82rem; }
.support-other { border-top:1px solid var(--border); padding-top:1.25rem; margin-top:.5rem; }
.support-other h3 { font-size:1rem; margin-bottom:.5rem; }
@media (max-width:768px) {
  .support-page { grid-template-columns:minmax(0, 1fr); gap:1rem; margin:1rem 0; }
  .support-action { padding:1.25rem; }
}
@media (prefers-reduced-motion:reduce) { .support-button:active { transform:none; } }