/* Mobile QA pass, 2026-10-10 (Josh: "QA mobile"). Linked in the head, so page CSS loads after it:
   every rule here is prefixed with html body to win on specificity, not source order. */

/* Towns: a later 560px rule re-split the single meter/proof block into two narrow columns. */
@media (max-width:560px){
  html body .tw-proof-grid.tw-proof-grid--one{grid-template-columns:1fr}
  html body .tw-proof-grid--one .tw-tall{justify-self:stretch;max-width:none}
}

/* Blog post: the photo tag sat under the headline card on phones; move it to the top of the photo. */
@media (max-width:700px){html body .ps-photo-tag{top:12px;bottom:auto}}

/* Tap targets >= 44px on phones: home map town list, blog card links, rating links, the call line. */
@media (max-width:900px){
  html body .areas2 li>a,html body .bc-link,html body .areas2-call,html body .tq-g,html body .tb-google a{display:inline-flex;align-items:center;min-height:44px}
}

/* Smallest labels up to 12px on phones (were 10.5 to 11.5px). */
@media (max-width:700px){
  html body :is(.hl-kicker,.hl-ring-tag,.svc-flag,.bc-date,.ab-rec,.td-k,.td-src,.ps-photo-tag,.hl-call-txt small){font-size:12px!important}
}