.media-hero{min-height:680px;padding-bottom:114px}
.media-hero .hero-copy{max-width:850px}
.media-hero .hero-title{margin-top:24px}
.media-lead{max-width:690px;margin:18px 0 0;color:var(--text);font-size:clamp(17px,2vw,21px);line-height:1.65}
.media-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:25px}
.media-hero-actions .btn{min-height:46px;padding-inline:24px}
.media-hero-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.media-hero-facts span{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--chip-bg);font:600 12px/1.3 var(--font-body)}
.media-hero .hero-desc{max-width:650px;margin-top:18px}
.media-content{position:relative}
.media-content .sec{border-bottom:1px solid var(--border-soft)}
.media-content h2{margin:16px 0 0}
.media-intro{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:48px;align-items:start}
.media-intro-copy{padding-top:6px;color:var(--text-muted)}
.media-intro-copy p:last-child{margin-bottom:0}
.media-section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:28px}
.media-section-head>div{max-width:700px}
.media-section-head>p{max-width:410px;margin:0;color:var(--text-muted)}
.media-table-note,.media-final-note{margin-top:20px}
.media-content .callout a{color:var(--accent-dark);font-weight:700;text-underline-offset:3px}
.media-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.media-explain{padding:28px}
.media-explain h3,.media-quality h3,.media-step h3{margin:0 0 14px;font-size:22px}
.media-explain p,.media-quality p,.media-step p{margin-bottom:0;color:var(--text-muted)}
.media-afterword{max-width:920px;margin:24px 0 0;color:var(--text-muted)}
.media-quality{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:16px;align-items:stretch}
.media-quality-main{padding:30px}
.media-quality-main p+p{margin-top:18px}
.media-checklist{padding:26px}
.media-checklist h3{margin-bottom:20px}
.media-checklist ul{display:grid;gap:16px}
.media-checklist li{display:flex;align-items:flex-start;gap:12px;color:var(--text-muted)}
.media-checklist .pt-ico{color:var(--warn)}
.media-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.media-step{padding:26px}
.media-content .table-scroll th,.media-content .table-scroll td{vertical-align:top}
.media-content .table-scroll td:first-child{white-space:nowrap}
@media(max-width:900px){
  .media-section-head{align-items:start;flex-direction:column;gap:14px}
  .media-section-head>p{max-width:720px}
  .media-intro{gap:28px}
  .media-steps{grid-template-columns:1fr}
}
@media(max-width:768px){
  .media-hero{min-height:0;padding-bottom:100px}
  .media-intro,.media-duo,.media-quality{grid-template-columns:1fr}
  .media-intro-copy{padding-top:0}
  .media-hero .hero-title{font-size:clamp(28px,6vw,40px)}
}
@media(max-width:640px){
  .media-hero{padding-top:146px;padding-bottom:84px}
  .media-lead{font-size:16px}
  .media-hero-actions{width:100%}
  .media-hero-actions .btn{flex:1;min-width:0;padding-inline:14px}
  .media-hero-facts{gap:6px}
  .media-hero-facts span{font-size:11px}
  .media-explain,.media-quality-main,.media-checklist,.media-step{padding:20px}
  .media-content .table-scroll table{min-width:690px}
}
@media(max-width:370px){
  .media-hero-actions .btn{font-size:13px}
}