.media-opening{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.media-opening-note{
  max-width:34em;
  margin-bottom:0;
  color:var(--muted);
  font-size:var(--small-size);
}
.media-checklist{
  position:relative;
  background:var(--panel);
}
.media-checklist::before{
  content:"";
  display:block;
  height:8px;
  margin-bottom:24px;
  border-radius:var(--r-xs);
  background:linear-gradient(100deg,var(--prism-a),var(--prism-b),var(--prism-c));
}
.media-checklist h2{
  margin-top:20px;
  font-size:var(--h2-size);
}
.media-check-rows{
  display:grid;
  gap:20px;
  list-style:none;
  margin:0;
  padding:0;
}
.media-check-rows li{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.media-check-mark{
  display:grid;
  place-items:center;
  flex:none;
  width:40px;
  height:40px;
  border:1px solid var(--border-soft);
  border-radius:var(--r-m);
  background:var(--white);
  color:var(--text);
  box-shadow:inset 0 1px 0 var(--hi);
}
.media-check-rows strong{
  display:block;
  margin-bottom:4px;
}
.media-check-rows p{
  margin:0;
  font-size:var(--small-size);
  color:var(--muted);
}
.media-check-foot{
  margin:24px 0 0;
  padding-top:16px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:var(--small-size);
}
.media-document{
  position:relative;
  z-index:2;
}
.media-chapter+.media-chapter{
  margin-top:var(--section-gap);
  padding-top:var(--section-gap);
  border-top:1px solid var(--border);
}
.media-chapter>p{
  max-width:64em;
  color:var(--muted);
}
.media-two-column{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
}
.media-two-column p{
  color:var(--muted);
}
.media-two-column .prose h3,
.media-route-note h3,
.media-diagnostic-list h3{
  margin-top:0;
}
.media-two-column .panel p:last-child{
  margin-bottom:0;
}
.media-after-note{
  margin-top:24px;
}
.media-route-note{
  margin-top:32px;
  background:var(--panel-2);
}
.media-route-note p{
  margin-bottom:0;
  color:var(--muted);
}
.media-diagnostic-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.media-diagnostic-list p{
  margin-bottom:0;
  color:var(--muted);
}
.media-ending-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:32px;
}
@media(max-width:960px){
  .media-opening{
    gap:32px;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:768px){
  .media-opening,
  .media-two-column,
  .media-diagnostic-list{
    grid-template-columns:1fr;
  }
  .media-opening{
    gap:32px;
  }
  .media-two-column{
    gap:20px;
  }
  .media-two-column.prose{
    gap:0;
  }
}