.media-opening{
  padding-top:56px;
  padding-bottom:48px;
}
.media-opening h1{
  font-size:var(--size-h1);
  line-height:1.125;
}
.media-opening-note{
  max-width:720px;
  margin:20px auto 0;
}
.media-document{
  padding-top:32px;
}
.media-section{
  padding-top:64px;
  min-width:0;
}
.media-reading{
  max-width:860px;
}
.media-section p,
.media-section li{
  line-height:1.85;
}
.media-section .table-scroll{
  margin-top:28px;
}
.media-section .feature-pair{
  margin-top:32px;
}
.media-section .feature-card p{
  color:var(--text-muted);
}
.media-section .feature-shot{
  min-height:208px;
}
.media-section .feature-shot p{
  margin-top:16px;
}
.media-after-card{
  margin-top:32px;
}
.media-checklist{
  padding-left:24px;
  margin-top:24px;
  margin-bottom:24px;
}
.media-checklist li{
  padding-left:4px;
  margin-bottom:20px;
}
.media-next{
  margin-top:32px;
}
.media-next p{
  color:var(--text-muted);
}
.media-text-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--accent);
  text-underline-offset:4px;
}
@media(max-width:768px){
  .media-opening{
    padding-top:40px;
    padding-bottom:32px;
  }
  .media-opening h1{
    font-size:36px;
    line-height:44px;
  }
  .media-section{
    padding-top:48px;
  }
}
@media(max-width:640px){
  .media-opening-note{
    text-align:left;
  }
  .media-document{
    padding-top:24px;
  }
  .media-next .row{
    gap:12px;
  }
}