.single-main figure{aspect-ratio:16/9;overflow:hidden;}
.single-main iframe{position:relative;display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;border:0;margin-bottom:var(--step-4);}
.single-video{position:relative;width:100%;max-width:100%;cursor:pointer;overflow:hidden;background-color:#000}
.video-placeholder{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background-color:#000}
.video-placeholder img,.video-placeholder .placeholder-icon{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events: none;}
.video-placeholder::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);pointer-events:none;z-index:1;}
.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;z-index:2;cursor:pointer;transition:transform .3s;}
.play-button svg{width:var(--step-13);height:var(--step-13);fill:#fff;}

.single-main article{max-width:var(--container-max-width);margin:auto;}
.single-title{font-family:var(--font-family-aux);font-size:var(--step-5);font-weight:600;color:var(--neutral-800);margin: var(--step-3) auto;}

.single-article>.video-lazyload{margin:0;width:100%;}
.single-article .video-lazyload img,.single-article .video-lazyload iframe{width:100%;height:auto;display:block;}

.streampost,.author-share,.single-title{padding:0 var(--step-4);}

.create-date{font-size:var(--step-3-4);color:var(--neutral-500);font-weight:400;}
.create-date a{color:var(--neutral-800);font-weight:500;text-decoration:none;margin-right:var(--step-1);}
.create-date a:hover{color:var(--neutral-900);}

.stream-author{display:flex;align-items:center;gap:var(--step-2);}
.author-avatar img{width:var(--step-9);height:var(--step-9);border-radius:50%;object-fit:cover;}
.author-name{display:flex;flex-direction:column;line-height:1.15;}
.author-name a{font-size:var(--step-4);font-weight:600;color:var(--neutral-800);text-decoration:none;}
.author-name a:hover{color:var(--neutral-900);}
.author-name span{font-size:var(--step-2-5);color:var(--neutral-500);font-weight:400;}

.author-share{display:flex;flex-direction:column;gap:var(--step-2);margin:var(--step-2) 0;}
.stream-share{display:flex;align-items:center;gap:var(--step-2)}

.streampost{display:flex;flex-direction:column;gap:var(--step-4);margin:var(--step-4) auto}
.streampost-left{display:flex;flex-direction:column;gap:var(--step-4);}
.stream-info{background:var(--neutral-200);border:var(--border-width) var(--border-style) var(--neutral-border-subtle);border-radius:var(--radius-md);padding:var(--step-4);display:flex;flex-direction:column;gap:var(--step-2);}
.stream-header{display:flex;justify-content:space-between;align-items:center;gap:var(--step-2);}
.expand-button{display:inline-flex;align-items:center;gap:var(--step-2);font-size:var(--step-3-4);color:var(--neutral-700);cursor:pointer;background:none;border:none;padding:0;transition:color .15s;}
.expand-button:hover{color:var(--neutral-900);}
.down{margin-top:var(--step-2);display:flex;align-items:center;gap:var(--step-2);justify-content:flex-end;}
.stream-body{line-height:var(--step-6);color:var(--neutral-700);font-size:var(--step-4);display:none;overflow:hidden;}
.post-comments{padding:0;border-top:var(--border-width) var(--border-style) var(--neutral-border-subtle)}
#comments {padding-bottom:var(--step-4)}
.comment-content {padding: 0}
.container-header {margin:0;padding: var(--step-4) 0;}

.stream-related{margin:var(--step-4) 0;}
.stream-related h3{font-size:var(--step-4-5);margin-bottom:var(--step-2);color:var(--neutral-800);}
.streampost-right a{display:flex;flex-direction:column;align-items:flex-start;gap:var(--step-2);text-decoration:none;color:var(--neutral-800);margin-bottom:var(--step-4);transition:color .15s;}
.streampost-right a:hover{color:var(--neutral-900);}
.streampost-right a img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);display:block;}
.streampost-right a span{font-weight:500;font-size:var(--step-4);line-height:1.3}

.interactive-post{display:flex;flex-wrap:wrap;gap:var(--step-2);}
.interactive-post button{display:inline-flex;align-items:center;gap:var(--step-2);padding:var(--step-1) var(--step-3);border:var(--border-width) var(--border-style) var(--neutral-border-subtle);background:var(--neutral-100);border-radius:var(--radius-md);font-size:var(--step-3-4);color:var(--neutral-700);cursor:pointer;transition:all .15s;}
.interactive-post button:hover{background:var(--neutral-200);border-color:var(--neutral-400);}
.interactive-post .icon{width:var(--icon-size);height:var(--icon-size);fill:currentColor;}

@media(min-width:700px){.streampost{flex-direction:row;align-items:flex-start;gap:var(--step-4);}
	.streampost-left{flex:3;}.streampost-right{flex:2;}
	.author-share{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--step-4);margin:var(--step-4) 0;}
	.streampost-right a{flex-direction:row;align-items:center;gap:var(--step-4);}
	.streampost-right a img{width:40%;height:auto;flex-shrink:0;}
	.streampost-right a span{flex:1;margin-top:0;font-size: var(--step-3-4);}}
	.comment-composer,.comment-item {margin: 0}

.stream-header .expand-button svg{transition:transform .25s;}
.stream-info.open .stream-header .expand-button svg{transform:rotate(180deg);}
.down svg { transform: rotate(180deg);}


.share-dropdown-wrapper{position:relative;display:inline-block;}
.share-dropdown-wrapper .share-toggle,
.share-dropdown-wrapper .share-icon-btn{display:flex;align-items:center;cursor:pointer;transition:background .2s;}
.share-dropdown-wrapper .share-toggle{gap:var(--step-2);padding:var(--step-2) var(--step-3);border:var(--border-width) var(--border-style) var(--neutral-border-subtle);border-radius:var(--radius-md);}
.share-dropdown-wrapper .share-toggle:hover{background:var(--neutral-300);}
.share-dropdown-wrapper .share-options-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background:var(--neutral-100);border:var(--border-width) var(--border-style) var(--neutral-border-subtle);border-radius:var(--radius-lg);box-shadow:0 6px 18px rgba(0,0,0,0.12);padding:var(--step-2) 0;z-index:1000;display:flex;flex-direction:column;gap:var(--step-1);min-width:180px;opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease;}
.share-dropdown-wrapper.open .share-options-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px);}
.share-dropdown-wrapper .share-icon-btn{gap:var(--step-2-5);padding:var(--step-2) var(--step-4);text-decoration:none;color:var(--neutral-700);font-size:var(--step-3-4);background:none;border:none;text-align:left;width:100%;}
.share-dropdown-wrapper .share-icon-btn:hover{background:var(--neutral-200);}
.share-dropdown-wrapper .share-icon-btn .icon{width:var(--icon-size);height:var(--icon-size);fill:currentColor;}
.share-dropdown-wrapper .share-icon-btn[aria-label*="Facebook"] .icon{fill:#1877F2;}
.share-dropdown-wrapper .share-icon-btn[aria-label*="Twitter"] .icon{fill:#1DA1F2;}
.share-dropdown-wrapper .share-icon-btn[aria-label*="WhatsApp"] .icon{fill:#25D366;}