/* Research-lane figures. Loaded only on pages that show one (/research and /research/<lane>).
   Ink line art on a paper card; orange marks the single finding in each figure (the site's "repair / action" colour).
   Every rule is scoped to its figure host so nothing leaks into the page. Motion is driven by <lane>.js. */
.lane-card{
  --lf-ink:#16181a;--lf-ink3:#6b6f73;--lf-line:#2a2e33;--lf-fill:#fbfaf7;--lf-steel:#8b939b;
  --lf-or:#e35d14;--lf-orink:#b0440f;--lf-mono:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
  --lf-sans:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Inter,'Segoe UI',Roboto,sans-serif;
  margin:0;background:var(--lf-fill);border:1px solid var(--line,#ddd6cc);border-radius:var(--r,10px);overflow:hidden;color:var(--lf-ink);
}
.lane-card .lane-stage{padding:clamp(10px,2.4vw,18px) clamp(10px,2.4vw,18px) 2px}
.lane-card .lane-cap{font:500 11.5px/1.5 var(--lf-mono);color:var(--lf-ink3);padding:9px clamp(12px,2.4vw,18px) 11px;border-top:1px solid var(--line,#ddd6cc);letter-spacing:.01em}
.lane-card [data-lane-fig]{position:relative;width:100%}
.lane-card [data-lane-fig] svg{display:block}

/* clinical outcomes: Kaplan-Meier style curve */
[data-lane-fig="clinical-outcomes"]{aspect-ratio:520/340}
[data-lane-fig="clinical-outcomes"] svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
[data-lane-fig="clinical-outcomes"] .ax{fill:none;stroke:var(--lf-line);stroke-width:1.2;stroke-linecap:round}
[data-lane-fig="clinical-outcomes"] .grid{fill:none;stroke:var(--lf-line);stroke-width:.7;opacity:.16}
[data-lane-fig="clinical-outcomes"] .tk{fill:none;stroke:var(--lf-line);stroke-width:1.1}
[data-lane-fig="clinical-outcomes"] .lab{fill:var(--lf-ink3);font:500 10px var(--lf-mono)}
[data-lane-fig="clinical-outcomes"] .lab.mid{text-anchor:middle}
[data-lane-fig="clinical-outcomes"] .lab.end{text-anchor:end}
[data-lane-fig="clinical-outcomes"] .cur{fill:none;stroke-linejoin:miter;stroke-linecap:butt}
[data-lane-fig="clinical-outcomes"] .cur.ctl{stroke:var(--lf-line);stroke-width:1.7;opacity:.62}
[data-lane-fig="clinical-outcomes"] .cur.imp{stroke:var(--lf-or);stroke-width:2.2}
[data-lane-fig="clinical-outcomes"] .cen{fill:none;stroke-width:1.5;stroke-linecap:round}
[data-lane-fig="clinical-outcomes"] .cen.ctl{stroke:var(--lf-line);opacity:.62}
[data-lane-fig="clinical-outcomes"] .cen.imp{stroke:var(--lf-orink)}
[data-lane-fig="clinical-outcomes"] .lf-nm{font:600 10.5px var(--lf-mono);letter-spacing:.02em}
[data-lane-fig="clinical-outcomes"] .lf-nm.ctl{fill:var(--lf-ink3)}
[data-lane-fig="clinical-outcomes"] .lf-nm.imp{fill:var(--lf-orink)}
[data-lane-fig="clinical-outcomes"] .gap{fill:none;stroke:var(--lf-or);stroke-width:1.1}

/* surgical anatomy & technique: layered posterior exposure */
[data-lane-fig="anatomy-technique"]{aspect-ratio:520/340}
[data-lane-fig="anatomy-technique"] svg{position:absolute;inset:0;width:100%;height:100%}
[data-lane-fig="anatomy-technique"] .bone{fill:none;stroke:var(--lf-line);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
[data-lane-fig="anatomy-technique"] .bone.fill{fill:var(--lf-fill)}
[data-lane-fig="anatomy-technique"] .ghost{opacity:.5}
[data-lane-fig="anatomy-technique"] .endo{fill:none;stroke:var(--lf-line);stroke-width:.9;opacity:.42;stroke-linecap:round}
[data-lane-fig="anatomy-technique"] .tissue{fill:rgba(251,250,247,.55);stroke:none}
[data-lane-fig="anatomy-technique"] .hatch{stroke:var(--lf-line);stroke-width:.7}
[data-lane-fig="anatomy-technique"] .edge{fill:none;stroke:var(--lf-line);stroke-width:1.2;stroke-linejoin:round}
[data-lane-fig="anatomy-technique"] .edge.l1{stroke-width:1.6}
[data-lane-fig="anatomy-technique"] .inc{fill:none;stroke:var(--lf-line);stroke-width:1.3;stroke-linecap:round;stroke-dasharray:3 4;opacity:.7}
[data-lane-fig="anatomy-technique"] .win{fill:var(--lf-fill)}
[data-lane-fig="anatomy-technique"] .nerve{fill:none;stroke:var(--lf-line);stroke-width:3;stroke-linecap:round}
[data-lane-fig="anatomy-technique"] .nerve-core{fill:none;stroke:var(--lf-fill);stroke-width:1;stroke-linecap:round}
[data-lane-fig="anatomy-technique"] .steel{fill:none;stroke:var(--lf-steel);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
[data-lane-fig="anatomy-technique"] .cor{fill:none;stroke:var(--lf-or);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[data-lane-fig="anatomy-technique"] .corf{fill:rgba(227,93,20,.1);stroke:none}
[data-lane-fig="anatomy-technique"] .lf-lead{stroke:var(--lf-ink3);stroke-width:.8;fill:none}
[data-lane-fig="anatomy-technique"] text{font:500 11px var(--lf-mono);fill:var(--lf-ink3);letter-spacing:.01em}
[data-lane-fig="anatomy-technique"] text.or{fill:var(--lf-orink);font-weight:600}

/* AI & imaging: detection box on a wrist radiograph */
[data-lane-fig="ai-imaging"] svg{width:100%;height:auto;aspect-ratio:520/276;overflow:hidden}
[data-lane-fig="ai-imaging"].narrow svg{aspect-ratio:370/276}
[data-lane-fig="ai-imaging"] .bone{fill:var(--lf-fill);stroke:var(--lf-line);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
[data-lane-fig="ai-imaging"] .endo{fill:none;stroke:var(--lf-line);stroke-width:.9;opacity:.38;stroke-linecap:round}
[data-lane-fig="ai-imaging"] .fx-ink{fill:none;stroke:var(--lf-fill);stroke-width:3.2;stroke-linejoin:round}
[data-lane-fig="ai-imaging"] .fx{fill:none;stroke:var(--lf-or);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
[data-lane-fig="ai-imaging"] .det-r{fill:none;stroke:var(--lf-line);stroke-width:1;stroke-dasharray:4 4;opacity:.55}
[data-lane-fig="ai-imaging"] .det-c{fill:none;stroke:var(--lf-line);stroke-width:1.8;stroke-linecap:square}
[data-lane-fig="ai-imaging"].is-lock .det-r{stroke:var(--lf-or);stroke-dasharray:none;opacity:.5}
[data-lane-fig="ai-imaging"].is-lock .det-c{stroke:var(--lf-or);stroke-width:2.2}
[data-lane-fig="ai-imaging"] .tag-r{fill:var(--lf-fill);stroke:var(--lf-or);stroke-width:1.2}
[data-lane-fig="ai-imaging"] .tag-t{fill:var(--lf-orink);font:600 12.5px var(--lf-mono);letter-spacing:.02em}
[data-lane-fig="ai-imaging"] .lf-st{fill:var(--lf-ink3);font:500 12px var(--lf-mono);letter-spacing:.04em}
[data-lane-fig="ai-imaging"] .mk{fill:var(--lf-ink3);font:600 15px var(--lf-mono)}

/* health equity & policy: three pathways, gaps bridged */
[data-lane-fig="equity-policy"] svg{width:100%;height:auto;aspect-ratio:520/340}
[data-lane-fig="equity-policy"] .p{fill:none;stroke:var(--lf-line);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
[data-lane-fig="equity-policy"] .tick{stroke:var(--lf-line);stroke-width:1.6;stroke-linecap:round}
[data-lane-fig="equity-policy"] .br{fill:none;stroke:var(--lf-or);stroke-width:2.4;stroke-linecap:round}
[data-lane-fig="equity-policy"] .node{fill:var(--lf-fill);stroke:var(--lf-line);stroke-width:1.6}
[data-lane-fig="equity-policy"] .care{fill:var(--lf-fill);stroke:var(--lf-line);stroke-width:1.8}
[data-lane-fig="equity-policy"] .care-in{fill:rgba(227,93,20,.12);stroke:var(--lf-orink);stroke-width:1.6;opacity:0}
[data-lane-fig="equity-policy"] .lab{font:600 10.5px var(--lf-mono);letter-spacing:.1em;text-transform:uppercase;fill:var(--lf-ink3)}
[data-lane-fig="equity-policy"] .lab.c{fill:var(--lf-ink)}
[data-lane-fig="equity-policy"] .glyph{fill:none;stroke:var(--lf-line);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:420px){[data-lane-fig="equity-policy"] .lab{font-size:11.5px}}

/* education: technique card */
[data-lane-fig="education"]{aspect-ratio:520/340}
[data-lane-fig="education"] svg{position:absolute;inset:0;width:100%;height:100%}
[data-lane-fig="education"] .k{fill:none;stroke:var(--lf-line);stroke-linecap:round;stroke-linejoin:round}
[data-lane-fig="education"] .bone{fill:var(--lf-fill);stroke:var(--lf-line);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
[data-lane-fig="education"] .endo{fill:none;stroke:var(--lf-line);stroke-width:.9;opacity:.4}
[data-lane-fig="education"] .thin{fill:none;stroke:var(--lf-line);stroke-width:1;stroke-linecap:round}
[data-lane-fig="education"] .lf-plate{fill:rgba(42,46,51,.05);stroke:var(--lf-line);stroke-width:1.5;stroke-linejoin:round}
[data-lane-fig="education"] .hole{fill:var(--lf-fill);stroke:var(--lf-line);stroke-width:1}
[data-lane-fig="education"] .lag{fill:none;stroke:var(--lf-or);stroke-width:3.2;stroke-linecap:round}
[data-lane-fig="education"] .lagth{fill:none;stroke:var(--lf-orink);stroke-width:1.2;stroke-dasharray:1.6 2.2}
[data-lane-fig="education"] .lagh{fill:none;stroke:var(--lf-orink);stroke-width:2.6;stroke-linecap:round}
[data-lane-fig="education"] .ang{fill:none;stroke:var(--lf-orink);stroke-width:1.2}
[data-lane-fig="education"] .t{font:600 15.5px var(--lf-sans);fill:var(--lf-ink)}
[data-lane-fig="education"] .s{font:500 12px var(--lf-mono);fill:var(--lf-ink3)}
[data-lane-fig="education"] .hd{font:600 10.5px var(--lf-mono);letter-spacing:.14em;fill:var(--lf-ink3)}
[data-lane-fig="education"] .nc{fill:var(--lf-fill);stroke:var(--lf-line);stroke-width:1.4}
[data-lane-fig="education"] .nn{font:600 12px var(--lf-mono);fill:var(--lf-ink);text-anchor:middle;dominant-baseline:central}
[data-lane-fig="education"] .row.on .nc{fill:var(--lf-ink);stroke:var(--lf-ink)}
[data-lane-fig="education"] .row.on .nn{fill:var(--lf-fill)}
[data-lane-fig="education"] .row.key .nc{stroke:var(--lf-orink)}
[data-lane-fig="education"] .row.key .nn{fill:var(--lf-orink)}
[data-lane-fig="education"] .row.key.on .nc{fill:var(--lf-or);stroke:var(--lf-or)}
[data-lane-fig="education"] .row.key.on .nn{fill:#fff}
[data-lane-fig="education"] .row.key .t{fill:var(--lf-orink)}
[data-lane-fig="education"] .co circle{fill:var(--lf-fill);stroke:var(--lf-line);stroke-width:1.2}
[data-lane-fig="education"] .co text{font:600 11px var(--lf-mono);fill:var(--lf-ink);text-anchor:middle;dominant-baseline:central}
[data-lane-fig="education"] .co line{stroke:var(--lf-line);stroke-width:.9}
[data-lane-fig="education"] .co.key circle,[data-lane-fig="education"] .co.key line{stroke:var(--lf-orink)}
[data-lane-fig="education"] .co.key text{fill:var(--lf-orink)}