.app-media { max-width: 52rem; }
.app-media { margin: 0 auto; }
.app-media { padding: 2.5rem 1.25rem 4rem; }
.app-media .media-head { margin-bottom: 2rem; }
.app-media .media-head .eyebrow { color: var(--accent); }
.app-media h1 { margin: .5rem 0 0; }
.app-media h1 { font-size: 2.5rem; }
.app-media h1 { letter-spacing: -.02em; }
.app-media h1 { color: var(--ink); }
.app-media .media-head p { margin: 1rem 0 0; }
.app-media .media-head p { max-width: 42rem; }
.app-media .media-head p { color: var(--ink-soft); }
.app-media .media-head p { font-size: 1.02rem; }
.app-media .media-head p { line-height: 1.6; }
.app-media .media-head code, .app-media .media-label code, .app-media .media-note code { background: var(--code-bg); }
.app-media .media-head code, .app-media .media-label code, .app-media .media-note code { color: var(--code-ink); }
.app-media .media-head code, .app-media .media-label code, .app-media .media-note code { padding: .08rem .35rem; }
.app-media .media-head code, .app-media .media-label code, .app-media .media-note code { border-radius: 6px; }
.app-media .media-head code, .app-media .media-label code, .app-media .media-note code { font-size: .85em; }
.app-media .media-panel { padding: 1.25rem 1.25rem 1.1rem; }
.app-media .media-panel { margin: 1.25rem 0; }
.app-media .media-panel { border: 1px solid var(--line-soft); }
.app-media .media-panel { border-radius: 16px; }
.app-media .media-panel { background: var(--panel); }
.app-media .media-label { font-size: .8rem; }
.app-media .media-label { font-weight: 600; }
.app-media .media-label { letter-spacing: .02em; }
.app-media .media-label { color: var(--muted); }
.app-media .media-label { margin-bottom: .85rem; }
.app-media .media-label p { margin: 0; }
.app-media video { width: 100%; }
.app-media video { height: auto; }
.app-media video { display: block; }
.app-media video { border: 1px solid var(--line-soft); }
.app-media video { border-radius: 12px; }
.app-media video { background: var(--sunk); }
.app-media audio { width: 100%; }
.app-media audio { display: block; }
.app-media .wd-embed { border: 1px solid var(--line-soft); }
.app-media .wd-embed { border-radius: 12px; }
.app-media .wd-embed { overflow: hidden; }
.app-media .wd-embed { background: var(--sunk); }
.app-media .media-note { margin: .9rem 0 0; }
.app-media .media-note { font-size: .88rem; }
.app-media .media-note { line-height: 1.55; }
.app-media .media-note { color: var(--muted); }
.app-media .media-note p { margin: 0; }
.app-media .source-reveal { margin-top: 2rem; }