.media-intro{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  align-items:center;
  gap:48px;
}
.media-heading{
  position:relative;
  isolation:isolate;
  min-width:0;
  padding-top:24px;
  padding-bottom:24px;
}
.media-heading::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 12% 20% 0;
  background:linear-gradient(135deg,var(--ring),var(--sky-mid));
  border-radius:var(--r-m);
  transform:translate(-12px,-8px);
}
.media-heading h1{
  margin:24px 0;
}
.media-summary{
  max-width:38em;
  font-size:var(--fs-lede);
  color:var(--muted);
}
.media-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.media-note h2{
  font-size:var(--fs-h3);
  margin:20px 0;
}
.media-note p:last-child{
  margin-bottom:0;
}
.media-section-head{
  max-width:var(--reading);
  margin-inline:auto;
  margin-bottom:28px;
}
.media-section-head h2{
  margin-top:0;
}
.media-table-note{
  margin-top:16px;
  font-size:var(--fs-small);
}
.media-document>.reading-wrap{
  padding-inline:0;
}
.media-document .prose h2{
  margin-top:0;
}
.media-document .faq-list{
  margin-block:28px;
}
.media-next{
  margin-top:32px;
}
.media-next h3{
  margin-top:0;
}
.media-next p{
  margin-bottom:0;
}
@media(max-width:768px){
  .media-intro{
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
  .media-heading::before{
    inset-inline:0 8%;
    transform:translateY(-8px);
  }
  .media-intro{
    padding-bottom:32px;
  }
}