/* VOLIQA V445 — canonical public template completion.
 * Rule: all major public section headings consume the MOST IMPORTANT MOVE culture.
 * Mobile surfaces consume one gutter/rhythm system; no component-specific width drift.
 */
:root{
  --vlq-mobile-gutter:12px;
  --vlq-section-gap:24px;
  --vlq-panel-gap:12px;
  --vlq-heading-shadow:0 0 8px rgba(72,227,255,.58),0 0 18px rgba(45,221,255,.22);
  --vlq-kicker-shadow:0 0 7px rgba(75,227,255,.72),0 0 15px rgba(45,221,255,.26);
}
/* One heading culture — exactly the MIM visual language. */
body.v13 :is(
  .v253-scanner-top h2,.v254-section-head h2,.v291-move-top h2,
  #pattern-lab .v254-section-head h2,.v388-live-candidates-heading h3,
  .v255-roadmap h2,.v318-scanner-roadmap h2,#experiment-lab-preview .v437-el-title
){
  color:#f2fdff!important;font-weight:950!important;letter-spacing:-.025em!important;
  text-shadow:var(--vlq-heading-shadow)!important;
  -webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;
}
body.v13 :is(
  .v253-scanner-top small,.v254-section-head small,.v291-move-top small,
  #pattern-lab .v254-section-head small,.v388-live-candidates-heading small,
  .v255-roadmap-head>small,.v318-scanner-roadmap-head>small,#experiment-lab-preview .v437-el-kicker
){
  color:#4be3ff!important;font-weight:900!important;letter-spacing:1.6px!important;
  text-shadow:var(--vlq-kicker-shadow)!important;
}
/* Heading then cyan kicker everywhere, including legacy markup where small comes first. */
body.v13 :is(.v254-section-head>div,.v388-live-candidates-heading){display:flex!important;flex-direction:column!important;align-items:flex-start!important}
body.v13 .v254-section-head>div>h2,body.v13 .v388-live-candidates-heading>h3{order:1!important}
body.v13 .v254-section-head>div>small,body.v13 .v388-live-candidates-heading>small{order:2!important}
body.v13 .v388-live-candidates-heading>p{order:3!important}
/* Avoid oversized/soft heading variants: inherit the established MIM scale. */
body.v13 .v388-live-candidates-heading>h3{font-size:clamp(28px,3.2vw,46px)!important;line-height:1.02!important;margin:0 0 7px!important}
body.v13 .v388-live-candidates-heading>small{margin:0 0 12px!important}

