/* "A Good Sam park." card looked incomplete (client 2026-09-25): right-aligned.css hides the old baked card with a paper
   patch on .gsb__card::before, but a z-index:-1 child paints ABOVE its own stacking context's background, so the patch and
   its 40px paper glow washed out the card's left edge, corners and left shadow. The same patch now lives on
   .gsb__picture::after (display:contents, so it is placed in the stage) at z-index 1: over the plate, under the card.
   Same geometry in stage coordinates. Loads after book-your-site-right-aligned/right-aligned.css. */
@media (min-width:1201px){
  .gsb .gsb__card::before{display:none}
  .gsb .gsb__picture::after{
    content:"";position:absolute;z-index:1;
    right:calc(var(--rail) + 516 * var(--u));top:calc(140 * var(--u));
    width:calc(180 * var(--u));height:calc(214 * var(--u));
    background:var(--art-paper);
    box-shadow:0 0 calc(24 * var(--u)) calc(18 * var(--u)) var(--art-paper);
    pointer-events:none;
  }
}
/* Card edges = the "Book your site / by the sea" heading's ink edges (client 2026-09-25). The heading's ink starts on the
   copy column's left edge (stage width - rail - 560u) and is 463.8 heading units wide (--review-heading-unit), 540.8 at
   1201..1450 where the heading is set larger. Measured with scratchpad hink.mjs. */
@media (min-width:1201px){
  .gsb .gsb__card{left:calc(100% - var(--rail) - 560 * var(--u));right:auto;width:calc(463.8 * var(--review-heading-unit))}
  .gsb .gsb__picture::after{right:auto;left:calc(100% - var(--rail) - 560 * var(--u) - 180 * var(--u))}
}
@media (min-width:1201px) and (max-width:1450px){
  .gsb .gsb__card{width:calc(540.8 * var(--review-heading-unit))}
}
/* the divider under the ratings runs to the card's right padding (29u, the shield's left inset) now the card is wider */
@media (min-width:1201px){
  .gsb .gsb__card::after{width:auto;right:calc(29 * var(--u))}
}
