/* Page styles (see lib/site-assets.ts) */
.reveal{position:relative;width:min(100%, calc((100vh - 380px) * 1.727));margin-left:auto;border-radius:18px;overflow:hidden;background:var(--ink);aspect-ratio:1629/943;max-width:100%;user-select:none;touch-action:pan-y;border:1px solid var(--line-d)}
.handle{position:absolute;top:0;bottom:0;left:var(--x,100%);width:0;z-index:3;pointer-events:none}
.handle::before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--red)}
.handle span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--red);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:auto;cursor:ew-resize}
#u6 .reveal,
#platform-pages .reveal{width:1200px;margin:0 auto;border:0;border-radius:16px;background:#F7F8FA;box-shadow:none}
#u6 .handle::before,
#platform-pages .handle::before{width:2px;left:-1px}
#u6 .handle span,
#platform-pages .handle span{color:#fff}
#u6 .reveal,

#platform-pages .reveal{width:100%;max-width:1200px}
@media (max-width:899px){
#u6 .handle span,
  #platform-pages .handle span{width:36px;height:36px;font-size:14px}
}
#platform-pages .reveal{aspect-ratio:1629/943;background:#F7F8FA}
#platform-pages .handle{z-index:4}
@media (max-width:999px){
#platform-pages .reveal{aspect-ratio:auto;height:min(120vw,620px)}
}
#u6 .reveal,#platform-pages .reveal{border-radius:8px!important;overflow:hidden!important}