/* ---------------------------------------------------------------------------
   Rules the RECONSTRUCTION needs that the deployed stylesheet does not have.

   WHY THIS IS A SEPARATE FILE AND NOT APPENDED TO pbs.css

   src/assets/css/pbs.css is byte-identical to the stylesheet the live origin
   serves, and build.mjs fingerprints it back to v=74fb9f4067 - the exact token
   pascoesystems.co.uk serves today. That match is the strongest provenance link
   this workspace has between the recovered source and the running deployment,
   and appending a rule to that file would destroy it for the sake of two
   declarations. So the recovered sheet stays as recovered, and everything the
   rebuild adds lives here where a later cycle can see exactly what the
   reconstruction changed and what it merely inherited.

   Same-origin, so style-src 'self' allows it. Every rule here exists because a
   captured page did the same thing with a style="..." attribute, which that
   same policy DROPS - see tests/csp-markup-baseline.json, finding
   inline-style-attribute-blocked. Rebuilding a page means the styling has to
   land somewhere the policy permits, and this is that place.
   --------------------------------------------------------------------------- */

/* .btn-row is a flex row, so text-align on .centre does not reach it. The
   captured /about/ and /platform/ pages both wrote
   style="justify-content: center" for this, on a policy that forbids it. */
.centre .btn-row {
  justify-content: center;
}

/* A centred sign-off logo. The captured /about/ page carried
   style="width: min(380px, 74%); margin-inline: auto" for the same effect. */
.signoff__logo {
  display: block;
  width: min(380px, 74%);
  margin-inline: auto;
  margin-bottom: clamp(20px, 3vw, 28px);
}

/* The captured /property/ page separated the "Contractors" heading from the list
   above it with style="margin-top: 2em". Same policy, same problem. */
.card h3.spaced {
  margin-top: 2em;
}