.media-yle-preview .media-yle-icon{display:block;position:relative;width:80px;height:76px;border:1px solid #cbdce5;border-radius:7px;overflow:hidden;background:#edf5f9;color:#087cae;text-decoration:none;isolation:isolate}
.media-yle-preview .media-yle-icon>img{display:block;width:100%;height:100%;object-fit:cover;object-position:74% center}
.media-yle-preview .media-yle-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#fffffff2;color:#087cae;box-shadow:0 1px 8px #061b2d66;pointer-events:none}
.media-yle-preview .media-yle-icon:hover .media-yle-play{background:#087cae;color:#fff}
.media-yle-preview .media-yle-icon:focus-visible{outline:3px solid #087cae;outline-offset:3px}
.media-yle-preview .media-yle-link{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:9px 0 5px;padding:9px 10px;border-radius:6px;background:#edf5f9;color:#086a96;font-size:11px;font-weight:750;line-height:1.4;text-decoration:none}
.media-yle-preview .media-yle-link:hover{background:#dcecf5;text-decoration:underline;text-underline-offset:3px}
.media-yle-preview .media-preview-body{align-items:start}
.media-yle-preview .media-snippet{-webkit-line-clamp:5;min-height:0}
.laatu-media .media-all>summary{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;white-space:nowrap;line-height:1.25}
.laatu-media .media-all>summary::after{position:static;inset:auto;display:inline-block;flex:0 0 auto;width:auto;margin:0;font-size:16px;line-height:1}
.laatu-media .media-all>summary>span{flex:0 0 auto;width:auto;margin:0}
@media(max-width:700px){.media-yle-preview .media-yle-icon{width:72px;height:76px}}
/* Keep the article list inside the viewport, independent of preview-card height. */
.laatu-media .media-panel {
  position: fixed;
  top: auto;
  right: calc(20px + env(safe-area-inset-right, 0px));
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  z-index: 1;
  box-sizing: border-box;
  width: 350px;
  max-width: calc(100vw - 40px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
  max-height: calc(100vh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  max-height: min(600px, calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)));
  overflow: auto;
  overscroll-behavior: contain;
}

@media (max-width: 700px) {
  .laatu-media .media-panel {
    right: calc(14px + env(safe-area-inset-right, 0px));
    max-width: calc(100vw - 28px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
  }
}
.hero-video-frame>.hero-video-play{position:absolute;right:18px;bottom:18px;z-index:3;min-height:40px;padding:9px 14px;border:1px solid #ffffff70;border-radius:6px;background:#061b2de6;color:#fff;font:inherit;font-size:13px;font-weight:700;line-height:1.3;cursor:pointer}
.hero-video-frame>.hero-video-play:hover{background:#087cae}
.hero-video-frame>.hero-video-play:focus-visible{outline:3px solid #54c8f4;outline-offset:3px}
.hero-video-frame>.hero-video-play[hidden]{display:none!important}