/* page-support.css: Plant Toolbox support (wrapper #p-support), the App Store support URL. Loaded after site.css.
   Every selector starts with #p-support. It reuses the shared .page-toc, .trust-grid, .faq, .dl, .card, .cta-row and
   .closing-band; this sheet only places them.
   The header keeps no hairline and sits close to the quick actions (R2·24, R2·25, 2026-10-31).
   §1 quick actions · §2 question groups · §3 contact */

/* Header: no rule under it (as /contact, page-contact.css); site.css already drops the next section's top rule. */
#p-support .page-header::before { display: none; }

/* 1. Quick actions: four cells, the link at the foot of each; four a row from 1100 (the grid's own 3 would orphan one). */
#p-support .pu-actions-sec { padding-top: var(--s-5); }
#p-support .pu-actions { margin: 0; padding: 0; list-style: none; }
#p-support .pu-actions .link-ghost { align-self: flex-start; margin-top: auto; padding-top: var(--s-2); }
@media (min-width: 768px) {
  #p-support .pu-actions-sec { padding-top: var(--s-6); }
}
@media (min-width: 1100px) {
  #p-support .pu-actions { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* 2. Question groups: the head above the rows on a phone and tablet, left of them (4/8) from 1024. */
#p-support .pu-faq-grid,
#p-support .pu-contact-grid { display: grid; grid-template-columns: minmax(0, 1fr); }
#p-support .pu-faq-body { min-width: 0; }
#p-support .faq a { overflow-wrap: anywhere; }
#p-support .pu-legal { margin-top: var(--s-6); border-top: 0; padding-top: 0; }
@media (min-width: 1024px) {
  #p-support .pu-faq-grid,
  #p-support .pu-contact-grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--s-7); align-items: start; }
  #p-support .pu-faq-grid .section-head,
  #p-support .pu-contact-grid .section-head { margin-bottom: 0; }
}

/* 3. Contact: the card's ledger rows, then the Contact support button to the form (full width on a phone). */
#p-support .pu-contact-card { display: grid; gap: var(--s-5); min-width: 0; }
#p-support .pu-dl .dl-row:first-child { border-top: 0; padding-top: 0; }
#p-support .pu-dl .dl-value { overflow-wrap: anywhere; }
#p-support .pu-contact-btn { justify-self: start; }
@media (max-width: 767px) {
  #p-support .pu-contact-btn { justify-self: stretch; }
}