/* VOLIQA V453 — CANONICAL UI COMPONENT SYSTEM
Authoritative public UI layer.
References: heading=MOST IMPORTANT MOVE; data surface=LIVE PATTERN LAB; modal=ABOUT.
Header/navigation and desktop/mobile footer are locked and intentionally excluded. */
:root{
 --vlq-ui-max:1280px;--vlq-ui-gutter:20px;--vlq-ui-section-gap:32px;
 --vlq-ui-panel-gap:14px;--vlq-ui-panel-pad:26px;--vlq-ui-radius:20px;
 --vlq-ui-inner-radius:16px;--vlq-ui-border:rgba(61,190,224,.22);
 --vlq-ui-bg:rgba(2,20,29,.38);--vlq-ui-bg-strong:rgba(4,25,35,.48);
 --vlq-ui-title-size:clamp(34px,3.15vw,50px);--vlq-ui-title-mobile:clamp(30px,8.5vw,40px);
 --vlq-ui-kicker-size:12px;--vlq-ui-copy-size:15px;--vlq-ui-copy-mobile:14px;
 --vlq-ui-text:#f1fbff;--vlq-ui-muted:#8fa6b3;--vlq-ui-cyan:#39dcff;
}
body.v13 .vlq-ui-container{width:100%!important;max-width:var(--vlq-ui-max)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
body.v13 .vlq-ui-section{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
body.v13 .vlq-ui-panel{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;border-radius:var(--vlq-ui-radius)!important}
body.v13 .vlq-ui-section>.vlq-ui-container>.vlq-ui-panel,body.v13 .vlq-ui-section>.vlq-ui-panel{width:100%!important}
body.v13 .vlq-ui-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;min-width:0!important;box-sizing:border-box!important}
body.v13 .vlq-ui-head .vlq-ui-title,body.v13 .vlq-ui-title{color:var(--vlq-ui-text)!important;font-size:var(--vlq-ui-title-size)!important;line-height:1.01!important;letter-spacing:-.025em!important;font-weight:950!important;margin:0 0 7px!important}
body.v13 .vlq-ui-head .vlq-ui-kicker,body.v13 .vlq-ui-kicker{color:var(--vlq-ui-cyan)!important;font-size:var(--vlq-ui-kicker-size)!important;line-height:1.25!important;letter-spacing:1.8px!important;font-weight:900!important;margin:0 0 12px!important;text-transform:uppercase}
body.v13 .vlq-ui-copy{color:var(--vlq-ui-muted)!important;font-size:var(--vlq-ui-copy-size)!important;line-height:1.58!important}
body.v13 .vlq-ui-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;box-sizing:border-box!important;border-radius:10px!important;white-space:nowrap!important}
body.v13 .vlq-ui-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;white-space:nowrap!important}
body.v13 .vlq-ui-metric{min-width:0!important;box-sizing:border-box!important}
/* Canonical table shell geometry. Column models may differ by dataset. */
body.v13 :is(.v253-table,.v256-results-shell,.v341-case-study-table,.v339-move-table,.v272-public-pattern-table,.v398-live-candidates-table,[class*="table-shell"]){
 width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
 border:1px solid var(--vlq-ui-border)!important;border-radius:var(--vlq-ui-inner-radius)!important;background:var(--vlq-ui-bg)!important
}
body.v13 :is(.v409-text-note,.v410-status-note,.v282-pattern-note,.v253-disclaimer,.v256-method-note,.v257-confirm-rule){
 width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:var(--vlq-ui-inner-radius)!important
}
/* Experiment Lab uses the common axis and typography. */
body.v13 #experiment-lab-preview,body.v13 #experiment-lab-preview>.vlq-ui-container,body.v13 #experiment-lab-preview .v437-el-panel,
body.v13 #experiment-lab-preview .v449-el-overview,body.v13 #experiment-lab-preview .v449-el-models,body.v13 #experiment-lab-preview .v450-el-token-card{
 width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important
}
body.v13 #experiment-lab-preview .v437-el-panel{padding:var(--vlq-ui-panel-pad)!important;border-radius:var(--vlq-ui-radius)!important}
body.v13 #experiment-lab-preview .v437-el-title{color:var(--vlq-ui-text)!important;font-size:var(--vlq-ui-title-size)!important;line-height:1.01!important;letter-spacing:-.025em!important;font-weight:950!important;margin:0 0 7px!important}
body.v13 #experiment-lab-preview .v437-el-kicker{color:var(--vlq-ui-cyan)!important;font-size:var(--vlq-ui-kicker-size)!important;line-height:1.25!important;letter-spacing:1.8px!important;font-weight:900!important;margin:0 0 12px!important}
@media(max-width:760px){
 :root{--vlq-ui-gutter:12px;--vlq-ui-section-gap:28px;--vlq-ui-panel-gap:12px;--vlq-ui-panel-pad:12px}
 body.v13 .v253-home{padding-left:var(--vlq-ui-gutter)!important;padding-right:var(--vlq-ui-gutter)!important;box-sizing:border-box!important}
 body.v13 .vlq-ui-container,body.v13 .vlq-ui-section{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
 body.v13 .vlq-ui-panel{max-width:100%!important;min-width:0!important}
 body.v13 .vlq-ui-head .vlq-ui-title,body.v13 .vlq-ui-title,body.v13 #experiment-lab-preview .v437-el-title{font-size:var(--vlq-ui-title-mobile)!important;line-height:1.02!important;margin:0 0 7px!important}
 body.v13 .vlq-ui-head .vlq-ui-kicker,body.v13 .vlq-ui-kicker,body.v13 #experiment-lab-preview .v437-el-kicker{font-size:11px!important;line-height:1.25!important;letter-spacing:1.6px!important;margin:0 0 12px!important}
 body.v13 .vlq-ui-copy{font-size:var(--vlq-ui-copy-mobile)!important;line-height:1.55!important}
 body.v13 #experiment-lab-preview .v437-el-panel{padding:var(--vlq-ui-panel-pad)!important}
 body.v13 .v339-move-table:after{content:none!important;display:none!important}
 body.v13 .v339-move-table .v339-analysis-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:68px!important;min-height:38px!important;padding:9px 11px!important;border-radius:10px!important;box-sizing:border-box!important;white-space:nowrap!important}
}
@media(max-width:390px){:root{--vlq-ui-gutter:10px;--vlq-ui-section-gap:24px;--vlq-ui-panel-pad:10px}}