/* Лаборатория: рисунок и график в центральной карточке, страница разделов. Каркас панели берётся из tool-console.css. */
main>section.lab-hero{max-width:1320px;margin:0 auto;padding:clamp(100px,12vh,128px) var(--hv-gut) 22px}
.lab-hero h1{font:500 clamp(36px,4.2vw,62px)/.98 var(--hv-sans);letter-spacing:-.045em;margin:0 0 12px}
.lab-hero .lead{max-width:52em;margin:0;color:var(--hv-mut);font-size:clamp(15px,1.15vw,17px);line-height:1.55}
.lab-hero .tl-crumbs{display:flex;gap:10px;margin-bottom:16px;font:500 11px/1 var(--hv-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--hv-mut2)}
.lab-hero .tl-crumbs a{color:var(--hv-mut);text-decoration:none}.lab-hero .tl-crumbs span::before{content:"/";margin-right:10px}
.lab-sections{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.lab-sections a{padding:8px 14px;border-radius:999px;border:1px solid var(--hv-line2);color:var(--hv-mut);text-decoration:none;font-size:13.5px}
.lab-sections a[aria-current=page]{background:var(--hv-text);color:var(--hv-bg);border-color:var(--hv-text)}
main>section.lab.tc{max-width:1320px;margin:0 auto;padding:6px var(--hv-gut) clamp(56px,7vw,96px);display:grid;gap:18px;
  grid-template-columns:236px minmax(0,1fr) minmax(300px,360px);grid-template-areas:"rail stage out" "rail controls out";align-items:start}
.lab-fig{display:block;width:100%;height:auto;margin-top:4px}
.lab-chart{display:block;width:100%;height:auto;margin:6px 0 10px;border-top:1px solid rgba(237,235,230,.06);padding-top:8px}
.tc-stage.is-swap .lab-fig{animation:lab-in .6s var(--hv-ease,cubic-bezier(.22,1,.36,1))}
@keyframes lab-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lab-t{fill:var(--hv-text,#EDEBE6);font:500 12px/1 var(--hv-sans);paint-order:stroke;stroke:#17181d;stroke-width:4px;stroke-linejoin:round}
.lab-t.mut{fill:var(--hv-mut,#9A98A0);font-size:11px}.lab-t.acc{fill:#ff8098}.lab-t.big{font-size:15px}
.lab-grid{stroke:rgba(237,235,230,.06)}.lab-zero{stroke:rgba(237,235,230,.25)}
.lab-tick{fill:var(--hv-mut2,#706E76);font:500 10px/1 var(--hv-sans);font-variant-numeric:tabular-nums}
.lab-axis{fill:var(--hv-mut,#9A98A0);font:600 10px/1 var(--hv-sans);letter-spacing:.12em;text-transform:uppercase}
.lab-line{fill:none;stroke:#ff6c86;stroke-width:2.2;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:lab-draw .9s var(--hv-ease,ease) forwards}
.lab-line-2{stroke:#EDEBE6;stroke-width:1.6}
@keyframes lab-draw{to{stroke-dashoffset:0}}
.lab-area{opacity:0;animation:lab-fade .8s .2s forwards}@keyframes lab-fade{to{opacity:1}}
.lab-guide{stroke:rgba(237,235,230,.3);stroke-dasharray:3 4}.lab-dot{fill:#ff6c86;stroke:#fff;stroke-width:1.5}
.lab-mark{fill:#ff9aae}.lab-series-name{fill:var(--hv-mut)}
.tc-out .tl-r-main b small{font-size:.42em;color:var(--hv-mut);letter-spacing:0;font-weight:500}
.lab-verdict{margin:14px 0 0;padding:10px 12px;border-radius:12px;font-size:13.5px;line-height:1.45;background:rgba(237,235,230,.05)}
.lab-verdict[data-tone=ok]{background:rgba(63,185,122,.1);color:#9ee0b9}.lab-verdict[data-tone=bad]{background:rgba(226,58,87,.12);color:#ff9aae}.lab-verdict[data-tone=warn]{background:rgba(232,154,60,.12);color:#f3c27c}
.lab-static{grid-column:1/-1}
/* раздел «Лаборатория» */
.lab-grid-index{max-width:1320px;margin:0 auto;padding:6px var(--hv-gut) 96px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.lab-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start;padding:26px;text-decoration:none;color:inherit;transition:transform .35s var(--hv-ease,ease),border-color .35s}
.lab-card:hover{transform:translateY(-4px);border-color:rgba(237,235,230,.2)}
.lab-card svg{width:150px;height:120px}
.lab-card h2{margin:0 0 10px;font:500 26px/1.1 var(--hv-sans);letter-spacing:-.02em}
.lab-card p{margin:0 0 14px;color:var(--hv-mut);font-size:14.5px;line-height:1.5}
.lab-card ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.lab-card li{padding:5px 10px;border-radius:999px;background:rgba(237,235,230,.06);font-size:12.5px;color:var(--hv-mut)}
.lab-card .go{display:inline-flex;margin-top:16px;color:var(--hv-text);font-weight:500;font-size:14px}
@media (max-width:1180px){main>section.lab.tc{grid-template-columns:minmax(0,1fr) minmax(280px,340px);grid-template-areas:"rail rail" "stage out" "controls out"}}
@media (max-width:820px){main>section.lab.tc{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "rail" "controls" "out";gap:12px}.lab-grid-index{grid-template-columns:1fr}.lab-card{grid-template-columns:1fr}.lab-card svg{width:120px;height:96px}}
.lab-flow{animation:lab-flow 2s linear infinite}
.lab-swirl{transform-box:fill-box;transform-origin:center;animation:lab-swirl 1.6s ease-in-out infinite alternate}
.lab-pulse{animation:lab-pulse 1.4s ease-in-out infinite}
@keyframes lab-flow{to{stroke-dashoffset:-64}}
@keyframes lab-swirl{from{transform:translateX(-4px) rotate(-12deg)}to{transform:translateX(6px) rotate(14deg)}}
@keyframes lab-pulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.lab-flow,.lab-swirl,.lab-pulse{animation:none}}
