/* Shared site.css owns the homepage background, typography and color tokens. */
.media-page{color-scheme:dark}
.media-page main{max-width:1000px;margin:auto;padding:40px 24px 64px;font-size:18px;line-height:1.7}
.media-page h1{font-size:clamp(28px,5vw,46px);line-height:1.2;overflow-wrap:anywhere}
.media-page h2{font-size:1.25rem;line-height:1.4;margin-top:2rem}
.media-page main a{overflow-wrap:anywhere;text-underline-offset:4px}
.media-page article,.media-page .card{background:var(--bg-card);border:1px solid var(--border);padding:28px;border-radius:var(--radius);margin-top:24px}
.media-page article{max-width:800px;margin-inline:auto}
.media-page .meta,.media-page footer{font-size:15px;color:var(--muted)}
.media-page footer{border-top:1px solid var(--border);margin-top:32px;padding-top:16px}
.media-page video{display:block;width:100%;height:auto;background:#000;border-radius:var(--radius)}
.media-page main section{margin-top:28px}
.media-page p{overflow-wrap:anywhere}
.media-page .transcript{max-width:800px;margin-inline:auto}
.media-page li{margin-block:10px}
.media-page .home-language-select{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:8px;padding:6px;max-width:125px}
.media-page .media-nav-links{display:flex;gap:20px;align-items:center;font-size:.92rem}
.media-page .media-nav-links a{color:var(--muted);text-decoration:none}
.media-page .media-nav-links a:hover,.media-page .media-nav-links a[aria-current]{color:var(--text)}
.media-page :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:640px){.media-page .site-nav{height:auto;min-height:var(--nav-h)}.media-page .site-nav .inner{flex-wrap:wrap;padding-block:12px;gap:12px}.media-page .media-nav-links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.media-page .brand{font-size:.95rem;gap:8px}.media-page .brand img{width:32px;height:32px}.media-page main{padding:24px 16px 48px}.media-page article,.media-page .card{padding:20px}}