/* Room for Branding without changing CCP's established navigation design. */
.main-nav a{white-space:nowrap}
@media(min-width:1101px) and (max-width:1240px){.brand{width:240px}.main-nav{gap:15px}.main-nav a{font-size:.9rem}.nav-wrap{gap:18px}}
@media(min-width:981px) and (max-width:1100px){.main-nav{gap:11px}.main-nav a{font-size:.82rem}}
@media(max-width:980px){.main-nav{top:calc(100% + 6px);max-height:calc(100dvh - var(--ccp-nav-top,170px) - 20px);overflow-y:auto;overscroll-behavior:contain}}
:where(a,button,summary):focus-visible{outline:3px solid var(--gold);outline-offset:4px}

@media(max-width:400px){.identity-elements{grid-template-columns:1fr}}