/* == ONE TITLE FOR EVERY DIALOG =============================  6 Sep 2026 ==
   Sir picked the heading on the post-a-job and send-a-quote dialogs and asked
   for it on every popup title on the site.

   MEASURED, NOT COPIED BY EYE: Libre Caslon Text, 22px on 22px, weight 400,
   eight pixels of tracking, uppercase, navy. **It is already a house value.**
   It is the `ABOUT` key measured off the Norm hero and used on the About page,
   so this is not a new decision, it is the same one applied consistently.

   WHAT IT REPLACES, found by measuring all seven dialogs rather than guessing
   which were wrong:
     five confirmations   Libre Caslon Display 24/27.6, no tracking, sentence
     one review dialog    Inter 32/51.2 at weight 700, which is not a face this
                          site sets headings in at all

   THE NEGATIVE MARGIN IS NOT A FUDGE. Letter-spacing adds its eight pixels
   after the last letter as well as between, so a centred title sits eight
   pixels right of centre. Taking them back off the right is how you centre
   tracked type; every typesetter does it and it is why the rule exists. */
/* THE CLASS IS DOUBLED ON PURPOSE. Four of these dialogs style their heading
   as `.rc h2`, which is 0,1,1 and beats a bare `.dlg-t` at 0,1,0, so the
   tracking and the uppercase landed and the face and the size did not. `.dlg-t
   .dlg-t` is 0,2,0 and wins outright. It is the ordinary way to raise a shared
   rule over a page's local one without reaching for `!important`, which would
   take the page's ability to override it away entirely. */
.dlg-t.dlg-t{
  font-family:var(--serif); font-weight:400;
  font-size:22px; line-height:22px; letter-spacing:8px;
  text-transform:uppercase; color:var(--navy);
  margin-right:-8px;
}
@media (max-width:520px){
  .dlg-t.dlg-t{font-size:18px; line-height:19px; letter-spacing:5.5px; margin-right:-5.5px}
}