/* H&S Plumbing — the small pages: /thanks/, /privacy/ and 404.html.
   Loads after site.css. Those pages are built from the shared parts in site.css as they
   are: masthead, lockup, band, split, text, buttons, footer. This file holds only the
   little they need on top. Every class in it starts "pg-". */

/* The page frame. .pg-page goes on <body> and .pg-main on <main>: the footer then sits
   on the bottom edge of the screen when the page is shorter than the screen. */
.pg-page { display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; }
.pg-main { flex: 1 0 auto; }

/* /thanks/ and 404.html are near-black all the way down (band--black on <body>), so the
   heading starts close under the masthead, as it does at the top of the other pages. */
.band--black > .pg-main { padding-top: 20px; }

/* The name in the masthead is the link home. This gives it a tap area as tall as the number's. */
.pg-home { display: inline-flex; align-items: center; min-height: 3rem; }

/* A line that ends in a colon and hands over to the buttons under it ("Or call us:"). */
p + .pg-leadin { margin-top: 28px; }
.pg-leadin + .actions { margin-top: 12px; }

/* /privacy/: the policy. Each part is a plain small heading (an <h2 class="caps pg-h">)
   and a paragraph or two, with space between the parts and no rules. */
.pg-policy section + section { margin-top: 32px; }
.pg-h { font-size: 1.25rem; line-height: 1.15; }
.pg-h + p { margin-top: 6px; }
.pg-back { margin-top: 32px; }
.pg-back a { display: inline-block; padding-block: 12px; font-weight: 600; }

/* /thanks/ and /thanks/ad/: "Save our number" (a contact card) as a quiet link under the
   one sentence, the one lime button, then his water tip in quiet text. */
.pg-save { margin-top: 14px; }
.pg-save a {
  display: inline-block;
  padding-block: 10px;                    /* a 44 px tap area */
  font-family: var(--font-caps);
  font-weight: 900;
  font-stretch: 68%;
  font-size: 1.375rem;
  line-height: 1;
  text-transform: uppercase;
  word-spacing: var(--cap-space);
  text-decoration-thickness: 2px;
  text-underline-offset: .16em;
}
.pg-save + .actions { margin-top: 18px; }
.pg-tip { margin-top: 32px; font-size: 1rem; line-height: 1.5; }