.media-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:48px;min-height:500px;padding-top:80px;padding-bottom:88px}
.media-intro::before{content:"";position:absolute;z-index:-1;inset:0 42% 12% 0;background:radial-gradient(ellipse at 26% 30%,var(--accent-6),transparent 68%);pointer-events:none}
.media-intro__copy{min-width:0}
.media-intro h1{max-width:760px;margin:18px 0 24px}
.media-intro__lead{max-width:690px;font-size:20px;line-height:1.65;color:var(--text-muted)}
.media-intro__lead strong{color:var(--text);font-weight:700}
.media-intro .cta-pair{justify-content:flex-start}
.media-intro__note{max-width:640px;margin:22px 0 0;font-size:14px;color:var(--text-muted)}
.media-intro__diagram{min-width:0;padding:20px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--lift-main)}
.media-diagram__head,.media-diagram__foot{display:flex;align-items:center;gap:9px;font:11px var(--font-mono);letter-spacing:.08em;color:var(--text-muted)}
.media-diagram__head>span:last-child{margin-left:auto}
.media-diagram__dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--accent)}
.media-diagram__path{display:grid;gap:12px;justify-items:start;padding:32px 12px}
.media-diagram__path span{display:block;width:100%;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);font-weight:650}
.media-diagram__path i{height:22px;margin-left:22px;border-left:1px solid var(--accent-28)}
.media-diagram__foot{padding-top:14px;border-top:1px solid var(--border)}
.media-section{background:var(--paper-top)}
.media-section--tinted{background:var(--bg)}
.media-section .sec-head h2{margin:12px 0 14px}
.media-explain{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;padding:32px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--lift-side)}
.media-explain__label{font:600 14px var(--font-mono);color:var(--accent)}
.media-explain .prose p:last-child,.media-prose p:last-child{margin-bottom:0}
.media-matrix td:last-child{min-width:230px}
.media-checklist{max-width:830px;margin-top:32px;padding:28px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r)}
.media-checklist h3{margin:0 0 16px}
.media-checklist ol{padding-left:24px}
.media-checklist li{padding-left:6px;margin-top:10px;color:var(--text-muted)}
.media-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.media-compare .panel{padding:30px}
.media-compare h3{margin:12px 0}
.media-compare p{margin-bottom:0;color:var(--text-muted);line-height:1.85}
.media-after{max-width:840px;margin:32px 0 0;line-height:1.85;color:var(--text-muted)}
.media-prose{max-width:840px}
.media-errors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.media-errors article{min-width:0;padding:28px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r)}
.media-errors h3{margin:0 0 14px}
.media-errors p{margin:0;color:var(--text-muted);line-height:1.85}
.media-section--closing{padding-bottom:32px}
.media-next{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:36px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--lift-side)}
.media-next h2{margin:12px 0 14px}
.media-next p{max-width:680px;margin-bottom:0;color:var(--text-muted)}
.media-next__links{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:900px){
  .media-intro{grid-template-columns:1fr;gap:32px;padding-top:64px;padding-bottom:64px}
  .media-intro__diagram{max-width:530px;width:100%}
  .media-next{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
  .media-intro{padding-top:48px;padding-bottom:56px}
  .media-intro__lead{font-size:17px}
  .media-explain{grid-template-columns:1fr;gap:16px;padding:22px}
  .media-compare,.media-errors{grid-template-columns:1fr}
  .media-compare .panel,.media-errors article,.media-checklist{padding:22px}
  .media-next{padding:24px}
  .media-next__links{width:100%}
}