/* ============================================================
   Helix Seven — Lab Panels page + panel detail pages (v18)
   All classes prefixed lx- · relies on tokens from product.css
   (labs.css is loaded AFTER product.css on lab pages)
   ============================================================ */

/* ---------- HERO ---------- */
.lx-hero{padding:clamp(28px,4.5vw,64px) 0 clamp(34px,5vw,70px);overflow:hidden}
.lx-hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,4.5vw,64px);align-items:center}
.lx-hero__chips{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.lx-hero__chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--label);font-weight:500;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:var(--pill);padding:7px 13px}
.lx-hero__chip svg{width:13px;height:13px;color:var(--forest)}
.lx-hero h1{font-family:var(--serif);font-weight:450;font-size:clamp(2.3rem,4.6vw,4rem);line-height:1.05;letter-spacing:-.018em;color:var(--ink);margin:6px 0 16px}
.lx-hero h1 em{font-style:italic;color:var(--forest);position:relative}
.lx-hero h1 em::after{content:"";position:absolute;left:-2%;right:-2%;bottom:.06em;height:.34em;background:var(--lime);opacity:.55;z-index:-1;border-radius:3px}
.lx-hero .lead{max-width:540px}
.lx-hero__checks{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0 4px}
.lx-hero__checks span{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:600;color:var(--ink-soft)}
.lx-hero__checks svg{width:15px;height:15px;color:var(--forest)}
.lx-hero__ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.lx-hero__stats{display:flex;gap:clamp(22px,3.4vw,48px);margin-top:clamp(22px,3vw,34px);padding-top:clamp(18px,2.4vw,26px);border-top:1px solid var(--line)}
.lx-hero__stat strong{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,2.4vw,2.1rem);color:var(--ink);line-height:1.1}
.lx-hero__stat span{font-size:.82rem;color:var(--muted);font-weight:600}

