.media-intro{position:relative;z-index:1;padding-top:40px;padding-bottom:64px}
.media-route-window{max-width:940px;margin:40px auto 0}
.media-route-window .win__bar{flex-wrap:wrap}
.media-route-window .win__bar>.badge{margin-left:auto}
.media-route-window__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;padding:32px}
.media-route-window__body>*{min-width:0}
.media-route-window__body>.panel p{margin-top:12px;margin-bottom:16px;font-size:15px;color:var(--ink-muted)}
.media-route-window__body>.panel a{font-size:15px}
.media-route-window__body>.panel strong{font-family:var(--font-display)}
.media-route-window__body>div>.mono{font-size:12px;letter-spacing:.02em}
.media-reading{max-width:860px}
.media-explain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:28px}
.media-explain-grid>*{min-width:0}
.media-explain-grid h3{font-size:22px}
.media-explain-grid p{color:var(--ink-muted)}
.media-explain-grid p:last-child{margin-bottom:0}
@media(max-width:768px){
  .media-route-window__body{grid-template-columns:1fr;gap:24px;padding:24px}
  .media-explain-grid{grid-template-columns:1fr}
  .media-intro{padding-top:28px;padding-bottom:48px}
}
@media(max-width:640px){
  .media-route-window__body{padding:20px}
  .media-route-window .win__bar>.badge{margin-left:0}
  .media-route-window .route-labels b{font-size:13px}
}