/* MPLB: media sizing in liveblog entries.
 * Vertical videos from Matrix/Telegram rendered at full column width and
 * overflowed the viewport. Cap the height and let width follow the aspect
 * ratio; inline style width:100% from store_media() needs !important. */
#wpcom-liveblog-container .mplb-entry-video video,
#wpcom-liveblog-container .liveblog-entry-content video {
  display: block;
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  max-height: 60vh;
  margin: 0 auto;
  background: #000;
}

/* Mobile: full column width, height up to most of the visible screen
 * (svh = viewport without browser toolbars); leftover space is letterboxed. */
@media (max-width: 768px) {
  #wpcom-liveblog-container .mplb-entry-video video,
  #wpcom-liveblog-container .liveblog-entry-content video {
    width: 100% !important;
    max-height: 80vh;
    max-height: 80svh;
    object-fit: contain;
  }
}

/* Document card (includes/mplb-doc-preview.php). */
#wpcom-liveblog-container .mplb-doc {
  border: 1px solid #d9d9d9;
  border-left: 3px solid #7BC5CB;
  background: #fafafa;
  padding: 14px 16px;
  margin: 8px 0 14px;
}
#wpcom-liveblog-container .mplb-doc__head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-bottom: 10px;
}
#wpcom-liveblog-container .mplb-doc__icon {
  font: 700 11px/1 Arial, Helvetica, sans-serif;
  letter-spacing: .04em;
  color: #fff;
  background: #2b579a;
  padding: 5px 6px;
}
#wpcom-liveblog-container .mplb-doc--pdf .mplb-doc__icon { background: #c00; }
#wpcom-liveblog-container .mplb-doc__title { font-weight: 700; word-break: break-word; }
#wpcom-liveblog-container .mplb-doc__meta { font-size: 13px; color: #777; }
#wpcom-liveblog-container .mplb-doc__text p { margin: 0 0 .6em; }
#wpcom-liveblog-container .mplb-doc__more summary {
  cursor: pointer;
  font-weight: 700;
  color: #2a8f97;
  margin: 4px 0 8px;
}
#wpcom-liveblog-container .mplb-doc__more[open] summary { margin-bottom: 10px; }
#wpcom-liveblog-container .mplb-doc__pdf {
  display: block;
  width: 100%;
  height: 70vh;
  border: 0;
  background: #fff;
  margin-bottom: 10px;
}
#wpcom-liveblog-container .mplb-doc__download {
  display: inline-block;
  margin-top: 6px;
  font-weight: 700;
}
html[data-theme="dark"] #wpcom-liveblog-container .mplb-doc {
  background: #141414;
  border-color: #333;
  border-left-color: #7BC5CB;
}
html[data-theme="dark"] #wpcom-liveblog-container .mplb-doc__meta { color: #aaa; }
html[data-theme="dark"] #wpcom-liveblog-container .mplb-doc__more summary { color: #7BC5CB; }