/* Super 7 side images (TASK-0019): the image and the text beside it are one equal-height block. */
.s7-split { display: grid; grid-template-columns: 40% 1fr; gap: 1.75em; align-items: stretch; margin: 1.5em 0; }
.s7-split-right { grid-template-columns: 1fr 40%; }
.s7-split-right .s7-split-media { order: 2; }
.s7-split-media { position: relative; margin: 0; min-height: 220px; max-height: 420px; border-radius: 12px; overflow: hidden; }
.s7-split-media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; }
.s7-split-credit { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 2em .8em .55em; font-size: 12px; line-height: 1.35; color: #fff; text-align: left; background: linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,0)); }
.s7-split-credit a { color: #fff; text-decoration: underline; }
.s7-split-text { min-width: 0; }
.s7-split-text > :first-child { margin-top: 0 !important; }
.s7-split-text > :last-child { margin-bottom: 0 !important; }
@media (max-width: 700px) {
  .s7-split { grid-template-columns: 1fr !important; gap: 1em !important; }
  .s7-split .s7-split-media { order: 0 !important; aspect-ratio: 16 / 9; min-height: 0 !important; }
}