/* A visual excerpt for article drafts that are still being reviewed. */
.article-preview {
  position:relative;
  isolation:isolate;
  max-height:340px;
  overflow:hidden;
  margin-top:8px;
}
.article-preview-copy {
  pointer-events:none;
  user-select:none;
}
.article-preview::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(251,251,248,0) 0%,
    rgba(251,251,248,.15) 22%,
    rgba(251,251,248,.7) 60%,
    var(--view-bg) 100%);
}
.editorial .article-preview-note {
  position:absolute;
  z-index:2;
  left:50%;
  bottom:18px;
  width:min(100% - 30px,460px);
  margin:0;
  padding:19px 24px;
  transform:translateX(-50%);
  border:1px solid rgba(255,255,255,.86);
  border-radius:22px;
  background:rgba(255,255,255,.78);
  box-shadow:var(--view-shadow);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  color:var(--view-ink) !important;
  font-size:1rem;
  font-weight:600;
  line-height:1.5;
  text-align:center;
}
@media (max-width:680px) {
  .article-preview { max-height:285px; }
  .editorial .article-preview-note { padding:16px 18px; }
}