/* Lifted from templates/cms/_labels_check_note_css.html on 13 Sep 2026. Byte-identical to the block it
   replaced; the only change is that the browser can cache it.
   Linked by {% css 'labels-check-note' %} in that same partial, so a page that does
   not include the partial does not download this. */
/* QUIETER, IN TWO STEPS -- Kev, 4 Sep 2026.

   "reduce bg 50% color trans to white (of the please note)": #fffaf0 mixed
   50/50 with #ffffff is #fffdf8 -- red was already 255, green 250 -> 253, blue
   240 -> 248.

   then "take the border down 30%": #f0dba6 30% of the way to white is #f4e6c1 --
   240 -> 244, 219 -> 230, 166 -> 193.

   So the whole box is softer while keeping the amber it is recognised by. It has
   to stay findable without shouting: it appears on CORRECT plan sets too, and a
   box that cries wolf is one people learn to click past.

   NOTE: website_cart.html carries its own copy of this rule and both changes
   were made there as well. Two copies of a box Kev has reworded ten times is
   exactly what this partial exists to prevent; the basket predates it and should
   really include it instead. */
.ps-check{border:1px solid #f4e6c1;border-radius:8px;
  background:#fffdf8;padding:19px 21px;margin:0 0 18px}
.ps-check-h{display:flex;align-items:center;gap:8px;font-weight:700;
  font-size:.9rem;letter-spacing:.01em;color:#7a5a12;margin:0 0 8px}
.ps-check-h svg{width:15px;height:15px;flex:0 0 auto;stroke:#b8860b;
  fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ps-check ul{margin:0;padding:0;list-style:none;display:grid;gap:4.56px}
.ps-check li{font-size:.9405rem;line-height:1.5;color:#4a4032;
  padding-left:14px;position:relative}
.ps-check li::before{content:"";position:absolute;left:0;top:.62em;
  width:5px;height:5px;border:1px solid #d9be7a;border-radius:50%}
.ps-check b{font-weight:700;color:#3d3527}
/* SIDE -- top of the right-hand column on a plan set card, above This order.
   A narrower column than the basket, so the padding comes down to sit with the
   cells around it. */
.ps-check.side{padding:11px 12px;margin:0 0 20px}
.ps-check.side .ps-check-h{font-size:.7rem;font-weight:800;text-transform:uppercase;
  letter-spacing:.07em;margin-bottom:7px;gap:6px}
.ps-check.side .ps-check-h svg{width:12px;height:12px;stroke-width:2}
.ps-check.side li{font-size:.836rem;line-height:1.45}