/* Page styles (see lib/site-assets.ts) */
.found{border:2px solid var(--red);background:rgba(245,69,92,.12);border-radius:12px;padding:clamp(8px,1vw,14px);display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,18px);align-items:center}
.found b{display:block;font-size:clamp(11px,1.05vw,16px)}
.found span{font-size:clamp(9px,.8vw,13px);color:var(--muted-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 .handle::before,
#platform-pages .handle::before{width:2px;left:-1px}
#u6 .handle span,
#platform-pages .handle span{color:#fff}
@media (max-width:899px){
#u6 .handle span,
  #platform-pages .handle span{width:36px;height:36px;font-size:14px}
}
.vox{position:relative;overflow:hidden;background:var(--ink-deep);color:var(--paper);padding:clamp(72px,9vw,120px) var(--gut)}
.vox h2{color:var(--paper)!important;font-size:clamp(30px,3.4vw,48px)!important;line-height:1.08!important}
.vox{background:var(--ink)!important;padding:clamp(80px,9vw,128px) var(--gut)!important}
html.vanim .vox:not(.in) .vq,html.vanim .vox:not(.in) .vs{opacity:0;transform:translateY(20px)}
html.vanim .vox .vq,html.vanim .vox .vs{transition:opacity .8s cubic-bezier(.2,.7,.2,1) calc(var(--i,0) * 120ms),transform .8s cubic-bezier(.2,.7,.2,1) calc(var(--i,0) * 120ms)}
.vox .readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--red);background:rgba(15,17,20,.6)}
.vox .readout+.illus{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--faint-d)}
@media (max-width:1100px){
.vox .readout{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){
.vox .readout{grid-template-columns:1fr}
}
html.vanim .vox .readout{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
html.vanim .vox:not(.in) .readout{opacity:0;transform:translateY(20px)}
section.pd,section.tc,section.vox{display:flex!important;flex-direction:column;justify-content:center}
#platform-pages .handle{z-index:4}
section.vox{position:relative;background:radial-gradient(1100px 600px at 85% 0%,rgba(245,69,92,.10),transparent 60%),#171A1F!important}
section.vox{border-bottom:0!important;box-shadow:none!important}
