/* p-contact.css — contact-page-only additions. Loaded AFTER css/style.css. */

/* .socials in style.css is built for the dark footer (white hairline border,
   white hover fill). On the white contact page it needs the ink treatment. */
.socials--ink a{border-color:var(--line-strong);color:var(--black)}
.socials--ink a:hover{background:var(--black);color:var(--white)}

/* Small uppercase key label used down the details column. */
.ckey{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--gunsmoke)}

/* The contact h1 is a full sentence, so it needs a tighter measure than the
   default .d-1 balance gives at large viewports. */
.chero__head{max-width:20ch}