/* ══ WHOSE FACE OPENS, AND WHOSE DOES NOT ═══════════════════  6 Sep 2026 ══
   Sir, two instructions, and the second is the one with teeth:

     clicking on the profile pic takes you to the tradesperson's profile
     only make tradesperson profiles viewable by users and homeowners, so
       tradespeople cannot view homeowners' profiles

   THAT IS A PERMISSION, NOT A STYLE, so it is written down once rather than
   remembered on twenty pages. Every portrait of a person now says which kind
   of person it is:

     data-profile="trade"       a tradesperson. Opens trade-profile.html.
     data-profile="homeowner"   a homeowner. Opens nothing, ever.

   A homeowner's face still appears where the work needs it, on a job the
   trade is reading, in the context rail of a thread, at the head of a
   release. It is a face and a name, not a door. The asymmetry is deliberate:
   a tradesperson is selling and is meant to be looked into; a homeowner is
   buying, and being posted a job should not open them up to inspection by
   everyone who might quote for it.

   The attribute is what makes the rule checkable. A face carrying it is
   audited: trade must reach `trade-profile.html`, homeowner must reach
   nothing. A face without one has not been ruled on yet, which is a list
   that can be produced rather than a thing to be remembered.

   The geometry stays with each page. This sheet only says what a face is and
   what happens when it is clicked. */

/* ── THE FACE THAT OPENS ────────────────────────────────────────────────── */
[data-profile="trade"]{cursor:pointer}

/* Where the portrait was a `div` and became an `a`, the anchor needs to be a
   block again or the width and height its own class sets are ignored. Added
   as a second class rather than by tag, so a page's own rules keep deciding
   how big the face is and where it sits. */
.pf-link{
  display:block; color:inherit; text-decoration:none;
}
.pf-link:focus-visible{
  outline:2px solid var(--gold-soft); outline-offset:3px; border-radius:inherit;
}

/* ── THE FACE THAT DOES NOT ─────────────────────────────────────────────── */
/* No pointer, no lift, nothing under the cursor suggesting a page behind it.
   A control that looks clickable and is not is worse than no control. */
[data-profile="homeowner"]{cursor:default}
a[data-profile="homeowner"]{pointer-events:none}