@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#20343a;--muted:#62767b;--line:#d7e2df;--paper:#fbfdfc;--teal:#087e83;--teal-light:#dff2ef;--pink:#d98499;--bg:#f1f5f3;--shadow:0 10px 35px #183c3c0a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.55}.site-header{background:#fff;border-bottom:1px solid var(--line);padding:15px clamp(16px,5vw,70px);display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;z-index:10}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:42px;height:42px;background:var(--ink);color:#fff;display:grid;place-items:center;border-radius:12px;font-weight:800;font-family:Manrope,sans-serif}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.76rem}.top-nav{display:flex;gap:18px;flex-wrap:wrap}.top-nav a{font-size:.9rem;text-decoration:none;color:var(--muted)}.top-nav a:hover{color:var(--teal)}main{max-width:1180px;margin:auto;padding:0 clamp(14px,3vw,28px)}.hero{padding:68px 0 52px;max-width:850px}.eyebrow{font:500 .72rem "DM Mono",monospace;letter-spacing:.1em;color:var(--teal);margin:0 0 9px}.hero h1{font:800 clamp(2.5rem,6vw,5rem)/1.04 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 20px}.hero h1 em{font-style:normal;color:var(--teal)}.hero>p:not(.eyebrow){font-size:1.12rem;color:var(--muted);max-width:720px}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.hero-tags span,.pill{font:500 .74rem "DM Mono",monospace;border:1px solid var(--line);padding:6px 9px;border-radius:999px;color:var(--muted);background:#fff}.section{padding:32px 0 24px;scroll-margin-top:95px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:18px}.section-heading h2{font:750 clamp(1.7rem,3.4vw,2.5rem)/1.1 Manrope,sans-serif;letter-spacing:-.04em;margin:0}.section-heading>p{max-width:410px;color:var(--muted);margin:0}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.toolbar label{display:flex;flex-direction:column;gap:5px;font-size:.82rem;color:var(--muted);font-weight:600}.toolbar select{min-width:175px}.toolbar select,button{font:inherit;color:var(--ink);background:white;border:1px solid #cbd9d6;border-radius:10px;padding:10px 12px}.two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:15px;align-items:stretch}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 17px;border-bottom:1px solid var(--line)}.drawing{padding:12px}.drawing svg,.process-animation svg,#tissue-drawing svg{display:block;width:100%;height:auto}.panel-foot{padding:12px 16px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.detail-panel{padding:23px}.detail-panel h3,.pad h3{font:750 1.35rem Manrope,sans-serif;margin:0 0 8px}.detail-panel ul{padding-left:20px}.detail-panel li{margin:8px 0}.callout{background:#edf7f5;border-left:4px solid var(--teal);padding:12px 14px;border-radius:0 10px 10px 0;font-size:.92rem}.process-tabs,.tissue-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.tab,.tissue-tabs button{cursor:pointer}.tab.active,.tissue-tabs button.active,button.button-primary{background:var(--ink);border-color:var(--ink);color:#fff}.process-panel{padding-bottom:16px}.process-panel>.panel-title{padding:20px}.process-panel h3{margin:0;font:750 1.35rem Manrope,sans-serif}.stage-list{display:flex;gap:8px;flex-wrap:wrap;padding:14px 18px 5px}.stage{flex:1;min-width:120px;background:#f2f6f5;border:1px solid transparent;border-radius:10px;padding:10px}.stage b{display:block;font-size:.87rem}.stage small{display:block;color:var(--muted);font-size:.78rem}.stage.active{background:var(--teal-light);border-color:#8ecac3}.process-animation{padding:8px 18px}.timeline-controls{padding:0 18px}.timeline-controls input[type=range]{width:100%;accent-color:var(--teal);margin:10px 0}.control-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:7px;font-size:.87rem;color:var(--muted)}.process-panel .callout{margin:16px 18px 0}.pad{padding:18px}.tissue-tabs button[aria-pressed=true]{background:var(--teal-light);border-color:var(--teal)}.muted{color:var(--muted)}.info-item{padding:10px 0;border-bottom:1px solid var(--line)}.info-item:last-child{border-bottom:0}.info-item p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.hybrid-results{margin-top:20px}.trait{margin:10px 0}.trait-label{display:flex;justify-content:space-between;gap:10px;font-size:.88rem}.bar{height:8px;background:#e8f0ee;border-radius:99px;overflow:hidden;margin-top:5px}.bar span{display:block;height:100%;background:var(--teal);transition:width .4s}.fine-print,footer p{font-size:.82rem;color:var(--muted)}footer{max-width:1180px;margin:35px auto 0;border-top:1px solid var(--line);padding:25px clamp(14px,3vw,28px) 40px}footer p{max-width:700px}svg text{font-family:"DM Sans",sans-serif;fill:var(--ink);font-size:13px}svg .organ{cursor:pointer;stroke:#30464b;stroke-width:2;transition:filter .2s,stroke-width .2s}svg .organ:focus{outline:none;stroke:var(--teal);stroke-width:4}svg .organ.selected{stroke:var(--teal);stroke-width:4;filter:drop-shadow(0 0 3px #83c9c4)}@media(max-width:760px){.site-header{position:static;align-items:flex-start;flex-direction:column}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.two-col{grid-template-columns:1fr}.hero{padding:45px 0 35px}.top-nav{gap:12px}.stage{min-width:calc(50% - 8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.search-label{display:block;font-weight:700;margin-bottom:6px}
#glossary-search{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.glossary-filters{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}
.glossary-filters button{cursor:pointer}.glossary-filters button.active{background:var(--ink);color:white;border-color:var(--ink)}
.glossary-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
.glossary-entry{padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff}
.glossary-entry h4{margin:0 0 4px;font:700 1rem Manrope,sans-serif}
.glossary-entry .category{font:500 .68rem "DM Mono",monospace;color:var(--teal);text-transform:uppercase;letter-spacing:.08em}
.glossary-entry p{margin:7px 0 0;font-size:.9rem;color:var(--muted)}
#anatomy-layer{min-width:160px}
@media(max-width:650px){.glossary-results{grid-template-columns:1fr}}

.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.comparison-card{border:1px solid var(--line);border-radius:13px;padding:16px;background:#fff}
.comparison-card h3{font:750 1.2rem Manrope,sans-serif;margin:0 0 12px}
.comparison-card dl{margin:0;display:grid;grid-template-columns:115px 1fr;gap:8px 12px}
.comparison-card dt{font-size:.8rem;color:var(--teal);font-weight:700}
.comparison-card dd{margin:0;color:var(--muted);font-size:.9rem}
@media(max-width:700px){.comparison-grid{grid-template-columns:1fr}.comparison-card dl{grid-template-columns:95px 1fr}}