/* One connected culture well: biological tissue stays distinct from the hardware. */
#panel-tissue .tc-research-drawing{padding:0;background:#f2f2f2}
.tissue-culture{width:100%;display:flex;flex-direction:column;flex:1;min-width:0}
.tc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px 0}
.tc-toolbar>.eyebrow{font-size:10px;letter-spacing:.09em;display:flex;align-items:center;gap:9px}
.tc-dot{width:5px;height:5px;background:var(--blue);border-radius:50%}


.tc-canvas{margin:auto!important;max-width:none!important;width:100%;min-width:0;padding:4px 12px 0;display:flex;align-items:center;flex:1}
.tc-svg{width:100%;height:auto;display:block;aspect-ratio:1020/680;overflow:visible}
.tc-svg *{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.tc-edge{fill:none;stroke:#a7aaa7;stroke-width:.65}.tc-faint{fill:none;stroke:#cbd0cd;stroke-width:.5}.tc-outline{fill:none;stroke:#b7c0c3;stroke-width:.8}.tc-cut-edge{fill:none;stroke:#99acb7;stroke-width:.85}.tc-ground{fill:#616e76;opacity:.09}
.tc-well-base{fill:#e9eef0;fill-opacity:.58;stroke:#c1c9cc;stroke-width:.65}.tc-well-back{fill:#f8fbfc;fill-opacity:.55;stroke:#c4cccf;stroke-width:.65}.tc-well-front{fill:#f7fbfd;fill-opacity:.34;stroke:#c0cdd4;stroke-width:.65}
.tc-medium-back{fill:#a5c2e6;fill-opacity:.12;stroke:none}.tc-medium-front{fill:#b0c8e5;fill-opacity:.16;stroke:none}.tc-medium-surface{fill:#c2d8ed;fill-opacity:.35;stroke:#b5cddd;stroke-width:.55}.tc-meniscus{fill:none;stroke:#a5bccc;stroke-width:.8}
.tc-ring{fill:#fefefc;stroke:#b6bdba;stroke-width:.65}.tc-ring-side{fill:#e7eae7;stroke:#bcc2be;stroke-width:.45}.tc-post{fill:#f4f5f1;stroke:#b7c0ba;stroke-width:.5}.tc-white{fill:#fff}.tc-lattice{fill:none;stroke:#b8c2bd;stroke-width:1.15}
.tc-dermis{fill:#efd3c7;stroke:#cfaca3;stroke-width:.6}.tc-dermis-top{fill:#f2dcd2}.tc-epidermis{fill:#e4b8ac;stroke:#cda394;stroke-width:.45}.tc-epidermis-top{fill:#ebcbbd}.tc-corneum{fill:#ead3b7;stroke:#d8bfa7;stroke-width:.45}.tc-skin-surface{fill:#f4e9df;stroke:none}.tc-skin-edge{fill:none;stroke:#c3a69a;stroke-width:.6}.tc-collagen{fill:none;stroke:#d2ab9f;stroke-width:.65;opacity:.8}.tc-texture{fill:#d2b7ab;opacity:.55}
.tc-needle{fill:#fff;stroke:#a6b2bc;stroke-width:.55}.tc-needle-side{fill:#e5e9e9;stroke:#b1bcc4;stroke-width:.45}.tc-dose-tip{fill:#2a5bd7;stroke:none}.tc-patch-top{fill:#fdfefb;stroke:#a3aaa8;stroke-width:.75}.tc-patch-front{fill:#e3e7e3;stroke:#aeb6b1;stroke-width:.65}.tc-patch-side{fill:#d9dfda;stroke:#aeb6b1;stroke-width:.65}.tc-patch-inset{fill:none;stroke:#d2d8d4;stroke-width:.65;stroke-dasharray:2 3}
.tc-particle{fill:#2a5bd7;opacity:0}.tc-leader{fill:none;stroke:#acb4bc;stroke-width:.7}.tc-label{font-family:IBM Plex Sans,sans-serif;fill:#445068;font-weight:500;font-size:15px;letter-spacing:-.015em}.tc-sublabel{font-family:var(--mono);fill:#7d8794;font-size:10px;letter-spacing:0}
.tc-sequence{display:flex;margin:0 28px;gap:26px;border-top:1px solid var(--line);padding:17px 0;justify-content:center;font-size:12px;color:#8b939f}
.tc-sequence>span{display:flex;gap:9px;align-items:center;transition:color .3s}.tc-sequence b{font-family:var(--mono);font-weight:400;font-size:10px}.tc-sequence>span[data-active=true]{color:var(--blue)}
.tissue-culture .figure-key{margin:0 28px;font-size:9px;flex-wrap:wrap;gap:8px 16px;padding:19px 0}
@media(max-width:1200px) and (min-width:961px){#panel-tissue{grid-template-columns:300px minmax(0,1fr)}.tc-toolbar{padding:22px 20px 0}.tc-label{font-size:17px}.tc-sublabel{font-size:12px}.tc-sequence,.tissue-culture .figure-key{margin:0 20px}}
@media(max-width:960px){.tc-canvas{max-width:850px!important}.tc-toolbar{padding:24px 26px 0}.tc-sequence,.tissue-culture .figure-key{margin:0 26px}}
@media(max-width:650px){.tc-toolbar{padding:20px 20px 0}.tc-toolbar>.eyebrow{font-size:9px}.tc-canvas{padding:12px 0 0}.tc-svg{aspect-ratio:680/670}.tc-callout{display:none}.tc-sequence{margin:0 20px;gap:23px;font-size:11px;padding:17px 0}.tc-sequence b{font-size:9px}.tissue-culture .figure-key{margin:0 20px;padding:17px 0;font-size:9px}.tc-mobile-key{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;margin:0 20px 20px;font-size:11px;color:var(--muted)}.tc-mobile-key span:before{content:'';display:inline-block;width:6px;height:6px;background:#adc5df;margin-right:8px;border-radius:50%}.tc-mobile-key span:nth-child(2):before{background:#e1b7a5}.tc-mobile-key span:nth-child(3):before{background:#b9c1b8}.tc-mobile-key span:first-child:before{background:var(--blue)}}
@media(min-width:651px){.tc-mobile-key{display:none}}