/* ==========================================================================
   Standalone mark pages (/marks/{slug}.php) -- the real, crawlable
   counterpart to the /marks/ grid's in-page lightbox. Content markup here
   deliberately reuses the SAME .mk-lb-*/.mk-lightbox-* classes as the
   lightbox (see marks.css) so both surfaces render identical layouts; the
   overrides below only adjust .mk-lb-inner for normal page-flow (it's
   normally a child of the fixed, blurred .mk-overlay) and add the
   case-study-style back link + section chrome around it.
   ========================================================================== */

.wk-lb-page.cs-sec {
  align-items: stretch;
}

.wk-lb-page .mk-lb-inner {
  /* .mk-lb-inner's default top padding assumes it sits under the lightbox's
     fixed prev/next/close controls -- not needed on a normal page, where
     the back link plus the section's own top padding are enough. */
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
  width: 100%;
}

.wk-back {
  margin-bottom: min(20px, 2.4dvh);
}

/* CTA band right above the footer: overrides .cs-sec--brand's per-page
   --cs-accent (the mark's own colour) back to the site's single constant
   accent -- same colour as the homepage footer, and the same colour the
   true #the-footer section below it already uses (see the #the-footer
   override in case-study.css). Together the two sections read as one
   continuous, constant-coloured band on every mark page, instead of one
   tinted by whichever mark you're looking at. Scoped to .wk-cta only, so
   the success-story case pages (marks/_case.php) keep their own per-story
   accent here, unchanged. */
.wk-cta.cs-sec--brand {
  background: linear-gradient(var(--colour-accent), var(--colour-accent)) center / 100% 100% no-repeat;
}