.mo { margin: 36px 0 8px; border: 1.5px solid var(--wall, #1f4d2b); border-radius: 6px; background: var(--chalk, #fbf8f1); overflow: hidden; }
.mo-frame { position: relative; aspect-ratio: 16 / 9; background: var(--c-paper, #ece3d0); }
.mo-play, .mo-frame video { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.mo-play img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mo-btn { position: absolute; left: clamp(12px, 2.4vw, 24px); bottom: clamp(12px, 2.4vw, 24px); display: inline-flex; align-items: center; gap: 10px;
  padding: 12px 20px 12px 16px; border-radius: 999px; background: var(--c-green-ink, #1f4d2b); color: #fbf8f1; font: 600 15px/1 var(--f-sans, sans-serif); }
.mo-play:hover .mo-btn, .mo-play:focus-visible .mo-btn { background: var(--c-green-deep, #2c7a35); }
.mo figcaption { padding: 13px 18px; border-top: 1px solid var(--c-line, #d3c7ae); font: 400 14.5px/1.5 var(--f-sans, sans-serif); color: var(--c-ink-2, #3f4a3f); }
.mo figcaption b { color: var(--c-ink, #1b2a1f); }
.mo-text { border-top: 1px solid var(--c-line, #d3c7ae); padding: 0 18px; }
.mo-text summary { cursor: pointer; padding: 12px 0; font: 600 14.5px/1 var(--f-sans, sans-serif); color: var(--c-green-ink, #1f4d2b); }
.v-artikel .article-content .mo-text p { margin: 0 0 14px; max-width: 70ch; font-size: 15.5px; }