/* dgm_section_media look "story" (Akademie task A, beauty pass, 2026-11-13; loaded only by this look): a large straight
   photograph (no frame, no tilt; 20 px corners and the soft offset shadow of the look "steps", so both share one photo
   treatment) beside headline, text and one text link. Options: flip (photograph on the right), wide_list (a list in the
   text runs in two columns from 1024 px). Without a photograph the text takes the whole width. Lists get check marks. */
#crm__widgets > section.dgm-ex-root:has(.md-story) > div > header { display: none; }
#crm__widgets .md-story { --st-navy: #003e52; --st-accent: #00abe3; --st-text: #2f4a56;
  display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(36px, 5.5vw, 88px); align-items: center;
  width: min(1152px, 100vw - 48px); margin: 0 calc((100% - min(1152px, 100vw - 48px)) / 2); text-align: left; scroll-margin-top: 140px;
  hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }
#crm__widgets .md-story--flip { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
#crm__widgets .md-story--flip .md-story__pic { order: 2; }
#crm__widgets .md-story--nopic { grid-template-columns: minmax(0, 1fr); }
/* a two-column list needs the wider column: the text takes 7 parts, the photograph 4 */
#crm__widgets .md-story--cols { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); }
#crm__widgets .md-story--cols.md-story--flip { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); }
#crm__widgets .md-story--cols .md-story__text { max-width: none; }
#crm__widgets .md-story__pic { position: relative; margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 20px; background: #dff2fa;
  box-shadow: 0 30px 60px -36px rgb(0 33 44 / .45); }
#crm__widgets .md-story__pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
#crm__widgets .md-story__text { min-width: 0; max-width: 560px; }
#crm__widgets .md-story--nopic .md-story__text { max-width: 760px; }
#crm__widgets .md-story--nopic .md-story__body { color: #1f3d49; font-size: clamp(17px, 1rem + .25vw, 19px); line-height: 1.65; }
#crm__widgets .md-story__h2 { margin: 0 0 18px; color: var(--st-navy); font: 700 clamp(26px, 1.2rem + 1.2vw, 36px)/1.15 Heading-Font, "Inter Tight", Inter, sans-serif;
  letter-spacing: -.025em; text-wrap: balance; }
#crm__widgets .md-story__body { color: var(--st-text); font: 400 17px/1.7 Theme-Font, Inter, sans-serif; }
#crm__widgets .md-story__body > * { margin: 0; }
#crm__widgets .md-story__body > * + * { margin-top: 1em; }
#crm__widgets .md-story__body p { text-wrap: pretty; }
#crm__widgets .md-story__body strong { color: var(--st-navy); }
#crm__widgets .md-story__body a { color: var(--st-accent); font-weight: 600; text-underline-offset: 3px; }
#crm__widgets .md-story__body ul { display: grid; gap: 12px 40px; padding: 0; list-style: none; }
#crm__widgets .md-story__body li { position: relative; padding-left: 34px; color: var(--st-navy); line-height: 1.55; }
#crm__widgets .md-story__body li::before { content: ""; position: absolute; left: 0; top: .15em; width: 22px; height: 22px; border-radius: 50%; background: rgb(0 171 227 / .14); }
#crm__widgets .md-story__body li::after { content: ""; position: absolute; left: 8px; top: calc(.15em + 5px); width: 6px; height: 10px; border: solid var(--st-accent); border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
@media (min-width: 1024px) { #crm__widgets .md-story--cols .md-story__body ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
#crm__widgets .md-story__more { margin: 26px 0 0; }
#crm__widgets .md-story__a { display: inline-flex; align-items: center; gap: 10px; color: var(--st-accent) !important; font: 600 17px/1.4 Theme-Font, Inter, sans-serif; text-decoration: none; }
#crm__widgets .md-story__a i { font-size: 14px; transition: transform .25s cubic-bezier(.22, 1, .36, 1); }
#crm__widgets .md-story__a:hover { text-decoration: underline; text-underline-offset: 4px; }
#crm__widgets .md-story__a:hover i { transform: translateX(4px); }
#crm__widgets .md-story__a:focus-visible { outline: 2px solid var(--st-navy); outline-offset: 4px; border-radius: 4px; }
@media (max-width: 899.98px) {
  #crm__widgets .md-story, #crm__widgets .md-story--flip, #crm__widgets .md-story--cols, #crm__widgets .md-story--cols.md-story--flip { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  #crm__widgets .md-story--flip .md-story__pic { order: 0; }
  #crm__widgets .md-story__pic { aspect-ratio: 16 / 10; }
  #crm__widgets .md-story__text { max-width: 680px; }
}
@media (max-width: 639.98px) {
  #crm__widgets .md-story__pic { border-radius: 16px; }
  #crm__widgets .md-story__body { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { #crm__widgets .md-story__a i { transition: none; } }