/* Native, keyboard-accessible navigation: no framework or image dependency. */
.top{position:sticky;top:0;z-index:100}.top .nav{position:relative}.browse-menu{margin-left:auto;color:#fff}.browse-menu>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #8394a8;border-radius:8px;font:700 .88rem system-ui;list-style:none;white-space:nowrap}.browse-menu>summary::-webkit-details-marker{display:none}.browse-menu>summary:after{content:'+';font-size:1.1rem}.browse-menu[open]>summary:after{content:'−'}.browse-panel{position:absolute;right:12px;left:12px;top:100%;padding:22px;background:#fff;color:#102136;border:1px solid #d5dee7;border-radius:0 0 12px 12px;box-shadow:0 15px 25px #071b3426;max-height:70vh;overflow-y:auto;overscroll-behavior:contain}.browse-panel nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.browse-panel strong{display:block;font:700 .75rem system-ui;letter-spacing:.06em;text-transform:uppercase;color:#52677c;margin-bottom:8px}.browse-panel a{display:block;padding:12px 4px;min-height:44px;color:#102136!important;font:600 .94rem/1.4 system-ui;text-decoration:none;border-bottom:1px solid #edf1f5;white-space:normal}.browse-panel a:hover{color:#123b66!important;background:#f0f5f9;text-decoration:underline}.browse-panel a:focus-visible,.browse-menu>summary:focus-visible{outline:3px solid #b47a11;outline-offset:2px}.browse-panel p{margin:16px 0 0;font:400 .9rem system-ui}.browse-panel p a{display:inline-block}.product-shortcuts{padding:0;background:#f3f6f9;border-bottom:1px solid #dce5ed}.product-shortcuts nav{max-width:1180px;margin:auto;padding:16px 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product-shortcuts a{display:block;padding:15px;background:#fff;border:1px solid #d5dee7;border-radius:8px;color:#102136;text-decoration:none;font:700 .95rem system-ui}.product-shortcuts a span{display:block;font-weight:400;font-size:.82rem;line-height:1.4;margin-top:6px;color:#52677c}.product-shortcuts a:hover{border-color:#123b66}.product-shortcuts a:focus-visible{outline:3px solid #b47a11;outline-offset:2px}
@media(max-width:860px){.top .navlinks,.top .home,.top .call-top,.top .guide-nav{display:none}.top .browse-menu{margin-left:0;width:100%}.browse-menu>summary{justify-content:space-between}.browse-panel nav{grid-template-columns:1fr;gap:20px}.browse-panel{max-height:calc(100dvh - 160px);padding:18px}.product-shortcuts nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 12px}.top .affiliation{margin-left:auto}}

/* Keep the personal brand first, with phone and location always visible. */
.top .navlinks,.top .home,.top .guide-nav,.top .call-top{display:none}.header-actions{display:flex;gap:8px;margin-left:auto}.header-actions a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 12px;border:1px solid #8394a8;border-radius:8px;color:#fff;text-decoration:none;font:700 .88rem system-ui;white-space:nowrap}.header-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.header-actions a:hover{background:#234360}.header-actions a:focus-visible{outline:3px solid #f5b32a;outline-offset:2px}.top .browse-menu{margin-left:0;width:auto}
@media(max-width:860px){.top .identity{order:0}.top .affiliation{order:1}.header-actions{order:2;flex:1 1 calc(100% - 110px);margin-left:0}.header-actions a{flex:1;padding:10px 8px;font-size:.82rem}.top .browse-menu{order:3;flex:0 0 auto}.browse-menu>summary{font-size:.82rem;padding:10px 12px}}

/* Mobile identity row: keep the official affiliation logo beside Kyle. */
@media(max-width:860px){
.top .nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.top .nav>.identity{grid-column:1;grid-row:1;min-width:0}
.top .nav>.affiliation{display:flex;grid-column:2;grid-row:1;justify-content:center;align-items:center;margin:0}
.top .nav>.affiliation img{display:block;width:44px;height:44px;object-fit:contain}
.top .nav>.header-actions{grid-column:1;grid-row:2;min-width:0;width:100%;margin:0;gap:6px}
.top .nav>.browse-menu{grid-column:2;grid-row:2;margin:0;width:auto}
.top .header-actions a{min-width:0;padding:10px 6px;font-size:.78rem;gap:5px}
.top .header-actions svg{width:17px;height:17px}
.top .browse-menu>summary{padding:10px;font-size:.78rem}
.top .nav>.identity .name{font-size:clamp(1.05rem,4.6vw,1.3rem);white-space:normal}
.top .nav>.identity .brand-specialty{font-size:.6rem}
}