.blog-media-actions{display:inline-flex;gap:.4rem;vertical-align:middle;margin-left:.75rem;white-space:nowrap;font:500 .65rem/1.2 'Inter',system-ui,sans-serif;letter-spacing:0}
.blog-media-actions button{appearance:none;color:var(--teal,#2d6373);background:transparent;border:1px solid var(--hair,#d4cabb);border-radius:2px;padding:.4rem .55rem;font:inherit;cursor:pointer;min-height:32px;transition:background 160ms,border-color 160ms}
.blog-media-actions button:hover{border-color:var(--teal,#2d6373);background:var(--paper-deep,#ece2d2)}
.blog-media-actions button:focus-visible,.blog-media-close:focus-visible,.blog-media-speed select:focus-visible{outline:2px solid var(--teal,#2d6373);outline-offset:3px}
h1 .blog-media-actions{font-size:.72rem;line-height:1.2;letter-spacing:0;margin-bottom:.3rem}
.blog-media-dialog{box-sizing:border-box;width:min(740px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--hair,#d4cabb);border-radius:3px;padding:2rem;background:var(--paper,#f4ebde);color:var(--ink,#1a1814);box-shadow:0 24px 100px #0004;font:400 16px/1.6 'Inter',system-ui,sans-serif}
.blog-media-dialog::backdrop{background:#171714b8;backdrop-filter:blur(5px)}
.blog-media-dialog .blog-media-label{font:500 .68rem/1.5 'JetBrains Mono',monospace;letter-spacing:.04em;color:var(--teal,#2d6373);margin:0 3rem 1rem 0}
.blog-media-dialog #blog-media-title{display:block;font:500 clamp(1.7rem,5vw,2.5rem)/1.15 'Fraunces',Georgia,serif;color:var(--coral,#d94e2d);text-transform:none;letter-spacing:-.02em;margin:0 0 1.5rem;padding:0;border:0}
.blog-media-dialog #blog-media-title::before{content:none}
.blog-media-dialog audio,.blog-media-dialog video{display:block;width:100%;margin:0 0 1.25rem}
.blog-media-dialog video{max-height:55dvh;background:#1a1814;aspect-ratio:16/9;object-fit:contain}
.blog-media-speed{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:0 0 1.25rem;font:500 .8rem/1.5 'Inter',system-ui,sans-serif}
.blog-media-speed select{min-height:44px;padding:.5rem .75rem;border:1px solid var(--hair,#d4cabb);border-radius:2px;background:var(--paper,#f4ebde);color:var(--ink,#1a1814);font:inherit;cursor:pointer}
.blog-media-close{position:absolute;right:1rem;top:1rem;background:transparent;border:0;padding:.5rem;color:var(--ink-muted,#6b6258);cursor:pointer;font:500 .75rem/1.4 'Inter',system-ui,sans-serif}
.blog-media-dialog .blog-media-note{font:400 .78rem/1.6 'Inter',system-ui,sans-serif;color:var(--ink-muted,#6b6258);margin:0 0 .8rem}
.blog-media-download{font:500 .76rem/1.5 'Inter',system-ui,sans-serif;color:var(--teal,#2d6373)}
@media(max-width:480px){.blog-media-dialog{padding:1.4rem}.blog-media-actions{margin-left:.5rem}.blog-media-actions button{min-height:36px}}