/* hero media + floating widgets */
.lx-hero__media{position:relative;min-height:clamp(380px,42vw,560px)}
.lx-hero__photo{position:absolute;inset:0;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 70px -30px rgba(12,52,44,.45)}
.lx-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.lx-hero__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,52,44,0) 55%,rgba(12,52,44,.35));pointer-events:none}
.lx-w{position:absolute;background:rgba(251,250,245,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--r-md);padding:13px 15px;box-shadow:0 18px 44px -18px rgba(12,52,44,.4);min-width:158px;transition:transform .28s var(--ease),box-shadow .28s var(--ease);will-change:transform;cursor:default}
.lx-w:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 26px 56px -18px rgba(12,52,44,.5);z-index:5}
.lx-w__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.lx-w__name{font-family:var(--label);font-weight:500;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lx-w__pill{font-family:var(--label);font-weight:500;font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:var(--forest);background:var(--lime-soft);border-radius:var(--pill);padding:3px 9px;white-space:nowrap}
.lx-w__val{font-family:var(--serif);font-weight:500;font-size:1.55rem;color:var(--ink);line-height:1}
.lx-w__val small{font-family:var(--sans);font-size:.68rem;color:var(--muted);font-weight:600;margin-left:3px}
.lx-w__bar{position:relative;height:4px;border-radius:4px;background:var(--cream-2);margin-top:9px;overflow:visible}
.lx-w__bar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:linear-gradient(90deg,var(--forest-2),var(--forest));width:0;transition:width 1.1s var(--ease)}
.lx-w__bar b{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:var(--forest);border:2px solid #fff;transform:translate(-50%,-50%);left:0;transition:left 1.1s var(--ease)}
.lx-w__spark{display:block;width:100%;height:30px;margin-top:6px}
.lx-w__spark polyline{fill:none;stroke:var(--forest-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220;transition:stroke-dashoffset 1.4s var(--ease) .2s}
.lx-hero__media.in .lx-w__spark polyline{stroke-dashoffset:0}
.lx-w--score{display:flex;align-items:center;gap:13px;min-width:190px}
.lx-ring{position:relative;width:66px;height:66px;flex:none}
.lx-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.lx-ring circle{fill:none;stroke-width:6;stroke-linecap:round}
.lx-ring .lx-ring__bg{stroke:var(--cream-2)}
.lx-ring .lx-ring__fg{stroke:var(--forest);stroke-dasharray:176;stroke-dashoffset:176;transition:stroke-dashoffset 1.3s var(--ease) .15s}
.lx-ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-weight:500;font-size:1.05rem;color:var(--ink)}
.lx-w--score p{font-size:.72rem;line-height:1.35;color:var(--muted);font-weight:600;margin:0}
.lx-w--score p strong{display:block;font-family:var(--label);font-weight:500;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:2px}
/* widget placement (desktop) */
.lx-w--t{top:6%;right:-4%}
.lx-w--glu{top:33%;left:-7%}
.lx-w--vd{bottom:26%;right:-6%}
.lx-w--crp{bottom:2%;right:8%}
.lx-w--score{bottom:9%;left:-8%}
@media(prefers-reduced-motion:no-preference){
  .lx-hero__media.in .lx-w{animation:lxFloat 7s ease-in-out infinite}
  .lx-hero__media.in .lx-w--glu{animation-delay:1.2s}
  .lx-hero__media.in .lx-w--vd{animation-delay:2.1s}
  .lx-hero__media.in .lx-w--crp{animation-delay:.6s}
  .lx-hero__media.in .lx-w--score{animation-delay:1.7s}
  .lx-hero__media.in .lx-w:hover{animation-play-state:paused}
}
@keyframes lxFloat{0%,100%{margin-top:0}50%{margin-top:-7px}}
.lx-hero__note{font-size:.72rem;color:var(--muted-2);text-align:right;margin-top:10px;font-style:italic}

/* ---------- SHARED SECTION HEAD ---------- */
.lx-head{text-align:center;max-width:760px;margin:0 auto clamp(26px,3.6vw,44px)}
.lx-head h2{font-family:var(--serif);font-weight:450;font-size:clamp(1.9rem,3.8vw,3.1rem);line-height:1.08;letter-spacing:-.015em;color:var(--ink);margin:14px 0 14px}
.lx-head h2 em{font-style:italic;color:var(--forest)}
.lx-head h2 .hl{background:linear-gradient(180deg,transparent 58%,var(--lime) 58%,var(--lime) 92%,transparent 92%)}
.lx-head .lead{margin:0 auto;max-width:620px}

/* ---------- BEFORE / AFTER ("Stop guessing. Start knowing.") ---------- */
.lx-ba__toggle{display:inline-flex;background:var(--cream-2);border-radius:var(--pill);padding:5px;gap:4px;margin:6px auto 0}
.lx-ba__toggle button{font-family:var(--sans);font-weight:700;font-size:.9rem;color:var(--muted);background:transparent;border:0;border-radius:var(--pill);padding:11px 22px;cursor:pointer;transition:all .25s var(--ease)}
.lx-ba__toggle button.is-on{background:var(--ink);color:var(--lime)}
.lx-ba__toggle button:not(.is-on):hover{color:var(--ink)}
.lx-ba__card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,3.4vw,42px);margin-top:clamp(22px,3vw,34px);box-shadow:0 26px 60px -34px rgba(12,52,44,.28)}
.lx-ba__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,38px) clamp(26px,4vw,56px)}
.lx-q__top{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.lx-q__top h3{font-size:1rem;font-weight:700;color:var(--ink)}
.lx-q__state{font-family:var(--label);font-weight:500;font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;color:var(--red);white-space:nowrap;transition:color .4s}
.lx-q__bar{position:relative;height:6px;border-radius:6px;background:var(--cream-2);margin:10px 0 11px;overflow:hidden}
.lx-q__bar i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:#C0654F;width:34%;transition:width .8s var(--ease),background .6s}
.lx-q p{font-size:.9rem;color:var(--muted);line-height:1.55;min-height:2.6em;margin:0;transition:opacity .3s}
.lx-ba__card.is-after .lx-q__state{color:var(--forest)}
.lx-ba__card.is-after .lx-q__bar i{background:var(--forest)}
.lx-ba__foot{text-align:center;font-size:.8rem;color:var(--muted-2);font-style:italic;margin-top:clamp(18px,2.6vw,28px)}
.lx-ba__card.is-swap .lx-q p{opacity:0}

/* ---------- MATCHER QUIZ (dark) ---------- */
.lx-mq{background:linear-gradient(160deg,#10231C,var(--forest-deep) 60%,#0A2A23);border-radius:var(--r-lg);padding:clamp(22px,3.6vw,44px);color:#EAF0EA;box-shadow:0 34px 80px -34px rgba(12,52,44,.65);position:relative;overflow:hidden}
.lx-mq::before{content:"";position:absolute;top:-140px;right:-140px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,231,127,.14),transparent 65%);pointer-events:none}
.lx-mq__bar{display:flex;align-items:center;gap:14px;margin-bottom:18px;min-height:32px}
.lx-mq__step{font-family:var(--label);font-weight:500;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(234,240,234,.55)}
.lx-mq__back{display:inline-flex;align-items:center;gap:7px;font-family:var(--label);font-weight:500;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#EAF0EA;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:var(--pill);padding:8px 14px;cursor:pointer;transition:background .2s}
.lx-mq__back:hover{background:rgba(255,255,255,.16)}
.lx-mq__back svg{width:12px;height:12px}
.lx-mq h3{font-family:var(--serif);font-weight:450;font-size:clamp(1.55rem,2.8vw,2.3rem);color:#F4F2E8;margin:0 0 20px;letter-spacing:-.01em}
.lx-mq__opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lx-mq__opt{display:flex;align-items:center;gap:14px;text-align:left;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:var(--r-md);padding:16px 18px;cursor:pointer;color:#EAF0EA;font-family:var(--sans);transition:all .22s var(--ease)}
.lx-mq__opt:hover{background:rgba(255,255,255,.11);border-color:rgba(255,231,127,.55);transform:translateY(-2px)}
.lx-mq__opt.is-wide{grid-column:1/-1}
.lx-mq__ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(255,231,127,.13);color:var(--lime)}
.lx-mq__ic svg{width:19px;height:19px}
.lx-mq__opt strong{display:block;font-size:.98rem;font-weight:700;color:#F4F2E8}
.lx-mq__opt span{display:block;font-size:.8rem;color:rgba(234,240,234,.6);margin-top:2px}
.lx-mq__pane{display:none}
.lx-mq__pane.is-on{display:block;animation:lxIn .4s var(--ease)}
@keyframes lxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* result */
.lx-mq__res{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.13);border-radius:var(--r-md);padding:clamp(20px,3vw,34px)}
.lx-mq__rec{display:inline-flex;align-items:center;gap:8px;font-family:var(--label);font-weight:500;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);border:1px solid rgba(255,231,127,.4);border-radius:var(--pill);padding:8px 15px;margin-bottom:16px}
.lx-mq__rec i{width:6px;height:6px;border-radius:50%;background:var(--lime);animation:lxPulse 1.6s infinite}
@keyframes lxPulse{0%,100%{opacity:1}50%{opacity:.3}}
.lx-mq__resTop{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.lx-mq__res h4{font-family:var(--serif);font-weight:450;font-size:clamp(1.7rem,3vw,2.5rem);color:#F4F2E8;margin:0 0 8px}
.lx-mq__res .lx-mq__desc{color:rgba(234,240,234,.72);font-size:.98rem;line-height:1.6;max-width:520px;margin:0 0 16px}
.lx-mq__price{text-align:right}
.lx-mq__price strong{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,3.4vw,2.8rem);color:#F4F2E8;line-height:1}
.lx-mq__price span{display:block;font-size:.76rem;color:rgba(234,240,234,.55);font-weight:600;margin-top:4px}
.lx-mq__see{font-family:var(--label);font-weight:500;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(234,240,234,.5);margin:2px 0 10px}
.lx-mq__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.lx-mq__chips span{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:600;color:#EAF0EA;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--pill);padding:6px 13px}
.lx-mq__chips i{width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none}
.lx-mq__ctas{display:flex;gap:12px;flex-wrap:wrap}
.lx-mq__go{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:800;font-size:.95rem;color:var(--ink);background:var(--lime);border:0;border-radius:var(--pill);padding:15px 26px;cursor:pointer;box-shadow:0 0 0 0 rgba(255,231,127,.5);transition:all .25s var(--ease)}
.lx-mq__go:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(255,231,127,.55)}
.lx-mq__go svg{width:16px;height:16px}
.lx-mq__alt{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:#EAF0EA;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--pill);padding:15px 24px;cursor:pointer;transition:background .2s}
.lx-mq__alt:hover{background:rgba(255,255,255,.14)}
.lx-mq__fine{font-size:.72rem;color:rgba(234,240,234,.45);margin-top:16px}

/* ---------- LIBRARY STRIP ---------- */
.lx-lib__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.lx-lib__tile{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:22px 20px;display:flex;flex-direction:column;gap:4px;transition:transform .25s var(--ease),box-shadow .25s var(--ease);text-decoration:none}
.lx-lib__tile:hover{transform:translateY(-5px);box-shadow:0 22px 44px -22px rgba(12,52,44,.35)}
.lx-lib__tile strong{font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,2.8vw,2.6rem);color:var(--ink);line-height:1}
.lx-lib__tile strong sup{font-size:.5em;top:-.55em;position:relative}
.lx-lib__lab{font-family:var(--label);font-weight:500;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:4px 0 8px}
.lx-lib__tile h3{font-size:.95rem;font-weight:700;color:var(--ink)}
.lx-lib__tile p{font-size:.78rem;color:var(--muted);line-height:1.45;margin:4px 0 0}
.lx-lib__badge{position:absolute;top:0;right:14px;background:var(--lime-soft);color:var(--ink);font-family:var(--label);font-weight:500;font-size:.54rem;letter-spacing:.13em;text-transform:uppercase;padding:5px 11px;border-radius:0 0 8px 8px}
.lx-lib__tile--hot{background:#FEFBEE;border-color:rgba(235,207,85,.6)}
.lx-lib__tile--dark{background:linear-gradient(155deg,#12251E,var(--forest-deep));border-color:transparent}
.lx-lib__tile--dark strong{color:var(--lime)}
.lx-lib__tile--dark .lx-lib__lab{color:rgba(234,240,234,.55)}
.lx-lib__tile--dark h3{color:#F4F2E8}
.lx-lib__tile--dark p{color:rgba(234,240,234,.6)}
.lx-lib__tile--dark .lx-lib__badge{background:var(--lime);color:var(--ink)}
.lx-lib__cta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;background:var(--lime-soft);border:1px solid rgba(235,207,85,.5);border-radius:var(--r-md);padding:16px 22px;margin-top:20px;font-size:.95rem;color:var(--ink-soft)}
.lx-lib__cta a{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:var(--ink)}
.lx-lib__cta a svg{width:15px;height:15px;transition:transform .2s}
.lx-lib__cta a:hover svg{transform:translateY(2px)}

/* ---------- DARK PANEL CARDS ---------- */
.lx-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lx-c{position:relative;display:flex;flex-direction:column;background:linear-gradient(165deg,#13261F,#0E211B 55%,var(--forest-deep));border-radius:var(--r-md);padding:20px;color:#EAF0EA;overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s var(--ease)}
.lx-c:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 30px 60px -26px rgba(12,52,44,.7)}
.lx-c__tag{font-family:var(--label);font-weight:500;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(234,240,234,.5);margin-bottom:9px}
.lx-c__tag--pop{display:inline-block;background:var(--lime);color:var(--ink);border-radius:var(--pill);padding:5px 11px;width:max-content}
.lx-c h3{font-family:var(--serif);font-weight:500;font-size:1.28rem;color:#F4F2E8;margin:0 0 8px;letter-spacing:-.01em}
.lx-c__desc{font-size:.82rem;color:rgba(234,240,234,.62);line-height:1.55;margin:0 0 16px}
.lx-c__w{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;margin-bottom:16px}
.lx-c__wTop{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lx-c__wName{font-family:var(--label);font-weight:500;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(234,240,234,.5)}
.lx-c__wPill{display:inline-flex;align-items:center;gap:5px;font-family:var(--label);font-weight:500;font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:#9FE8B7}
.lx-c__wPill i{width:5px;height:5px;border-radius:50%;background:#9FE8B7}
.lx-c__wVal{font-family:var(--serif);font-weight:500;font-size:1.6rem;color:#F4F2E8;line-height:1.15;margin-top:2px}
.lx-c__wVal small{font-family:var(--sans);font-size:.62rem;color:rgba(234,240,234,.5);font-weight:600;margin-left:3px}
.lx-c__wBar{position:relative;height:3px;border-radius:3px;background:rgba(255,255,255,.14);margin-top:10px}
.lx-c__wBar i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#4A9E40,#9FE8B7);width:0;transition:width 1.1s var(--ease)}
.lx-c__wBar b{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:#F4F2E8;transform:translate(-50%,-50%);left:0;transition:left 1.1s var(--ease)}
.lx-c__price{font-family:var(--serif);font-weight:500;font-size:1.9rem;color:#F4F2E8;margin-top:auto}
.lx-c__price span{font-family:var(--sans);font-size:.72rem;color:rgba(234,240,234,.5);font-weight:600;margin-left:4px}
.lx-c__btns{display:flex;gap:9px;margin-top:14px}
.lx-c__more{flex:1;text-align:center;font-weight:700;font-size:.82rem;color:#EAF0EA;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--pill);padding:11px 10px;transition:background .2s}
.lx-c__more:hover{background:rgba(255,255,255,.15)}
.lx-c__order{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:.82rem;color:var(--ink);background:var(--lime);border-radius:var(--pill);padding:11px 10px;transition:all .22s var(--ease)}
.lx-c__order:hover{box-shadow:0 8px 24px -8px rgba(255,231,127,.6);transform:translateY(-1px)}
.lx-c__order svg{width:13px;height:13px}
.lx-c--flag{background:linear-gradient(160deg,#0E211B,#071D17);border:1px solid rgba(255,231,127,.35)}
.lx-cards+.t7-note{margin-top:16px}

/* ---------- COMPARE TABLE ---------- */
.lx-tbl{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:0 24px 56px -34px rgba(12,52,44,.3)}
.lx-tbl__row{display:grid;grid-template-columns:2.1fr 1.6fr .9fr 56px;align-items:center;gap:14px;padding:16px 22px;border-top:1px solid var(--line-2);text-decoration:none;transition:background .18s}
.lx-tbl__row:first-child{border-top:0}
a.lx-tbl__row:hover{background:var(--lime-soft)}
.lx-tbl__hd{font-family:var(--label);font-weight:500;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);background:var(--cream)}
.lx-tbl__name{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink);font-size:.98rem}
.lx-tbl__bdg{font-family:var(--label);font-weight:500;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;background:var(--lime-soft);color:var(--forest);border-radius:var(--pill);padding:4px 10px;white-space:nowrap}
.lx-tbl__bdg--dark{background:var(--ink);color:var(--lime)}
.lx-tbl__for{font-size:.88rem;color:var(--muted)}
.lx-tbl__price{font-weight:800;color:var(--ink);text-align:right;font-size:.98rem;white-space:nowrap}
.lx-tbl__arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--cream-2);color:var(--ink);justify-self:end;transition:all .2s var(--ease)}
.lx-tbl__arrow svg{width:15px;height:15px}
a.lx-tbl__row:hover .lx-tbl__arrow{background:var(--ink);color:var(--lime);transform:translateX(3px)}
.lx-tbl__foot{text-align:center;font-size:.78rem;color:var(--muted-2);margin-top:14px}

/* ---------- RANGES EXPLORER ---------- */
.lx-rng{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,3.4vw,42px);box-shadow:0 26px 60px -34px rgba(12,52,44,.28)}
.lx-rng__tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:clamp(20px,3vw,32px)}
.lx-rng__tab{font-family:var(--sans);font-weight:700;font-size:.88rem;color:var(--ink-soft);background:var(--white);border:1px solid var(--line);border-radius:var(--pill);padding:10px 20px;cursor:pointer;transition:all .22s var(--ease)}
.lx-rng__tab:hover{border-color:var(--ink)}
.lx-rng__tab.is-on{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.lx-rng__grid{display:grid;grid-template-columns:.9fr 1.4fr;gap:clamp(24px,4vw,54px);align-items:start}
.lx-rng__mkr{display:inline-flex;align-items:center;gap:8px;font-family:var(--label);font-weight:500;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--forest)}
.lx-rng__mkr i{width:6px;height:6px;border-radius:50%;background:var(--forest)}
.lx-rng__val{font-family:var(--serif);font-weight:500;font-size:clamp(3.2rem,6vw,4.6rem);line-height:1;color:var(--ink);margin:10px 0 6px}
.lx-rng__val small{font-family:var(--sans);font-size:.28em;color:var(--muted);font-weight:700;margin-left:6px}
.lx-rng__band{display:inline-flex;align-items:center;gap:8px;font-family:var(--label);font-weight:500;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);background:var(--cream-2);border-radius:var(--pill);padding:8px 15px;margin:4px 0 14px}
.lx-rng__band i{width:7px;height:7px;border-radius:50%;background:var(--forest)}
.lx-rng__txt{font-size:.95rem;color:var(--muted);line-height:1.6;min-height:4.2em;margin:0}
.lx-rng__sliderTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.lx-rng__sliderTop b{font-weight:800;color:var(--ink);font-size:.95rem}
.lx-rng__live{font-family:var(--serif);font-weight:500;font-size:1.5rem;color:var(--ink)}
.lx-rng__live small{font-family:var(--sans);font-size:.55em;color:var(--muted);font-weight:600;margin-left:2px}
.lx-rng__track{position:relative;margin:12px 0 6px}
.lx-rng__seg{display:flex;height:7px;border-radius:7px;overflow:hidden}
.lx-rng__seg i{height:100%}
.lx-rng input[type=range]{-webkit-appearance:none;appearance:none;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:100%;height:30px;background:transparent;margin:0;cursor:pointer}
.lx-rng input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:0 3px 10px rgba(12,52,44,.35);cursor:grab;transition:transform .15s}
.lx-rng input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.12)}
.lx-rng input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:0 3px 10px rgba(12,52,44,.35);cursor:grab}
.lx-rng__minmax{display:flex;justify-content:space-between;font-size:.74rem;color:var(--muted-2);font-weight:600;margin-top:2px}
.lx-rng__legend{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}
.lx-rng__lg{border-radius:10px;padding:10px 9px;text-align:center;border:1px solid var(--line-2);background:var(--cream);transition:all .25s var(--ease)}
.lx-rng__lg b{display:block;font-family:var(--label);font-weight:500;font-size:.52rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);line-height:1.35}
.lx-rng__lg span{display:block;font-size:.72rem;color:var(--muted);font-weight:700;margin-top:3px}
.lx-rng__lg.is-on{background:var(--ink);border-color:var(--ink);transform:translateY(-3px)}
.lx-rng__lg.is-on b,.lx-rng__lg.is-on span{color:var(--lime)}
.lx-rng__fine{font-size:.74rem;color:var(--muted-2);font-style:italic;margin-top:14px}

/* ---------- PANEL DETAIL PAGES ---------- */
.lx-ph{padding:clamp(28px,4.5vw,60px) 0 clamp(30px,4vw,54px)}
.lx-ph__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4.5vw,64px);align-items:center}
.lx-ph h1{font-family:var(--serif);font-weight:450;font-size:clamp(2.2rem,4.4vw,3.7rem);line-height:1.06;letter-spacing:-.018em;color:var(--ink);margin:8px 0 14px}
.lx-ph h1 em{font-style:italic;color:var(--forest)}
.lx-ph .lead{max-width:520px}
.lx-ph__price{display:flex;align-items:baseline;gap:10px;margin:16px 0 4px}
.lx-ph__price strong{font-family:var(--serif);font-weight:500;font-size:clamp(2.2rem,3.6vw,3rem);color:var(--ink)}
.lx-ph__price span{font-size:.86rem;color:var(--muted);font-weight:600}
.lx-ph__card{background:linear-gradient(160deg,#12251E,var(--forest-deep));border-radius:var(--r-lg);padding:clamp(22px,3vw,34px);color:#EAF0EA;box-shadow:0 30px 70px -30px rgba(12,52,44,.6)}
.lx-ph__card h3{font-family:var(--label);font-weight:500;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(234,240,234,.55);margin:0 0 14px}
.lx-ph__list{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0 0 6px;padding:0;list-style:none}
.lx-ph__list li{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:600;color:#EAF0EA}
.lx-ph__list li i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--lime)}
.lx-ph__fine{font-size:.72rem;color:rgba(234,240,234,.45);margin-top:14px}
.lx-who__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:980px){.lx-ph__grid{grid-template-columns:1fr}.lx-ph__list{grid-template-columns:1fr 1fr}.lx-who__grid{grid-template-columns:1fr}}
@media(max-width:560px){.lx-ph__list{grid-template-columns:1fr}}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1100px){
  .lx-cards{grid-template-columns:repeat(2,1fr)}
  .lx-lib__grid{grid-template-columns:repeat(3,1fr)}
  .lx-w{min-width:140px;padding:11px 12px}
  .lx-w--t{right:0}.lx-w--vd{right:0}.lx-w--glu{left:-2%}.lx-w--score{left:-2%}
}
@media(max-width:980px){
  .lx-hero__grid{grid-template-columns:1fr;gap:34px}
  .lx-hero__media{min-height:clamp(340px,60vw,480px)}
  .lx-rng__grid{grid-template-columns:1fr;gap:26px}
  .lx-rng__txt{min-height:0}
  .lx-ba__grid{grid-template-columns:1fr}
  .lx-q p{min-height:0}
  .lx-mq__opts{grid-template-columns:1fr}
  .lx-tbl__row{grid-template-columns:1.8fr 1.2fr .8fr 44px;padding:14px 16px}
}
@media(max-width:680px){
  .lx-cards{grid-template-columns:1fr}
  .lx-lib__grid{grid-template-columns:repeat(2,1fr)}
  .lx-hero__stats{flex-wrap:wrap;gap:18px 28px}
  .lx-rng__legend{grid-template-columns:repeat(2,1fr)}
  .lx-rng__legend .lx-rng__lg:last-child{grid-column:1/-1}
  .lx-tbl__row{grid-template-columns:1.6fr .8fr 40px}
  .lx-tbl__for{display:none}
  .lx-tbl__hd .lx-tbl__for{display:none}
  .lx-w{min-width:122px;padding:9px 11px}
  .lx-w__val{font-size:1.25rem}
  .lx-w--crp{display:none}
  .lx-w--t{top:3%;right:-2%}.lx-w--glu{top:30%;left:-3%}.lx-w--vd{bottom:22%;right:-3%}.lx-w--score{bottom:4%;left:-3%;min-width:170px}
  .lx-mq__resTop{flex-direction:column}
  .lx-mq__price{text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .lx-w,.lx-c,.lx-lib__tile{transition:none;animation:none!important}
  .lx-w__bar i,.lx-w__bar b,.lx-c__wBar i,.lx-c__wBar b,.lx-ring .lx-ring__fg,.lx-w__spark polyline{transition:none}
}

/* anchor offsets for sticky header + subnav */
#match,#ranges,#library,#compare,#knowing,#who,#measured{scroll-margin-top:136px}