.support-products { max-width: 900px; padding: clamp(28px, 7vw, 88px) 24px; margin: auto; }
.support-products > h1 { margin-top: 14px; }
.support-product { display: block; max-width: 580px; margin: 36px 0; padding: clamp(24px, 5vw, 40px); text-decoration: none; border-top: 3px solid var(--accent); transition: border-color .15s, background .15s; }
.support-product:hover { background: var(--soft-surface); border-color: var(--accent); }
.support-product h2 { margin-top: 14px; }
.support-product p { color: var(--muted); }
.support-product-action { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--border); font-weight: 700; }
.support-products, .support-product { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 680px) { .support-products { padding: 32px 18px; } .support-product { margin: 28px 0; } }