/* Research instrument pages. Palette, type and controls follow the cream / ink / mono look of Evan's research pages. */
:root{--cream:#fcfbf9;--ink:#121110;--muted:#6d6964;--edge:#d9d5ce;--mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body.lab{background:var(--cream)}
.lab .subpage{background:var(--cream)}
.lab-wrap{max-width:1440px;margin:0 auto;padding:0 20px}
.lab-head{text-align:center;padding:30px 0 14px}
.lab-title{font-family:"Poppins",sans-serif;font-weight:800;font-size:clamp(28px,4vw,42px);letter-spacing:-.01em;color:var(--navy,#242424);line-height:1.15}
.lab-sub{font-family:"Nunito Sans",sans-serif;font-size:clamp(14px,1.5vw,17px);color:#2a2724;margin:8px auto 0;max-width:900px;line-height:1.45}
.lab-fig{position:relative;margin:20px 0 0;width:100%}
.lab-fig canvas{display:block;width:100%}
.lab-ctl{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0 0;font-family:"Poppins",-apple-system,Helvetica,Arial,sans-serif;font-weight:500;font-size:13px}
.lab-ctl .tg{font:inherit;background:#fff;border:1px solid var(--edge);border-radius:999px;padding:7px 16px;color:var(--ink);cursor:pointer}
.lab-ctl .tg span{color:var(--muted)}
.lab-ctl .tg:hover{border-color:var(--ink)}

.lab-foot{margin:16px 4px 40px;font-family:"Nunito Sans",sans-serif;font-size:14px;color:var(--muted);line-height:1.6}
.lab-foot b{font-weight:600;color:var(--ink)}
.lab-foot .aw{display:block;margin-top:6px;font-family:"Poppins",sans-serif;font-weight:500;font-size:11px;letter-spacing:.06em;color:var(--muted)}
@media(max-width:620px){.lab-ctl{font-size:11.5px}}

.lab-cap{display:grid;grid-template-columns:70px 1fr;gap:4px 18px;max-width:900px;margin:14px auto 0;min-height:78px;align-items:baseline}
.lab-cap .n{font-family:"Poppins",sans-serif;font-weight:600;font-size:12px;color:var(--muted);letter-spacing:.06em}
.lab-cap .t{font-family:"Nunito Sans",sans-serif;font-size:18px;line-height:1.5;color:var(--ink)}
.lab-cap .t b{font-weight:600}
.lab-cap .d{grid-column:2;font-family:"Nunito Sans",sans-serif;font-weight:600;font-size:12.5px;color:#7a0019;letter-spacing:.01em}
.lab-cap .in{animation:capin .6s ease both}
@keyframes capin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lab-fig{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
@media(max-width:620px){.lab-cap{grid-template-columns:1fr}.lab-cap .d{grid-column:1}.lab-cap .t{font-size:16px}}

.lab-fig{position:relative;overflow:hidden}
.lab-vid{position:absolute;left:0;top:0;width:100%;object-fit:cover;display:block;background:transparent}
body.lab-dark,body.lab-dark .subpage{background:var(--labbg)!important}
body.lab-dark .lab-title,body.lab-dark .lab-sub{color:#f6eee9}
body.lab-dark .lab-foot,body.lab-dark .lab-foot b,body.lab-dark .lab-foot .aw{color:#d9b9b6}
body.lab-dark .lab-fig{border-color:rgba(246,238,233,.18)}
body.lab-dark .lab-ctl .tg{background:transparent;border-color:rgba(246,238,233,.35);color:#f6eee9}
body.lab-dark .lab-ctl .tg:hover{border-color:#f6eee9}
body.lab-light,body.lab-light .subpage{background:var(--labbg)!important}

body.lab-dark nav,body.lab-dark .nav,body.lab-dark header,body.lab-dark footer{background:var(--labbg)!important;border-color:rgba(246,238,233,.15)!important}
body.lab-dark nav a,body.lab-dark .brand,body.lab-dark footer,body.lab-dark footer a,body.lab-dark .nav-links a{color:#f6eee9!important}
body.lab-dark .nav-dd-m a{color:#121110!important}
body.lab-light nav,body.lab-light footer{background:var(--labbg)!important}