/* Smart Binary – shared landscape layer for user pages (not admin, not dash) */
#sbs-aside{display:none}
#sbs-strip{display:none}
@media(min-width:1000px){
 body.sbs{padding-left:min(38vw,600px)!important}
 body.sbs #sbs-aside{display:flex;position:fixed;left:0;top:0;bottom:0;width:min(38vw,600px);z-index:40;flex-direction:column;justify-content:center;gap:22px;padding:34px clamp(26px,3vw,52px);background:radial-gradient(120% 80% at 0% 0%,rgba(154,205,50,.14),transparent 60%),var(--b2,#080808);border-right:1px solid var(--br,rgba(154,205,50,.11));overflow:hidden;color:var(--tx,#F2FFD4)}
 body.sbs .nav-bar,body.sbs .pnav,body.sbs header.top,body.sbs .topbar{left:min(38vw,600px)!important}
 body.sbs .pcont{max-width:860px}
 body.sbs .wrap,body.sbs .container{max-width:640px}
}
#sbs-aside .sa-brand{display:flex;align-items:center;gap:12px}
#sbs-aside .sa-brand img{width:46px;height:46px;border-radius:12px}
#sbs-aside .sa-brand b{font:700 26px/1 var(--fh,'Rajdhani',sans-serif);letter-spacing:.3px}
#sbs-aside .sa-brand b span{color:var(--yg,#9ACD32)}
#sbs-aside h2{font:700 clamp(28px,3vw,42px)/1.08 var(--fh,'Rajdhani',sans-serif);margin:0}
#sbs-aside h2 em{font-style:normal;color:var(--yg,#9ACD32)}
#sbs-aside p.sa-p{font-size:14.5px;line-height:1.6;color:var(--t2,rgba(242,255,212,.62));margin:0;max-width:460px}
#sbs-aside ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
#sbs-aside li{font-size:13px;color:var(--t2,rgba(242,255,212,.62));display:flex;gap:8px;align-items:flex-start;line-height:1.35}
#sbs-aside li:before{content:"";flex:0 0 7px;height:7px;margin-top:5px;border-radius:50%;background:var(--yg,#9ACD32);box-shadow:0 0 8px var(--yg-g,rgba(154,205,50,.3))}
#sbs-aside .sa-show{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--br2,rgba(154,205,50,.22));aspect-ratio:16/9;background:#050505;box-shadow:0 18px 50px rgba(0,0,0,.45)}
#sbs-aside .sa-show img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
#sbs-aside .sa-show img.on{opacity:1}
#sbs-aside .sa-show img.fit{object-fit:contain;background:#050505}
#sbs-aside .sa-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;gap:6px;justify-content:center}
#sbs-aside .sa-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35)}
#sbs-aside .sa-dots i.on{background:var(--yg,#9ACD32);width:16px;border-radius:4px}
#sbs-aside .sa-url{font:600 12px var(--fm,'JetBrains Mono',monospace);color:var(--t3,rgba(242,255,212,.34));letter-spacing:.5px}
@media(min-width:1000px) and (max-height:760px){#sbs-aside{gap:14px;padding-top:20px;padding-bottom:20px}#sbs-aside ul{display:none}}
/* phone / tablet: image strip near the end of the page */
@media(max-width:999px){
 body.sbs #sbs-strip{display:block;width:100%;max-width:600px;min-width:0;margin:6px auto 0;padding:14px 12px calc(26px + env(safe-area-inset-bottom));box-sizing:border-box}
 #sbs-strip h3{font:700 15px var(--fh,'Rajdhani',sans-serif);color:var(--tx,#F2FFD4);margin:0 0 4px}
 #sbs-strip p{font-size:12px;color:var(--t3,rgba(242,255,212,.34));margin:0 0 10px}
 #sbs-strip .ss-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 #sbs-strip .ss-row::-webkit-scrollbar{display:none}
 #sbs-strip .ss-row img{flex:0 0 auto;height:190px;width:auto;max-width:78vw;border-radius:12px;border:1px solid var(--br2,rgba(154,205,50,.22));scroll-snap-align:start;background:#050505}
}