/* Generated players and saved iframe snapshots have no publisher stylesheet. */
iframe[data-ht-reader-snapshot] { display: block; box-sizing: border-box; width: 100%; border: 0; }
figure[data-ht-media-id] { display: block; max-width: 100%; margin: 1.5em 0; }
figure[data-ht-media-id] iframe { display: block; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; border: 0; }
figure[data-ht-media-provider="TikTok"] iframe { max-width: 400px; aspect-ratio: 9 / 16; margin: 0 auto; }
figure[data-ht-media-id] > video { display: block; max-width: 100%; height: auto; }
figure[data-ht-media-id] > figcaption { margin: .75em 0; }
[data-ht-audio-id] audio { display: block; width: 100%; max-width: 100%; }
.ht-mermaid-diagram { overflow-x: auto; }
.ht-mermaid-diagram > svg { display: block; max-width: 100%; height: auto; }
/* One outer gutter policy for the shell, native body, and publisher iframe. */
:root, .reader-shell { --ht-reader-gutter: 24px; }
@media (max-width: 600px) { :root, .reader-shell { --ht-reader-gutter: 20px; } }