.media-intro{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.media-intro h1{
  margin-top:24px;
}
.media-intro>*{
  min-width:0;
}
.media-facts{
  margin-top:24px;
}
.media-note{
  padding:0;
  background:var(--glass);
  border-color:var(--glass-line);
  box-shadow:6px 6px 0 var(--glass-edge),var(--panel-shadow);
}
.media-note .win-bar{
  justify-content:space-between;
  font-size:var(--small-size);
}
.media-note-copy{
  padding:32px;
}
.media-note-copy p+p{
  margin-top:16px;
}
.media-note-copy p{
  color:var(--muted);
}
.media-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  margin-top:20px;
  color:var(--accent-dark);
  font-weight:var(--weight-bold);
}
.media-guide{
  padding-top:0;
}
.media-reading{
  margin-inline:auto;
}
.media-reading>.panel{
  margin-top:32px;
}
.media-guide .table-scroll+.media-reading{
  margin-top:28px;
}
.media-guide .faq-item:last-of-type+.media-reading{
  margin-top:32px;
}
.media-guide .section>.media-reading>h2:first-child{
  margin-top:0;
}
.media-next h3{
  margin-top:0;
}
.media-next p{
  margin-bottom:0;
  color:var(--muted);
}
@media(max-width:768px){
  .media-intro{
    grid-template-columns:minmax(0,1fr);
    gap:32px;
  }
  .media-note{
    margin-right:6px;
  }
  .media-note-copy{
    padding:24px;
  }
}