@media(max-width:760px){
  /* Canonical phone rhythm. Major surfaces use the same width and edge axis. */
  body.v13 .v253-home{padding-left:var(--vlq-mobile-gutter)!important;padding-right:var(--vlq-mobile-gutter)!important}
  body.v13 :is(.v253-scanner-shell,.v256-results,.v272-public-pattern,.v303-move,.v398-live-candidates){
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin-left:0!important;margin-right:0!important;margin-bottom:var(--vlq-section-gap)!important;
    box-sizing:border-box!important;
  }
  body.v13 :is(.v253-scanner-shell,.v256-results,.v272-public-pattern,.v303-move,.v398-live-candidates) :is(
    .v409-text-note.v257-confirm-rule,.v410-status-note,.v282-pattern-note,.v253-disclaimer
  ){width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
  /* Same vertical rhythm between panel children. */
  body.v13 :is(.v253-scanner-shell,.v256-results,.v272-public-pattern,.v303-move,.v398-live-candidates) > * + *{margin-top:var(--vlq-panel-gap)!important}
  /* Keep summary grids compact. The fifth Pattern Lab state spans both columns but its value stays one line. */
  body.v13 .v342-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin:12px 0!important}
  body.v13 .v342-summary>div{padding:10px 8px!important;min-height:66px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  body.v13 .v342-summary>div:last-child{grid-column:1/-1!important}
  body.v13 .v342-summary .v342-data-state{white-space:nowrap!important;font-size:18px!important;line-height:1.08!important}
  /* Headings: same hierarchy, phone-safe size, crisp enough to retain letter edges. */
  body.v13 :is(.v253-scanner-top h2,.v254-section-head h2,.v291-move-top h2,#pattern-lab .v254-section-head h2,.v388-live-candidates-heading h3){
    font-size:clamp(30px,9.2vw,42px)!important;line-height:1.02!important;margin-bottom:6px!important;
  }
  body.v13 :is(.v253-scanner-top small,.v254-section-head small,.v291-move-top small,#pattern-lab .v254-section-head small,.v388-live-candidates-heading small){
    font-size:11px!important;line-height:1.25!important;margin-bottom:10px!important;
  }
}
@media(max-width:390px){
  :root{--vlq-mobile-gutter:10px;--vlq-section-gap:20px;--vlq-panel-gap:10px}
  body.v13 .v342-summary .v342-data-state{font-size:17px!important}
}

/* V446 — canonical mobile surface + table system.
 * LIVE PATTERN LAB is the reference geometry for scanner/results/pattern tables.
 */
@media(max-width:760px){
  :root{--vlq-mobile-gutter:12px;--vlq-section-gap:28px;--vlq-panel-gap:12px;--vlq-card-radius:18px}

  /* One exact mobile content axis. No nested component may invent its own outer width. */
  body.v13 .v253-home>.wrap.v253-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
  body.v13 .v403-restored-surface{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
  body.v13 :is(.v306-move-placement,.v403-restored-surface,#pattern-lab,.v256-status-section,.v353-howto,.v255-roadmap,.v318-scanner-roadmap,#experiment-lab-preview){
    width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
  }
  body.v13 :is(.v253-scanner-shell,.v256-results,.v272-public-pattern,.v303-move,.v398-live-candidates,.v256-status-section,.v255-roadmap,.v318-scanner-roadmap,#experiment-lab-preview){
    border-radius:var(--vlq-card-radius)!important;
  }

  /* One heading stack: white title, cyan subtitle, identical spacing. */
  body.v13 :is(.v253-scanner-top>div:first-child,.v254-section-head>div,.v291-move-top,.v388-live-candidates-heading,.v255-roadmap-head,.v318-scanner-roadmap-head,#experiment-lab-preview .v437-el-head){
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;
  }
  body.v13 :is(.v253-scanner-top h2,.v254-section-head h2,.v291-move-top h2,.v388-live-candidates-heading h3,.v255-roadmap h2,.v318-scanner-roadmap h2,#experiment-lab-preview .v437-el-title){
    font-size:clamp(30px,8.5vw,40px)!important;line-height:1.02!important;margin:0 0 7px!important;letter-spacing:-.025em!important;
  }
  body.v13 :is(.v253-scanner-top small,.v254-section-head small,.v291-move-top small,.v388-live-candidates-heading small,.v255-roadmap-head>small,.v318-scanner-roadmap-head>small,#experiment-lab-preview .v437-el-kicker){
    font-size:11px!important;line-height:1.25!important;margin:0 0 12px!important;letter-spacing:1.6px!important;
  }

  /* Canonical Pattern-Lab table geometry, applied to all primary data tables. */
  body.v13 :is(.v253-table,.v256-results-shell,.v341-case-study-table){
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
    overflow:hidden!important;border:1px solid rgba(61,190,224,.20)!important;border-radius:16px!important;background:rgba(2,20,29,.34)!important;box-sizing:border-box!important;
  }
  body.v13 :is(.v253-row,.v256-results-head,.v256-result-row,.v341-case-row){
    width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
    min-height:58px!important;padding:0 10px!important;border-bottom:1px solid rgba(82,151,180,.14)!important;align-items:center!important;
  }
  body.v13 :is(.v253-table-head,.v256-results-head,.v341-case-head){
    min-height:58px!important;background:rgba(9,35,45,.34)!important;
  }
  body.v13 .v253-row{display:grid!important;grid-template-columns:.72fr .78fr .95fr 1.12fr!important;gap:7px!important}
  body.v13 .v256-results-head,body.v13 .v256-result-row{display:grid!important;grid-template-columns:.62fr .72fr .86fr 1fr .86fr!important;gap:6px!important}
  body.v13 #pattern-lab .v341-case-row{display:grid!important;grid-template-columns:1.12fr .82fr 1.02fr 1.20fr!important;gap:7px!important}
  body.v13 :is(.v253-table-head,.v256-results-head,.v341-case-head)>span{
    min-width:0!important;font-size:9px!important;line-height:1.12!important;letter-spacing:1.25px!important;font-weight:850!important;color:#8fa6b4!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  body.v13 :is(.v253-row,.v256-result-row,.v341-case-row)>*{min-width:0!important}
  body.v13 :is(.v253-row,.v256-result-row,.v341-case-row) :is(b,span){font-size:11px!important}
  body.v13 #pattern-lab .v341-table-badge{max-width:100%!important;min-width:0!important;width:auto!important;padding:8px 5px!important;font-size:9px!important;line-height:1.05!important;white-space:normal!important;text-align:center!important;box-sizing:border-box!important}
  body.v13 .v253-row :is(.status,.v253-status,[class*="status"]){max-width:100%!important;min-width:0!important;box-sizing:border-box!important}

  /* Internal notes/cards follow the same width and vertical rhythm. */
  body.v13 :is(.v253-scanner-shell,.v256-results,#pattern-lab,.v303-move,.v398-live-candidates) :is(.v409-text-note,.v410-status-note,.v282-pattern-note,.v253-disclaimer,.v256-method-note){
    width:100%!important;max-width:100%!important;margin:12px 0 0!important;box-sizing:border-box!important;border-radius:16px!important;
  }
  body.v13 :is(.v253-scanner-shell,.v256-results,#pattern-lab,.v303-move,.v398-live-candidates)>*+*{margin-top:12px!important}

  /* Prevent the Experiment Lab from becoming a narrower nested island. */
  body.v13 #experiment-lab-preview{padding-left:20px!important;padding-right:20px!important}
  body.v13 #experiment-lab-preview .v437-el-grid{width:100%!important;max-width:100%!important;grid-template-columns:1fr!important;gap:10px!important}
  body.v13 #experiment-lab-preview .v437-el-grid>*{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
}

/* V447 — UX CONSOLIDATION. Pattern Lab is the canonical public data-surface template. */
:root{--vlq-v447-gap:12px;--vlq-v447-radius:18px;--vlq-v447-border:rgba(61,190,224,.22);--vlq-v447-panel:rgba(2,20,29,.34)}
body.v13 :is(.v253-table,.v256-results-shell,.v341-case-study-table){border:1px solid var(--vlq-v447-border)!important;border-radius:var(--vlq-v447-radius)!important;background:var(--vlq-v447-panel)!important;overflow:hidden!important}
body.v13 :is(.v253-table-head,.v256-results-head,.v341-case-head){background:rgba(9,35,45,.34)!important;color:#8fa6b4!important;font-weight:900!important;letter-spacing:1.15px!important}
body.v13 :is(.v253-data-row,.v256-result-row,.v341-case-row){border-bottom:1px solid rgba(82,151,180,.14)!important}
body.v13 :is(.v253-scanner-shell,.v256-results,.v272-public-pattern,.v398-live-candidates) :is(.v253-disclaimer,.v256-method-note,.v282-pattern-note,.v409-text-note,.v410-status-note){border-radius:16px!important}
@media(max-width:760px){
 body.v13 .v253-home{padding-left:12px!important;padding-right:12px!important}
 body.v13 :is(.v306-move-placement,.v403-restored-surface,#pattern-lab,.v256-status-section,.v353-howto,.v255-roadmap,.v318-scanner-roadmap,#experiment-lab-preview){width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
 body.v13 :is(.v253-scanner-shell,.v256-results,.v272-public-pattern,.v303-move,.v398-live-candidates,#experiment-lab-preview){width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
 body.v13 :is(.v253-table,.v256-results-shell,.v341-case-study-table){width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
 body.v13 :is(.v253-row,.v256-results-head,.v256-result-row,.v341-case-row){min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-height:58px!important;padding:0 9px!important}
 body.v13 .v256-table .v253-row{grid-template-columns:.78fr .9fr .9fr 1.15fr!important;gap:4px!important}
 body.v13 .v256-results-head,body.v13 .v256-result-row{grid-template-columns:.72fr .82fr .82fr 1.05fr 1fr!important;gap:4px!important}
 body.v13 #pattern-lab .v341-case-row{grid-template-columns:1.05fr .78fr 1fr 1.22fr!important;gap:5px!important}
 body.v13 :is(.v253-table-head,.v256-results-head,.v341-case-head)>*{font-size:9px!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:anywhere!important}
 body.v13 :is(.v253-data-row,.v256-result-row,.v341-case-row)>*{min-width:0!important}
 body.v13 :is(.v253-scanner-shell,.v256-results,#pattern-lab,.v303-move,.v398-live-candidates)>*+*{margin-top:var(--vlq-v447-gap)!important}
 body.v13 #experiment-lab-preview{padding:22px 12px!important}
 body.v13 #experiment-lab-preview .v437-el-grid{gap:var(--vlq-v447-gap)!important}
 body.v13 #experiment-lab-preview .v437-el-grid>*{margin:0!important}
}