/* call_to_action block (Phase 3 Stage 4).
   CSS ported from design-export/base.css; no literal colour, every value a token.
   Restyled onto the .call-to-action panel.

   Four rules were deleted on 2026-08-05: .call-to-action__media, __media img,
   __media::after and __tint. They came across in the port but the template emits
   none of those elements, and a whole-theme search of every PHP and JS file found
   the class names nowhere, so nothing could ever have matched them. The block puts
   its background image on the section itself and its overlay treatments come from
   css/components/overlay.css, which is what the note below refers to. */

.call-to-action { position: relative; border-radius: var(--radius-md); overflow: hidden; background: var(--light); }
.call-to-action-panel { position: relative; padding: var(--pad-panel); }
.call-to-action-left .call-to-action-panel { max-width: 62%; margin: 1.6rem; background: var(--white); border: 1px solid var(--line); border-left: var(--card-edge) solid var(--accent); border-radius: var(--radius-sm); }
.call-to-action-centre .call-to-action-panel, .call-to-action-right .call-to-action-panel { margin-inline: auto; }
@media (max-width: 64em) { .call-to-action-left .call-to-action-panel { max-width: none; } }

/* Image overlay treatments live in css/components/overlay.css, shared with
   testimonial, which registers the same six values. See that file. */