/* One compact navigation row; the flexible gap is between logo and links. */
body .cjj-site-header .site-nav{flex-shrink:0;gap:clamp(6px,calc((100vw - 760px)*.035),16px)}
body .site-header.cjj-site-header .wrap{gap:var(--nav-fit-gap,4px)}
body .cjj-site-header .training-nav{position:relative;flex:none;color:#22333b}
body .cjj-site-header .training-nav-toggle{display:flex;align-items:center;gap:6px;border:0;background:none;margin:0;padding:10px 0;font:600 14px/1.55 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;color:inherit;white-space:nowrap;cursor:pointer}
body .cjj-site-header .training-nav-toggle span{color:#b3561a;font-size:12px}
body .cjj-site-header .training-nav-toggle:hover{color:#b3561a}
body .cjj-site-header .training-nav-label{display:none}
body .cjj-site-header .training-nav-panel{position:absolute;right:0;top:calc(100% + 4px);width:310px;padding:8px;border:1px solid #dcd6ca;border-radius:10px;background:#fffdf8;box-shadow:0 14px 35px #16232a26;z-index:60}
body .cjj-site-header .training-nav-panel[hidden]{display:none}
body .cjj-site-header .site-nav .training-nav-panel a{display:block;white-space:normal;opacity:1;padding:12px;border:0;border-radius:6px;font-size:14px;line-height:1.4}
body .cjj-site-header .training-nav-panel a:hover{background:#f7f1e6}
body .cjj-site-header .training-nav-panel strong{display:block;font-weight:700}
body .cjj-site-header .training-nav-panel small{display:block;margin-top:4px;font-size:12px;font-weight:400;color:#5c6669}
body .cjj-site-header .training-nav :focus-visible{outline:2px solid #177e94;outline-offset:4px}
/* Override the older 760px header breakpoint: actual fit chooses the layout. */
body .site-header.cjj-site-header:not(.nav-collapsed) .header-join{display:inline-flex}
body .site-header.cjj-site-header:not(.nav-collapsed) .nav-toggle{display:none}
body .site-header.cjj-site-header:not(.nav-collapsed) .site-nav{display:flex;position:static;inset:auto;flex-direction:row;align-items:center;flex-wrap:nowrap;width:max-content;flex-shrink:0;gap:clamp(6px,calc((100vw - 760px)*.035),16px);margin:0 0 0 auto;padding:0;border:0;background:none;box-shadow:none;max-height:none;overflow:visible}
body .site-header.cjj-site-header:not(.nav-collapsed) .site-nav>a{padding:0;border:0;font-size:14px;opacity:.85}
body .site-header.cjj-site-header:not(.nav-collapsed) .site-nav .nav-join{display:none}
@media(max-width:1060px){body .site-header.cjj-site-header:not(.nav-collapsed) .site-nav>a,body .cjj-site-header .training-nav-toggle{font-size:13px}}
 body .site-header.cjj-site-header.nav-collapsed .header-join{display:none}
 body .site-header.cjj-site-header.nav-collapsed .nav-toggle{display:inline-flex}
 body .site-header.cjj-site-header.nav-collapsed .site-nav{display:none;position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;align-items:stretch;width:auto;gap:0;margin:0;padding:8px 20px 16px;max-height:calc(100dvh - var(--header-h));overflow:auto;background:#fffdf8;border-bottom:1px solid #dcd6ca;box-shadow:0 20px 30px -20px #16232a66}
 body .site-header.cjj-site-header.nav-collapsed.nav-open .site-nav{display:flex}
 body .site-header.cjj-site-header.nav-collapsed .site-nav>a{padding:12px 0;border-top:1px solid #16232a24;font-size:16px;opacity:1}
 body .site-header.cjj-site-header.nav-collapsed .site-nav .nav-join{display:block;color:#a84212}
 body .cjj-site-header.nav-collapsed .training-nav{border-top:1px solid #16232a24;padding:12px 0}
 body .cjj-site-header.nav-collapsed .training-nav-toggle{display:none}
 body .cjj-site-header.nav-collapsed .training-nav-label{display:block;font-size:14px;font-weight:600;color:#b3561a}
 body .cjj-site-header.nav-collapsed .training-nav-panel,body .cjj-site-header.nav-collapsed .training-nav-panel[hidden]{display:block;position:static;width:auto;padding:4px 0 0;border:0;border-radius:0;box-shadow:none;background:none}
 body .cjj-site-header.nav-collapsed .site-nav .training-nav-panel a{font-size:16px;padding:10px 0}
 body .cjj-site-header.nav-collapsed .training-nav-panel small{font-size:13px}