/* Direct Explore navigation and bounded responsive header layout. */
#trainings{scroll-margin-top:8rem}#trainings:focus-visible{outline:1px solid var(--cinnabar);outline-offset:-4px}
#trainings:target > .wrap.reveal{opacity:1;visibility:visible;transform:none}
#explore{scroll-margin-top:8rem}#explore:focus-visible{outline:1px solid var(--cinnabar);outline-offset:8px}
.site-head .nav,.site-head .nav-main{min-width:0}
@media(min-width:1024px){.site-head .wrap{height:auto;min-height:76px;padding-block:10px}.site-head .nav .nav-main{flex-wrap:wrap;gap:8px 14px}.site-head .nav .nav-main a{white-space:normal;line-height:1.45}}
@media(max-width:1023px){.site-head .nav.open .nav-main a{white-space:normal}.site-head .nav.open{max-width:100%;overflow-x:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
#sc-written pre{overflow-wrap:anywhere}#sc-form input[type=checkbox]{width:auto}
@media print{body:has(#sc-written:not([hidden])) header,body:has(#sc-written:not([hidden])) footer,body:has(#sc-written:not([hidden])) #sc-written button{display:none}}