#labbrary-navigation{--ink:#080b12;--soft:#0f121a;--panel:#171b25;--paper:#f7f4ed;--white:#fffcf6;--muted:#a8acb8;--border:#2a2e3a;--violet:#8d7cff;--blue:#61b4ff;--mint:#51e3ce;--warm:#f4d6a2;--coral:#ff829f;--spectrum:linear-gradient(100deg,var(--violet),var(--blue),var(--mint),var(--warm),var(--coral));--ease:cubic-bezier(.22,1,.36,1);font-family:Manrope,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none;color-scheme:dark;display:contents}#labbrary-navigation *{box-sizing:border-box}#labbrary-navigation a{color:inherit;text-decoration:none}#labbrary-navigation button,#labbrary-navigation summary{font-family:Manrope,sans-serif;cursor:pointer}#labbrary-navigation img{display:block;max-width:100%}#labbrary-navigation [hidden]{display:none!important}#labbrary-navigation :focus-visible{outline:3px solid #61b4ff;outline-offset:5px}
#labbrary-navigation .button:active{transform:translateY(1px)}
#labbrary-navigation .button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:56px;padding:0 26px;border:1px solid transparent;border-radius:16px;color:var(--white);font-size:14px;font-weight:800;background:linear-gradient(var(--ink),var(--ink)) padding-box,var(--spectrum) border-box;box-shadow:0 0 0 2px #ffffff10,0 0 16px #8d7cff12;white-space:nowrap;transition:transform .25s,box-shadow .25s}
#labbrary-navigation .button:hover{transform:translateY(-3px);box-shadow:0 0 0 2px #ffffff20,0 8px 24px #8d7cff25}
#labbrary-navigation .button>span{font-size:21px;font-weight:500}
#labbrary-navigation .button.small{min-height:46px;padding:0 20px;font-size:12px;gap:12px}
#labbrary-navigation .header{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:min(1392px,calc(100% - 64px));height:76px;z-index:30;display:flex;align-items:center;gap:30px;padding:0 24px;border-radius:20px;border:1px solid #ffffff28;background:linear-gradient(110deg,#ffffff0c,#ffffff02),#080b123d;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff18,0 10px 32px #00000012}
#labbrary-navigation .logo{margin-right:auto;flex:0 0 auto}
#labbrary-navigation .logo img{width:195px;height:43px;object-fit:contain}
#labbrary-navigation .desktop-nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:650}
#labbrary-navigation .desktop-nav>a,#labbrary-navigation .nav-group>summary{padding:16px 0;color:#eeece8}
#labbrary-navigation .desktop-nav a:hover{color:var(--mint)}
#labbrary-navigation .nav-group{position:relative}
#labbrary-navigation .nav-group>summary{display:flex;align-items:center;gap:9px}
#labbrary-navigation .dropdown{position:absolute;top:calc(100% + 16px);left:-22px;width:250px;padding:14px;background:#121620;border:1px solid #ffffff25;border-radius:16px;box-shadow:0 16px 40px #0006}
#labbrary-navigation .dropdown>a{display:block;padding:12px;border-radius:8px}
#labbrary-navigation .dropdown>a:hover{background:#ffffff08}
#labbrary-navigation .menu-toggle{display:none;width:40px;height:44px;border:0;background:none;padding:8px;color:inherit}
#labbrary-navigation .menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0}
#labbrary-navigation .mobile-nav{position:fixed;inset:100px 20px auto;background:#121620;z-index:29;border:1px solid var(--border);padding:20px;border-radius:18px;max-height:calc(100dvh - 120px);overflow:auto}
#labbrary-navigation .mobile-nav a,#labbrary-navigation .mobile-nav summary{display:block;padding:14px}
#labbrary-navigation .mobile-nav details a{color:var(--muted);padding-left:30px}
#labbrary-navigation .comparison-tray .button:disabled{opacity:.55}
#labbrary-navigation .final-cta .button{margin-top:35px}
@media(max-width:1150px){#labbrary-navigation .header{gap:20px}
#labbrary-navigation .desktop-nav{gap:20px}
#labbrary-navigation .logo img{width:167px}}
@media(max-width:900px){#labbrary-navigation .desktop-nav{display:none}
#labbrary-navigation .menu-toggle{display:block}
#labbrary-navigation .header{height:68px;top:15px}
#labbrary-navigation .mobile-nav{inset-top:100px}}
@media(max-width:650px){#labbrary-navigation .header{width:calc(100% - 28px);top:12px;height:64px;border-radius:16px;padding:0 13px;gap:13px}
#labbrary-navigation .logo img{width:135px;height:34px}
#labbrary-navigation .header .button{font-size:10px;min-height:36px;padding:0 12px;border-radius:12px}
#labbrary-navigation .menu-toggle{width:30px;padding:3px}
#labbrary-navigation .hero-copy .button{min-height:52px;font-size:12px;padding:0 20px;gap:25px}
#labbrary-navigation .shortcut-intro .button{font-size:12px;min-height:50px}
#labbrary-navigation .final-cta .button{font-size:12px;gap:20px;margin-top:29px;min-height:53px}}
@media(prefers-reduced-transparency:reduce){#labbrary-navigation .header{background:#11151ef5;backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){#labbrary-navigation .header{background:#11151efa}}
#labbrary-navigation .header{transition:background .3s,box-shadow .3s}
#labbrary-navigation .header.on-paper{background:linear-gradient(110deg,#ffffff0c,#ffffff02),#080b12c9;box-shadow:inset 0 1px 0 #ffffff28,0 10px 32px #00000018}
#labbrary-navigation .desktop-nav{font-size:14px}
#labbrary-navigation .button.small{font-size:13px}
@media(max-width:1150px){#labbrary-navigation .desktop-nav{font-size:12px;gap:20px}}
@media(max-width:650px){#labbrary-navigation .header .button{font-size:11px;padding:0 10px}}
@media(max-width:360px){#labbrary-navigation .header{padding-inline:10px;gap:8px}
#labbrary-navigation .logo img{width:115px}
#labbrary-navigation .header .button{font-size:10px;padding-inline:10px}}
@media(max-width:900px){#labbrary-navigation .header{width:calc(100% - 20px)}
#labbrary-navigation .header .logo img{width:140px}
#labbrary-navigation .header .button{min-height:38px;padding-inline:16px;font-size:11px}}
@media(max-width:650px){#labbrary-navigation .header{width:calc(100% - 18px);padding-inline:12px;gap:12px}
#labbrary-navigation .header .logo img{width:112px;height:33px}
#labbrary-navigation .header .button{min-height:38px;padding-inline:14px;font-size:10px}
#labbrary-navigation .menu-toggle{width:28px;flex:none}}
@media(max-width:360px){#labbrary-navigation .header{gap:9px;padding-inline:10px}
#labbrary-navigation .header .logo img{width:101px}
#labbrary-navigation .header .button{font-size:10px;padding-inline:14px;min-height:38px}}
#labbrary-navigation .header{font-family:Manrope,sans-serif;color:#f7f4ed}#labbrary-navigation .mobile-nav{font-family:Manrope,sans-serif;color:#f7f4ed;max-height:calc(100dvh - 110px);overflow:auto}body[data-labbrary-header="shared"]{padding-top:100px}body.labbrary-home{padding-top:0}@media(max-width:650px){body[data-labbrary-header="shared"]{padding-top:88px}body.labbrary-home{padding-top:0}}@media(min-width:901px){#labbrary-navigation .mobile-nav{display:none!important}}
body.labbrary-native-header .site-header,body.labbrary-native-header #site-navigation,body.labbrary-native-header #mobile-header{display:none}body.labbrary-native-header{padding-top:100px}@media(max-width:650px){body.labbrary-native-header{padding-top:88px}}
/* The shared shell owns stacking and the offset for existing sticky controls. */
#labbrary-navigation .header{z-index:120}
#labbrary-navigation .mobile-nav{z-index:119}
body[data-labbrary-header="shared"] .intelle-compare-sticky{top:108px}
@media(max-width:900px){body[data-labbrary-header="shared"] .intelle-directory-dock-shell,body[data-labbrary-header="shared"] .intelle-mobile-filter-dock{top:96px}}
@media(max-width:650px){body[data-labbrary-header="shared"] .intelle-directory-dock-shell,body[data-labbrary-header="shared"] .intelle-mobile-filter-dock,body[data-labbrary-header="shared"] .intelle-compare-sticky{top:88px}}

/* Latest owner direction: logo-led header; the mobile CTA lives in the menu. */
#labbrary-navigation .header .logo img{width:225px;height:49px}
#labbrary-navigation .mobile-nav summary{display:flex;align-items:center;justify-content:space-between;gap:16px}
#labbrary-navigation .nav-chevron{display:inline-block;flex:0 0 7px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
#labbrary-navigation details[open]>summary .nav-chevron{transform:translateY(2px) rotate(225deg)}
#labbrary-navigation .mobile-nav .menu-cta{display:flex;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:18px;padding:12px 20px;font-size:13px;color:#fffcf6}
@media(max-width:900px){#labbrary-navigation .header .logo img{width:175px;height:42px}}
@media(max-width:650px){#labbrary-navigation .header .logo img{width:160px;height:38px}}
@media(max-width:360px){#labbrary-navigation .header .logo img{width:140px;height:34px}}

/* Desktop CTA follows Learn; mobile keeps its CTA at the menu bottom. */
@media(max-width:900px){#labbrary-navigation .header .desktop-cta{display:none}}

/* Account icon: after the Find My Test CTA on desktop, left of the hamburger on mobile. */
#labbrary-navigation .account-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:50%;border:1px solid #ffffff2e;color:#f7f4ed;transition:border-color .2s,background .2s,transform .2s}
#labbrary-navigation .account-icon:hover{border-color:#ffffff60;background:#ffffff10;transform:translateY(-2px)}
#labbrary-navigation .account-icon svg{display:block}
#labbrary-navigation .labbrary-plus-link>span{color:#8d7cff}
@media(max-width:900px){#labbrary-navigation .account-icon{width:40px;height:40px}}
@media(max-width:650px){#labbrary-navigation .account-icon{width:36px;height:36px}}