.media-intro{position:relative;z-index:1;padding-top:56px;padding-bottom:24px}
.media-title{margin:22px 0 0;letter-spacing:-.02em}
.media-reference{max-width:800px;margin:36px auto 0;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-win);box-shadow:var(--shadow-card);overflow:hidden}
.media-reference .win-bar{color:var(--text-muted);font-size:12px}
.media-reference-body{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;padding:24px}
.media-reference-body p{display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin:0}
.media-reference-body strong{font-size:20px}
.media-reference-body .muted{font-size:14px}
.media-reference-arrow{font-family:var(--font-mono);color:var(--text-faint);font-size:24px}
.media-document{position:relative;z-index:1;padding-top:24px}
.media-document > section{border-bottom:1px solid var(--border)}
.media-document > section:last-child{border-bottom:0;padding-bottom:0}
.media-document p{max-width:960px;line-height:1.85;color:var(--text-muted)}
.media-document p strong{color:var(--text)}
.media-document .media-lead{font-size:18px;color:var(--text)}
.media-document h3{margin-top:28px}
.media-document .table-scroll{margin-top:24px;margin-bottom:24px}
.media-document .data-table{min-width:860px}
.media-document .data-table td{vertical-align:top}
.media-document .data-table td:nth-child(3){color:var(--text-muted)}
.media-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.media-columns .panel h3{margin-top:0}
.media-columns p:last-child{margin-bottom:0}
.media-text-link{text-decoration:underline;text-underline-offset:4px;color:var(--text)}
.media-next{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;padding:28px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-card)}
.media-next h3{margin:0 0 10px}
.media-next p{margin:0}
.media-next-links{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:768px){
  .media-intro{padding-top:36px}
  .media-columns{grid-template-columns:minmax(0,1fr);gap:20px}
  .media-document .media-lead{font-size:17px}
}
@media(max-width:640px){
  .media-reference-body{grid-template-columns:minmax(0,1fr);padding:20px;gap:18px}
  .media-reference-arrow{display:none}
  .media-next{padding:20px}
  .media-next-links{flex-direction:column;width:100%}
}