.viewing-intro{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:48px;
  align-items:center;
  padding-bottom:64px;
}
.viewing-intro>*{min-width:0}
.viewing-intro h1{
  margin:16px 0 24px;
  font-size:var(--display-size);
  font-weight:var(--weight-normal);
  letter-spacing:-.02em;
  line-height:1.12;
}
.viewing-intro .lede{margin:0;max-width:100%}
.viewing-intro .feature-detail h2{margin-top:0}
.viewing-intro .feature-detail>p:last-child{margin-bottom:0}
.viewing-checks{margin:24px 0}
.viewing-checks>div{
  padding-block:14px;
  border-top:1px solid var(--border);
}
.viewing-checks dt{color:var(--text);font-weight:var(--weight-medium)}
.viewing-checks dd{margin:4px 0 0;color:var(--text-muted)}
.viewing-guide>section>h2{margin-top:0}
.viewing-guide>section{border-bottom:1px solid var(--border)}
.viewing-guide>section:last-child{border-bottom:0;padding-bottom:0}
.viewing-guide .table-scroll{margin-block:24px}
.viewing-next{margin-top:32px}
.viewing-next h3{margin-top:0}
.viewing-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.viewing-links>a:not(.btn){display:inline-flex;align-items:center;min-height:44px}
@media(max-width:768px){
  .viewing-intro{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:40px}
  .viewing-intro h1{font-size:clamp(28px,8.6vw,40px)}
}