/* Shared across the five product sites; isolate from each site's navigation styles. */
.family-nav{position:relative;white-space:nowrap}
.family-nav summary,.family-nav .family-menu{font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:normal}
.family-nav summary{box-sizing:border-box;display:flex;align-items:center;min-height:44px;cursor:pointer;list-style:none;padding:10px 12px;border:1px solid #555;border-radius:4px;color:#f4f2ec;background:#191919}
.family-nav summary::-webkit-details-marker{display:none}
.family-nav summary:after{content:" ▾";color:#f2ad32;margin-left:4px}
.family-nav .family-menu{box-sizing:border-box;display:block!important;white-space:normal;position:absolute;right:0;top:100%;margin:8px 0 0;min-width:265px;width:285px;padding:8px;background:#191919;border:1px solid #555;box-shadow:0 12px 32px #0008;z-index:50}
.family-nav .family-menu a{box-sizing:border-box;display:block!important;min-height:62px;padding:12px;border-left:2px solid transparent;color:#f4f2ec!important;text-decoration:none!important;letter-spacing:normal}
.family-nav .family-menu strong{font-size:13px;font-weight:700}
.family-nav .family-menu a:hover{background:#30302a}
.family-nav .family-menu small{display:block;color:#aaa;margin-top:4px;font-size:11px;line-height:1.4}
.family-nav .family-menu a[aria-current="page"]{border-left-color:#f2ad32}
.family-nav a:focus-visible,.family-nav summary:focus-visible{outline:3px solid #f2ad32;outline-offset:2px}
@media(max-width:650px){
 /* Anchor to the full header, so wrapped controls cannot push the menu offscreen. */
 .family-nav{position:static}
 .family-nav .family-menu{left:16px;right:16px;top:100%;width:auto;min-width:0;max-width:none;max-height:calc(100dvh - 220px);overflow-y:auto;overscroll-behavior:contain}
}