/* ==========================================================================
   assets/css/page-help.css — help.php overview (Brutal Lite v3.1 strict).
   Owner: builder B2. Reference: lite5/help-preview.html. Covers the
   OVERVIEW screen (help.php with no ?t=) — the guide-detail view
   (help.php?t=pin/profile/business, no reference for it) is untouched.

   Tokens/shadows/radii come only from assets/css/brutal-lite.css
   (Appendix A) — nothing here redefines them. Moved out of the shared
   assets/css/lite-tools.css as this screen was rebuilt against the
   reference — confirmed by grep that .topic-grid/.topic-tile/.topic-icon/
   .topic-text/.contact-title/.contact-sub/.contact-btns/.reply-note were
   only ever used by help.php. .faq-row/.faq-q/.faq-a stay in
   lite-tools.css — for-business.php also uses them, unchanged here;
   its own "Top questions" markup pattern (data-faq-toggle, hidden
   attribute) was reused for this page's new FAQ section rather than
   inventing a second one.

   Topic icon tiles: the reference uses coloured tile backgrounds (blue/
   violet/orange/grey/teal/red) — same owner override as settings.php:
   calm grey tile + black icon everywhere (rules §1 MUST 5 / NEVER 2). The
   colour attribute on each guide (inc/help_content.php's $gd['color']) is
   still read elsewhere (the guide-detail header), just not applied here. */
.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.topic-tile{display:flex;flex-direction:column;gap:10px;text-align:left;cursor:pointer;}
.topic-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--card-2);color:var(--ink);font-size:17px;}
.topic-text{font:700 13px/1.3 var(--font-ui);color:var(--ink);}

.contact-title{font:800 16px/1.2 var(--font-display);color:var(--ink);margin-bottom:4px;}
.contact-sub{font-size:12.5px;color:var(--ink);opacity:.75;margin:0 0 14px;}
.contact-btns{display:flex;flex-direction:column;gap:8px;}
.reply-note{text-align:center;font-size:11.5px;color:var(--ink-soft);margin-top:10px;font-weight:600;}