.media-intro{
  padding-top:48px;
  padding-bottom:40px;
  text-align:center;
  background:linear-gradient(180deg,var(--c-bg-top),var(--c-bg-bottom));
  border-bottom:1px solid var(--c-border);
}
.media-intro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:linear-gradient(to right,var(--a-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--a-grid) 1px,transparent 1px);
  background-size:44px 44px;
}
.media-intro h1{
  margin:24px 0;
}
.media-intro h1 em{
  color:var(--c-accent-dark);
  font-style:normal;
}
.media-summary{
  margin-inline:auto;
  max-width:38em;
  font-size:var(--text-lead);
  color:var(--c-muted);
}
.media-entry-note{
  margin:16px 0 0;
  font-size:var(--text-sm);
  color:var(--c-muted);
}
.media-table-note{
  margin-top:16px;
  font-size:var(--text-sm);
}
.media-quality-grid{
  margin-block:28px;
}
.media-quality-grid .panel h3{
  margin-top:0;
}
.media-quality-grid .panel p{
  margin-bottom:0;
}
.media-next{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
@media(max-width:640px){
  .media-intro{
    padding-top:32px;
    padding-bottom:32px;
  }
  .media-summary{
    font-size:var(--text-base);
  }
  .media-next{
    flex-direction:column;
    align-items:flex-start;
  }
}