/* Additive presentation layer. Original route documents and record assets remain intact. */
@font-face{font-family:BrainManrope;src:url('/assets/hybrid/manrope-regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:BrainManrope;src:url('/assets/hybrid/manrope-bold.ttf');font-weight:700;font-display:swap}
:root{--hybrid-panel:44vw;--hybrid-header:76px;--font-body:BrainManrope,Inter,Arial,sans-serif;--frost-white:#f7f7f0;--ice-pale:#eef1e9;--deep-cobalt:#19342c;--slate-ink:#3c534b;--arctic-cyan:#537f70;--pulse-cyan:#7bc5a5;--glacier-blue:#bdcfc3;--silver-mist:#d3ddd4;--nav-h:76px;--gap:1.4rem}
html{scroll-padding-top:calc(var(--hybrid-header) + 28px)}
body{background:#f7f7f0;background-attachment:initial;font-family:var(--font-body);padding-top:var(--hybrid-header);padding-right:var(--hybrid-panel);color:#3c534b}
body>main,body>footer{min-width:0}
body section{min-height:0;padding:clamp(55px,6vw,105px) clamp(25px,4vw,76px);scroll-margin-top:calc(var(--hybrid-header) + 24px)}
body section .container{max-width:840px}
body #hero{min-height:calc(100svh - var(--hybrid-header));padding:70px clamp(25px,4vw,76px);overflow:clip}
body #hero h1{font-family:var(--font-body);font-weight:400;letter-spacing:-.06em;font-size:clamp(42px,4.6vw,78px);line-height:1.07;max-width:17ch}
body h2{letter-spacing:-.045em;font-size:clamp(29px,2.7vw,45px);font-weight:400;line-height:1.18}
body h3{letter-spacing:-.025em;line-height:1.3}
body .subhead,body .lead{font-size:17px;line-height:1.85}
body .eyebrow{font-size:10px;letter-spacing:.13em}
body .hero-orb{opacity:.5}
body .hero-neural{opacity:.045}
body .grid-2,body .grid-3,body .grid-4,body .flow,body .home-visuals,body .scan-grid{grid-template-columns:minmax(0,1fr)!important}
body .home-visuals>*{grid-column:auto!important;grid-row:auto!important}
body .flow .step[href='/protocol']{display:flex;align-items:flex-start;gap:0}
body .flow .step[href='/protocol']>*{grid-column:auto!important;grid-row:auto!important}
body .flow .step[href='/protocol'] p{margin-top:10px}
body .flow .step[href='/protocol'] .go{margin-top:16px}
body .step{position:relative;padding:25px 28px;box-shadow:none;border-radius:13px}
body .step .num{font-size:10px}
body .step h3{font-size:25px;margin-top:10px}
body .step:hover{transform:translateY(-2px);box-shadow:0 12px 35px #183b2410}
body .card,body .scan-card,body .snp-card{min-width:0;border-radius:13px;box-shadow:0 3px 18px #193b2410}
body .two-up,body .twoup,body .two-col,body .split,body .hero-grid{grid-template-columns:minmax(0,1fr)!important}
body .fade-in{opacity:1!important;transform:none!important}
body table{font-size:13px}
body th,body td{overflow-wrap:anywhere}
body .site-transition[data-site-shell='transition'],body .site-contact[data-site-shell='contact']{margin:26px clamp(25px,4vw,76px);width:auto;max-width:none}
body>footer{padding:35px clamp(25px,4vw,76px);background:#edf1e8}
header.site-shell[data-site-shell='header']{height:var(--hybrid-header);min-height:var(--hybrid-header);background:#f7f7f0f5;padding:0 30px;gap:24px;border-color:#ced9cf}
header.site-shell .shell-logo{font-family:var(--font-body);font-size:20px;letter-spacing:-.9px;color:#19342c}
header.site-shell .shell-logo svg{width:20px;height:20px}
header.site-shell .shell-right{font-size:9px}
header.site-shell nav[data-site-nav]{position:static;transform:none;max-width:none;background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;gap:6px}
header.site-shell nav[data-site-nav] a[data-route]{font-family:var(--font-body);font-size:11px;text-transform:none;letter-spacing:0;padding:9px 10px;border-radius:6px}
header.site-shell nav[data-site-nav] a[data-route][aria-current='page']{background:#dfe9dd;color:#19342c}
body #dot-nav{right:calc(var(--hybrid-panel) + 13px);gap:10px}
body #dot-nav button{width:7px;height:7px}
body #progress{top:var(--hybrid-header);max-width:calc(100% - var(--hybrid-panel))}
#hybrid-anatomy{position:fixed;right:0;top:var(--hybrid-header);bottom:0;width:var(--hybrid-panel);z-index:910;background:#111b19;border-left:1px solid #3a4c40;padding:20px;display:flex;flex-direction:column;isolation:isolate}
#hybrid-anatomy iframe{width:100%;flex:1;min-height:0;border:0;background:#111b19;border-radius:16px}
.hybrid-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 7px 0;color:#a2bca9;font-size:10px;line-height:1.5}
.hybrid-tools a{color:#a2bca9;border:0;text-decoration:underline;text-underline-offset:3px}
#hybrid-collapse{background:none;border:0;color:#bacabb;font:inherit;padding:6px 0;cursor:pointer}
.hybrid-focus{margin-top:15px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.hybrid-focus button{background:#e4eee3;border:1px solid #adcab5;color:#275a43;border-radius:6px;padding:7px 10px;font:11px/1.5 var(--font-body);cursor:pointer;text-align:left}
.hybrid-focus button:hover,.hybrid-focus button[aria-pressed='true']{background:#193d2d;color:#f0f5e9;border-color:#193d2d}
.hybrid-current{outline:1px solid #79a58c70;outline-offset:10px;transition:outline-color .3s ease}
.hybrid-reader-note{color:#6d846f;font:10px/1.6 var(--font-body);letter-spacing:.025em}
.hybrid-record-button{display:block;margin-top:10px;border:0;background:none;color:#375e4c;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:11px var(--font-body);padding:8px 0}
#hybrid-record{background:#f7f7f0;color:#19342c;width:min(1150px,calc(100% - 24px));max-height:calc(100svh - 24px);border:1px solid #adc2b1;border-radius:12px;padding:24px;overflow:auto}
#hybrid-record::backdrop{background:#07170ee8}
.hybrid-record-bar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px}
.hybrid-record-bar h2{font-size:20px}
.hybrid-record-bar button{background:#193d2d;color:#fff;border:0;border-radius:6px;padding:10px 16px;cursor:pointer}
#hybrid-record-scroll{overflow:auto;max-height:70svh;background:#fff;text-align:center}
#hybrid-record img{max-width:100%;height:auto;display:block;margin:auto}
#hybrid-record[data-zoom='true'] img{max-width:none}
.hybrid-record-actions{display:flex;gap:24px;margin-top:18px;flex-wrap:wrap;font-size:12px}
.hybrid-record-actions button{background:none;color:inherit;border:0;text-decoration:underline;cursor:pointer;font:inherit}
body.hybrid-collapsed{--hybrid-panel:0vw}
body.hybrid-collapsed #hybrid-anatomy{width:auto;top:auto;left:auto;bottom:18px;right:20px;padding:5px 15px;border:1px solid #49614f;border-radius:10px}
body.hybrid-collapsed #hybrid-anatomy iframe,body.hybrid-collapsed .hybrid-tools a{display:none}
body.hybrid-collapsed .hybrid-tools{padding:0}
body.hybrid-collapsed main{max-width:1280px;margin:auto}
@media(min-width:1550px){:root{--hybrid-panel:46vw}body .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .scan-grid{grid-template-columns:1fr!important}}
@media(max-width:1150px){:root{--hybrid-header:112px;--nav-h:60px;--hybrid-panel:43vw}header.site-shell[data-site-shell='header']{flex-wrap:wrap;height:112px;align-content:center;padding:12px 22px;gap:10px}header.site-shell .shell-logo{order:1}header.site-shell .shell-right{order:2;margin-left:auto}header.site-shell nav[data-site-nav]{order:3;flex-basis:100%;margin:0}#hybrid-anatomy{padding:12px}body #hero h1{font-size:clamp(40px,4.6vw,63px)}body #dot-nav{display:none}body section{padding-inline:30px}}
@media(max-width:900px){body{padding-top:var(--hybrid-header)!important}}
@media(max-width:780px){:root{--hybrid-panel:0vw;--hybrid-header:112px;--hybrid-mobile:clamp(230px,34svh,310px)}body{padding-top:calc(var(--hybrid-header) + var(--hybrid-mobile))!important;padding-right:0}body #hero{min-height:0;padding:44px 24px 50px}body #hero h1{font-size:48px}body section{padding:54px 24px;scroll-margin-top:calc(var(--hybrid-header) + var(--hybrid-mobile) + 18px)}html{scroll-padding-top:calc(var(--hybrid-header) + var(--hybrid-mobile) + 18px)}#hybrid-anatomy{width:100%;height:var(--hybrid-mobile);bottom:auto;padding:0 8px 4px;border-left:0;border-bottom:1px solid #45624b}#hybrid-anatomy iframe{border-radius:0}.hybrid-tools{padding:2px 10px 0;font-size:9px;height:22px}#hybrid-collapse{padding:2px 0}body .grid-2{grid-template-columns:minmax(0,1fr)!important}body .twoup{grid-template-columns:1fr!important}body.hybrid-collapsed{padding-top:var(--hybrid-header)!important}body.hybrid-collapsed #hybrid-anatomy{height:auto;width:auto;top:auto;bottom:12px;right:12px;padding:9px 14px}body.hybrid-collapsed section{scroll-margin-top:calc(var(--hybrid-header) + 18px)}html:has(body.hybrid-collapsed){scroll-padding-top:calc(var(--hybrid-header) + 18px)}body #progress{max-width:100%}header.site-shell nav[data-site-nav] a[data-route]{font-size:10px;padding:7px 9px}body table{font-size:12px}}
@media(max-height:560px){body{padding-top:var(--hybrid-header)!important}#hybrid-anatomy{width:auto;left:auto;top:auto;bottom:10px;right:12px;height:auto;padding:8px 14px;border:1px solid #526b54;border-radius:8px}#hybrid-anatomy iframe{display:none}.hybrid-tools a{display:none}.hybrid-tools{padding:0}body{--hybrid-panel:0vw}body.hybrid-expanded-short #hybrid-anatomy{inset:var(--hybrid-header) 8px 8px;width:auto;height:auto}body.hybrid-expanded-short #hybrid-anatomy iframe{display:block}body section{scroll-margin-top:calc(var(--hybrid-header) + 18px)}}
/* scroll-padding already accounts for fixed chrome; do not count it a second time. */
body section,body.hybrid-collapsed section{scroll-margin-top:0}
body .pillar-grid{grid-template-columns:minmax(0,1fr)}
body #progress-bar{top:var(--hybrid-header);max-width:calc(100% - var(--hybrid-panel))}
@media(max-height:560px){html{scroll-padding-top:calc(var(--hybrid-header) + 18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hybrid-current{transition:none}}
@media print{body{padding:0!important;background:white}#hybrid-anatomy,.hybrid-focus,.hybrid-record-button,#hybrid-record,.hybrid-reader-note{display:none!important}header.site-shell[data-site-shell='header']{position:static}body section{padding:25px 0;min-height:0}body .fade-in{opacity:1!important}body table{font-size:10px}}