/* Top Down Tabletop: Help / FAQ (/help). Loads after landing.css and for-shops.css, which supply
   the nav, buttons, section bands (.fs-sec), hero and FAQ accordion. Tokens only. */

.hp-hero { grid-template-columns: 1fr; }
.hp-hero .fs-hero-copy { max-width: 640px; }

/* Alternate FAQ bands get a faint lattice-free surface wash so the page doesn't read as one slab. */
.hp-alt { background: linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%); }

.fs-faq details p + p { margin-top: 8px; }
.fs-faq details p a { color: var(--cyan); text-decoration: underline; }
.fs-faq details p strong { color: var(--text); }

#contact .cta-row { justify-content: flex-start; gap: 12px; margin-top: 18px; }
#contact .fs-fine { margin-top: 16px; }