/* Asfand Blog Publisher: front-end additions (video player). Everything else comes from the Notebook theme. */
.article .fig-note { margin: -6px 4px 14px; font-size: .82rem; color: var(--ink-2); }
.abp-video { margin: 8px 0 22px; position: relative; }
.abp-video__btn { display: block; position: relative; width: 100%; aspect-ratio: 16 / 9; padding: 0; cursor: pointer; overflow: hidden;
  background: #1d1d1d; border: 2.5px solid var(--ink-soft); border-radius: 10px 14px 9px 13px; }
.abp-video__btn img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .9; }
.abp-video__btn--blank { background: linear-gradient(135deg, #2b3a67, #1d7a45); }
.abp-video__play { position: absolute; inset: 0; display: grid; place-items: center; font-size: 3rem; color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.5); }
.abp-video__btn:focus-visible { outline: 3px solid var(--excel, #1d7a45); outline-offset: 3px; }
.abp-video iframe, .abp-video video { display: block; width: 100%; aspect-ratio: 16 / 9; border: 2.5px solid var(--ink-soft); border-radius: 10px 14px 9px 13px; background: #000; }
