/* qa-main.css (job M, CAPTAIN Oct 15 2:20 PM): the main site is the lead trade only. site.css (= THEME/theme.css, md5 7c4695cd) tokens
   only; site.css is unchanged. Home only: the ONE line where the trades used to be (1 lead trade), or the small chooser (2-3). */
.qa-band{padding:44px 20px;background:#fff}
.qa-other{margin:0 auto;max-width:640px;text-align:center;font-size:17px;line-height:1.5;color:var(--body);text-wrap:balance}
.qa-other a{color:var(--violetText);text-decoration:none;white-space:nowrap}
.qa-other a:hover,.qa-other a:focus-visible{text-decoration:underline}
.qa-pick .grid-ind{max-width:760px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.qa-prices{margin-top:16px}
/* MT (tester, 3:58 PM; job L's 3:32 PM note): at 390 the hero point "Email, mail and text, run as one system" wrapped with its icon
   squeezed to the left. The icon never shrinks; on phones the points step down to 16px (<=420) and 15px (<=389) so each stays on one
   line down to 360 px; narrower, a point wraps beside its icon, left-aligned. */
.points .point{max-width:100%;text-align:left}
.points .point i{flex:none}
@media (max-width:420px){.points .point{font-size:16px}}
@media (max-width:389px){.points .point{font-size:15px}}