.media-intro .hero-in{
  padding-top:48px;
  padding-bottom:48px;
}
.media-intro h1{
  font-size:clamp(52px,4.6vw,var(--text-h1));
}
.media-slate{
  max-width:920px;
  margin:36px auto 0;
  padding:28px;
  text-align:left;
  border:1px solid var(--border);
  border-radius:var(--r-window);
  background:var(--bg-panel);
  box-shadow:inset 0 1px 0 var(--hl),var(--shadow-panel);
}
.media-slate-label{
  margin-bottom:20px;
  color:var(--accent-dark);
  font-size:var(--text-sm);
  font-weight:var(--weight-bold);
}
.media-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin:0;
  padding:0;
  list-style:none;
}
.media-checks li{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}
.media-checks strong{
  font-weight:var(--weight-heavy);
}
.media-checks li>span:last-child{
  color:var(--text-muted);
  font-size:var(--text-sm);
}
.media-slate-note{
  margin:24px 0 0;
  padding-top:16px;
  border-top:1px solid var(--border);
  color:var(--text-muted);
  font-size:var(--text-sm);
}
.media-body{
  padding-bottom:32px;
}
.media-section-head{
  max-width:var(--width-reading);
  margin-bottom:28px;
}
.media-section-head>.tag{
  margin-bottom:14px;
}
.media-section-head p:last-child{
  margin-bottom:0;
}
.media-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px;
}
.media-columns>*{
  min-width:0;
}
.media-columns p:last-child{
  margin-bottom:0;
}
.media-body .sec+.sec{
  border-top:1px solid var(--border);
}
.media-body p{
  line-height:var(--leading-body);
}
.media-body p a{
  color:var(--accent-dark);
}
.media-quality{
  margin-top:28px;
  margin-bottom:28px;
}
.media-quality h3{
  font-size:var(--text-h3);
}
.media-quality p{
  margin-bottom:0;
  color:var(--text-muted);
}
.media-next{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
@media(max-width:768px){
  .media-intro .hero-in{
    padding-top:32px;
    padding-bottom:32px;
  }
  .media-intro h1{
    font-size:36px;
  }
  .media-slate{
    padding:22px;
    margin-top:28px;
    border-radius:var(--r-mobile-window);
  }
  .media-checks{
    grid-template-columns:1fr;
    gap:20px;
  }
  .media-checks li{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:6px 12px;
    align-items:center;
  }
  .media-checks li>span:last-child{
    grid-column:2;
  }
  .media-columns{
    grid-template-columns:1fr;
    gap:24px;
  }
  .media-section-head{
    margin-bottom:24px;
  }
}