/* Shared product navigation only: existing tool interfaces keep their own typography and behavior. */
@font-face{font-family:Marcellus;src:url('/assets/fonts/Marcellus.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.product-shell{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:12px max(18px,calc((100vw - 1160px)/2));background:#0F161D;color:#E6E1D4;border-bottom:1px solid #526070;font:400 16px/1.3 Marcellus,serif;isolation:isolate}
.product-shell .product-brand{display:inline-flex;align-items:center;gap:10px;margin-right:auto;color:inherit;text-decoration:none;min-height:44px;font-size:21px}
.product-shell .product-brand img{width:36px;height:24px}
.product-shell nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.product-shell nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;color:#E6E1D4;text-decoration:none;border-radius:3px}
.product-shell nav a:hover{background:#23313E;color:#E7C98E}
.product-shell a:focus-visible{outline:2px solid #D9B978;outline-offset:2px}
.product-subnav{display:flex;gap:8px 20px;flex-wrap:wrap;padding:8px max(18px,calc((100vw - 1160px)/2));font:400 14px Marcellus,serif;background:#17212B;color:#D9B978}
.product-subnav a{color:inherit;display:inline-flex;align-items:center;min-height:36px}
@media(max-width:600px){.product-shell{gap:0;padding:6px 16px}.product-shell nav{flex-basis:100%;justify-content:space-between}.product-shell nav a{padding:8px 7px;font-size:15px}}