.rc-header{
position:sticky;
top:0;
z-index:1000;
background:var(--color-forest);
}

.rc-header-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-md);
padding-block:var(--space-sm);
}

.rc-brand{
display:flex;
align-items:center;
gap:0.6rem;
color:var(--color-navlink);
min-width:0;
}

.rc-logo{
width:56px;
height:auto;
}

.rc-brand-text{
font-family:var(--font-heading);
font-size:1.2rem;
white-space:nowrap;
}

.rc-nav-toggle{
display:none;
flex-direction:column;
justify-content:center;
align-items:center;
width:44px;
height:44px;
}

.rc-nav-toggle span{
width:22px;
height:2px;
background:var(--color-navlink);
display:block;
}

.rc-nav{
display:flex;
align-items:center;
flex-wrap:nowrap;
}

.rc-nav-list{
display:flex;
align-items:center;
flex-wrap:nowrap;
gap:var(--space-md);
margin:0;
padding:0;
}

.rc-nav-list li{
margin:0;
}

.rc-nav a{
color:var(--color-navlink);
font-size:var(--text-sm);
position:relative;
}

.rc-nav a:hover,
.rc-nav a:focus-visible{
color:var(--color-navlink-active);
}

@media (max-width:900px){
.rc-logo{width:40px;}
.rc-brand-text{font-size:1rem;}

.rc-nav-toggle{display:flex;}

.rc-nav{
position:absolute;
top:100%;
left:0;
right:0;
background:var(--color-forest);
flex-direction:column;
align-items:flex-start;
padding:var(--space-md);
display:none;
max-height:calc(100vh - 80px);
overflow:auto;
}

.rc-nav.open{display:flex;}

.rc-nav-list{
flex-direction:column;
align-items:flex-start;
flex-wrap:wrap;
width:100%;
}
}