.media-intro{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.media-intro>*{
  min-width:0;
}
.media-intro-copy{
  max-width:680px;
}
.media-lead{
  max-width:30em;
  font-size:20px;
  color:var(--muted);
}
.media-entry-note{
  margin-top:24px;
  margin-bottom:0;
  max-width:34em;
  font-size:14px;
  color:var(--muted);
}
.media-check{
  box-shadow:var(--shadow-cobalt);
}
.media-check-body{
  padding:32px;
  background:linear-gradient(150deg,var(--panel),var(--mon-top));
}
.media-check-body h2{
  font-size:30px;
}
.media-check-list{
  margin:0;
}
.media-check-list>div{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:16px;
  padding-block:16px;
  border-bottom:1px solid var(--border);
}
.media-check-list dt{
  color:var(--accent);
  font-weight:var(--weight-medium);
}
.media-check-list dd{
  margin:0;
  color:var(--muted);
}
.media-reference{
  padding-top:0;
}
.media-reference>section+section{
  border-top:1px solid var(--border);
}
.media-reference .table-scroll+.prose{
  margin-top:32px;
}
.media-reference .grid+.prose{
  margin-top:32px;
}
.media-next{
  margin-top:40px;
}
.media-next p{
  margin-bottom:0;
}
.media-next .cta-row{
  margin-top:24px;
}
@media(max-width:1100px){
  .media-intro{
    gap:32px;
  }
  .media-intro .btn{
    min-width:180px;
  }
}
@media(max-width:768px){
  .media-intro{
    grid-template-columns:minmax(0,1fr);
  }
  .media-lead{
    font-size:18px;
  }
}
@media(max-width:640px){
  .media-check-body{
    padding:24px;
  }
  .media-check-list>div{
    grid-template-columns:48px minmax(0,1fr);
    gap:12px;
  }
  .media-intro .cta-row{
    gap:12px;
  }
  .media-intro .btn{
    min-width:0;
    flex:1;
    padding-inline:14px;
    gap:12px;
  }
  .media-next .btn{
    min-width:0;
    width:100%;
  }
}