.post-card{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.post-card:focus-visible{outline:2px solid #111;outline-offset:5px}
.post-viewer{position:fixed;inset:0;width:min(1040px,calc(100vw - 30px));max-width:none;max-height:calc(100dvh - 30px);padding:0;border:0;background:#111;color:#fff;box-shadow:0 24px 90px #0008}
.post-viewer::backdrop{background:#090909e8;backdrop-filter:blur(5px)}
.post-viewer-shell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:min(680px,calc(100dvh - 30px));padding:38px 38px 20px}
.post-viewer-close{position:absolute;z-index:2;top:9px;right:12px;width:42px;height:42px;border:0;background:transparent;color:#fff;font:34px/1 Arial,sans-serif;cursor:pointer}
.post-viewer-close:focus-visible{outline:2px solid #fff}
.post-viewer-media{display:flex;align-items:center;justify-content:center;width:100%;min-height:0}
.post-viewer-media.is-photo img{display:block;max-width:100%;max-height:calc(100dvh - 135px);object-fit:contain}
.post-viewer-media.is-film iframe{display:block;width:min(420px,100%);height:min(72dvh,720px);border:0;background:#fff}
.post-viewer-caption{display:flex;justify-content:space-between;gap:30px;width:100%;padding-top:16px;font:12px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.post-viewer-caption time{color:#c7c7c7}
@media(max-width:600px){.post-viewer{width:100vw;max-height:100dvh}.post-viewer-shell{min-height:100dvh;padding:50px 22px 22px}.post-viewer-media.is-photo img{max-height:calc(100dvh - 125px)}.post-viewer-media.is-film iframe{height:min(75dvh,720px)}.post-viewer-caption{font-size:10px}}