.media-hero{overflow-x:clip;max-width:100%;padding-top:72px;padding-bottom:80px;background:radial-gradient(ellipse at 83% 38%,var(--pink-18),var(--pink-0) 65%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}
.media-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(40px,7vw,104px)}
.media-intro h1{max-width:9em;margin:20px 0 0;font-size:clamp(52px,5vw,64px)}
.media-lede{max-width:34em;margin:32px 0 0;color:var(--text-muted);font-size:19px;line-height:1.8}
.media-lede strong{color:var(--text)}
.media-hero-note{max-width:34em;margin:16px 0 0;color:var(--text-muted);font-size:15px}
.media-checkboard{position:relative;min-width:0;padding:32px;border:1px solid var(--hi);border-radius:var(--r-board);background:radial-gradient(circle at 12% 8%,var(--berry-100),var(--berry-0) 65%),var(--bg-panel);box-shadow:0 28px 52px var(--shadow-10),inset 0 1px 0 var(--hi)}
.media-board-head{display:grid;gap:12px;margin-bottom:24px}
.media-board-head strong{font:800 clamp(23px,2.5vw,31px)/1.25 var(--font-display);letter-spacing:-.02em}
.media-checklist{display:grid;gap:10px}
.media-checklist li{display:flex;align-items:center;gap:14px;min-width:0;padding:15px;border:1px solid var(--border-soft);border-radius:var(--r-item);background:var(--surface);font-weight:600;box-shadow:inset 0 1px 0 var(--hi)}
.media-checkboard > p{margin:22px 0 0;color:var(--text-muted);font-size:14px}
.media-reading{max-width:850px}
.media-reading p{line-height:1.95;color:var(--text-muted)}
.media-reading .callout{line-height:1.8}
.media-table-section .section-heading{max-width:900px}
.media-table-section .section-heading p{color:var(--text-muted)}
.media-table{min-width:800px}
.media-table td{vertical-align:top;line-height:1.6}
.media-table td:last-child{min-width:270px}
.media-table-foot{margin:20px 0 0;color:var(--text-muted);font-size:15px}
.media-table-foot a,.media-reading a{color:var(--accent-dark);font-weight:700;text-underline-offset:3px}
.media-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,6vw,88px);align-items:center}
.media-split h2{margin:12px 0 24px}
.media-split p{color:var(--text-muted);line-height:1.95}
.media-side-notes{min-width:0;padding:28px;border:1px solid var(--border-soft);border-radius:var(--r-card);background:var(--bg-panel);box-shadow:inset 0 1px 0 var(--hi),0 20px 40px var(--shadow-06)}
.media-side-notes h3{margin:0 0 18px}
.media-side-notes ul{display:grid;gap:10px}
.media-side-notes li{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:var(--r-item);background:var(--surface);line-height:1.55}
.media-side-notes .check{margin-top:4px}
.media-end{border-top:1px solid var(--border)}
.media-end h2{margin:12px 0 20px}
.media-end p{max-width:760px;color:var(--text-muted);line-height:1.85}
.media-next-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}
@media(max-width:900px){
  .media-hero-in,.media-split{grid-template-columns:minmax(0,1fr)}
  .media-checkboard{max-width:630px}
}
@media(max-width:640px){
  .media-hero{padding-top:48px;padding-bottom:64px}
  .media-intro h1{font-size:clamp(28px,8vw,40px)}
  .media-lede{font-size:17px}
  .media-checkboard,.media-side-notes{padding:20px}
  .media-checklist li{padding:12px}
  .media-next-links .btn{max-width:100%}
}