.media-intro{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:64px;
  align-items:center;
}
.media-intro-copy,.media-checksheet,.media-checksheet-body,.media-checklist,.media-checklist>div{
  min-width:0;
}
.media-intro h1{
  margin-top:24px;
  max-width:12ch;
}
.media-lead{
  margin-block:24px 28px;
  max-width:36em;
  font-size:var(--text-lg);
  color:var(--muted);
}
.media-intro-note{
  margin-top:22px;
  font-size:var(--text-sm);
  color:var(--muted);
}
.media-checksheet{
  padding:0;
  box-shadow:var(--shadow-card),var(--hl);
}
.media-checksheet .titlebar{
  border-top-left-radius:var(--r-xl);
  border-top-right-radius:var(--r-xl);
  padding-block:10px;
  gap:16px;
}
.media-window-label{
  font-size:var(--text-xs);
  color:var(--muted);
  text-align:right;
}
.media-checksheet-body{
  padding:32px;
}
.media-checksheet h2{
  font-size:var(--h3-size);
}
.media-checklist{
  margin-block:24px;
}
.media-checklist>div{
  display:grid;
  grid-template-columns:4em minmax(0,1fr);
  gap:16px;
  padding-block:14px;
  border-bottom:1px solid var(--border-soft);
}
.media-checklist dt{
  color:var(--accent);
  font-weight:700;
}
.media-checklist dd{
  margin:0;
  color:var(--text);
}
.media-checksheet-body>p{
  font-size:var(--text-sm);
}
.media-document .section{
  border-bottom:1px solid var(--border);
}
.media-document .section:last-child{
  border-bottom:0;
}
.media-reading{
  max-width:78ch;
  margin-top:28px;
}
.media-reading p{
  margin-block:20px;
  line-height:1.9;
  overflow-wrap:anywhere;
}
.media-reading h3{
  margin-top:32px;
  margin-bottom:16px;
}
.media-reading a{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:3px;
}
.media-next-links{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}
@media(max-width:1100px){
  .media-intro{
    gap:32px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  .media-checksheet-body{
    padding:24px;
  }
}
@media(max-width:768px){
  .media-intro{
    grid-template-columns:1fr;
    gap:40px;
  }
  .media-intro h1{
    max-width:none;
  }
  .media-lead{
    font-size:var(--text-base);
  }
}
@media(max-width:640px){
  .media-checksheet-body{
    padding:22px;
  }
  .media-checklist>div{
    grid-template-columns:3em minmax(0,1fr);
    gap:12px;
  }
  .media-next-links .btn{
    padding-inline:22px;
  }
}