.media-intro{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.media-intro h1{
  margin-top:24px;
}
.media-lede{
  max-width:32em;
  font-size:20px;
  color:var(--text-muted);
  line-height:1.8;
}
.media-note{
  margin-top:24px;
  font-size:var(--size-small);
  color:var(--text-muted);
  line-height:1.8;
}
.media-checklist{
  box-shadow:var(--shadow-hover);
}
.media-checklist h2{
  margin-top:20px;
  font-size:30px;
}
.media-checklist .compare-list{
  margin-top:0;
}
.media-document{
  padding-bottom:24px;
}
.media-prose{
  margin-inline:auto;
}
.media-document .section-head>p{
  max-width:48em;
  margin-inline:auto;
}
.media-document .table-scroll{
  margin-bottom:32px;
}
.media-document .data-table th[scope=row]{
  background:var(--bg-panel);
  white-space:normal;
}
.media-next{
  justify-content:center;
  margin-top:32px;
}
@media(max-width:860px){
  .media-intro{
    grid-template-columns:minmax(0,1fr);
    gap:32px;
  }
  .media-lede{
    font-size:18px;
  }
}
@media(max-width:640px){
  .media-checklist h2{
    font-size:26px;
  }
  .media-document .prose h3{
    font-size:20px;
  }
  .media-next{
    align-items:stretch;
    flex-direction:column;
  }
}