.media-intro{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  align-items:center;
  gap:56px;
}
.media-lead h1{
  margin-top:20px;
}
.media-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.media-summary{
  max-width:560px;
  margin-top:24px;
  color:var(--muted);
  font-size:18px;
  line-height:1.8;
}
.media-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
  color:var(--muted);
  font-size:13px;
}
.media-trust li{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.media-trust li::before{
  content:"";
  width:6px;
  height:6px;
  flex-shrink:0;
  border-radius:var(--r-round);
  background:var(--accent);
}
.media-note{
  background:linear-gradient(145deg,var(--panel),var(--wash-b));
}
.media-checks{
  margin:0;
  padding:24px 20px;
}
.media-checks>div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:20px;
  padding-block:16px;
  border-bottom:1px solid var(--border);
}
.media-checks>div:last-child{
  border-bottom:0;
}
.media-checks dt{
  font-weight:700;
  color:var(--accent-dark);
}
.media-checks dd{
  margin:0;
  color:var(--muted);
}
.media-guide{
  padding-top:16px;
}
.media-chapter{
  padding-top:36px;
  padding-bottom:36px;
}
.media-chapter+.media-chapter{
  border-top:1px solid var(--rule);
}
.media-chapter>p{
  max-width:var(--reading);
  line-height:1.9;
}
.media-chapter.prose h2{
  margin-top:0;
}
.media-chapter.prose>ol{
  max-width:var(--reading);
}
.media-chapter.prose li+li{
  margin-top:16px;
}
.media-table{
  margin-top:28px;
}
.media-table td:first-child{
  font-weight:650;
}
.media-table td:nth-child(3){
  color:var(--accent-dark);
}
.media-chapter .callout a{
  display:inline-block;
  min-height:28px;
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
.media-next{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:32px;
  padding-top:28px;
  border-top:1px solid var(--border);
}
.media-next h3{
  margin:0;
}
.media-next p{
  margin-top:10px;
  color:var(--muted);
}
.media-next-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
@media(max-width:960px){
  .media-intro{
    gap:28px;
  }
}
@media(max-width:768px){
  .media-intro{
    grid-template-columns:1fr;
    gap:32px;
  }
  .media-summary{
    font-size:16px;
  }
  .media-checks{
    padding:16px;
  }
  .media-chapter{
    padding-top:28px;
    padding-bottom:28px;
  }
}