.vn58-viewer,.vn58-related,.vn58-video,.vn58-gallery{margin-block:clamp(1.5rem,4vw,3.5rem)}
.vn58-viewer-head{display:flex;gap:1rem;align-items:center;justify-content:space-between}.vn58-viewer-head h3{margin:0 0 1rem}.vn58-viewer-head span{font-size:.8rem;color:#d9b77f}
.vn58-frame,.vn58-video-frame{position:relative;aspect-ratio:var(--vn58-ratio,16/9);background:#151d24;border:1px solid #34404b;border-radius:16px;overflow:hidden}.vn58-frame iframe,.vn58-video-frame iframe,.vn58-video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}.vn58-video-frame{aspect-ratio:16/9}
.vn58-source{text-align:right;font-size:.85rem}.vn58-source a{color:#dfb87b}.vn58-video figcaption{font-size:.9rem;margin-top:.7rem;color:#b9c3cc}
.vn58-gallery{display:grid;grid-template-columns:repeat(var(--vn58-cols,3),minmax(0,1fr));gap:1rem}.vn58-gallery figure{margin:0}.vn58-gallery img{width:100%;height:230px;object-fit:cover;border-radius:12px}.vn58-gallery figcaption{font-size:.85rem;margin-top:.4rem}
.vn58-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.vn58-related article{border:1px solid #37414b;border-radius:14px;overflow:hidden;background:#172129}.vn58-related article img{width:100%;aspect-ratio:16/10;object-fit:cover}.vn58-related article h3,.vn58-related article p{padding:0 1rem}.vn58-related article a{display:block;text-decoration:none;color:inherit}.vn58-related article a:hover h3{color:#e8be82}
.vn58-placeholder,.vn58-alert,.vn58-editor-preview{padding:1.5rem;border:1px dashed #65717a;border-radius:12px;background:#1a242d;color:#e8eef2}.vn58-alert{border-color:#e5a169}.vn58-editor-preview{color:#e8eef2}.vn58-editor-preview p{margin-bottom:0}
@media(max-width:800px){.vn58-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vn58-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.vn58-related-grid,.vn58-gallery{grid-template-columns:1fr}.vn58-gallery img{height:auto;aspect-ratio:4/3}}