/*
 * Reusable system layer for future pages.
 *
 * Important:
 * - Opt-in only via widget preset classes.
 * - Existing pages remain on legacy styling unless a preset is selected.
 * - No page-id, Elementor document id, or Elementor element id selectors.
 */

.adrasa-dstory--system-ready > .container {
  max-width: min(1280px, calc(100% - 40px));
}

.adrasa-dstory--system-ready .adrasa-dstory__left,
.adrasa-dstory--system-ready .adrasa-dstory__right-card {
  min-width: 0;
}

.adrasa-dstory--system-ready .adrasa-dstory__text,
.adrasa-dstory--system-ready .adrasa-dstory__example-list,
.adrasa-dstory--system-ready .adrasa-dstory__info-list {
  max-width: 56ch;
}

.adrasa-dstory--system-editorial-green {
  --adrasa-dstory-col-gap: clamp(28px, 3.2vw, 48px);
  --adrasa-dstory-block-gap: clamp(24px, 2.4vw, 36px);
}

.adrasa-dstory--system-editorial-green .adrasa-dstory__title {
  max-width: 16ch;
}

.adrasa-dstory--system-editorial-green .adrasa-dstory__right-card {
  border-radius: clamp(16px, 1.5vw, 24px);
}

.adrasa-dstory--system-compact-balance {
  --adrasa-dstory-col-gap: clamp(18px, 2vw, 28px);
  --adrasa-dstory-block-gap: clamp(16px, 1.8vw, 24px);
}

.adrasa-dstory--system-compact-balance .adrasa-dstory__title {
  max-width: 18ch;
}

.adrasa-dstory--system-compact-balance .adrasa-dstory__subtitle {
  margin-bottom: 0.5rem;
}

.adrasa-dstory--system-story-highlight .adrasa-dstory__grid {
  align-items: stretch;
}

.adrasa-dstory--system-story-highlight .adrasa-dstory__left-image,
.adrasa-dstory--system-story-highlight .adrasa-dstory__strip-image,
.adrasa-dstory--system-story-highlight .adrasa-dstory__right-card {
  border-radius: clamp(16px, 1.6vw, 24px);
  overflow: hidden;
}

.adrasa-dstory--system-story-highlight .adrasa-dstory__title {
  max-width: 15ch;
}

@media (max-width: 991.98px) {
  .adrasa-dstory--system-ready > .container {
    max-width: calc(100% - 32px);
  }
}