/* 청현에듀 상단 바(.nav) 반응형 — 시작 페이지, Apps, 와이즈 공통
   좁아지면 버튼을 세로로 접는 대신 글자·여백을 함께 줄인다(HwpxSnap 상단 바 unified.css의
   .hs-nav와 같은 배율). 페이지 자체 스타일보다 우선하도록 선택자를 한 단계 더 구체적으로 쓴다. */
.nav {
    font-size: clamp(11px, calc(11px + (100vw - 600px) * 0.004412), 14px);
}
.nav .nav-inner {
    padding-left: clamp(12px, 3vw, 24px);
    padding-right: clamp(12px, 3vw, 24px);
    gap: 1em;
    white-space: nowrap;     /* 좁아져도 글자가 세로로 접히지 않게 */
}
.nav .brand {
    font-size: 1.29em;
    flex-shrink: 0;
}
.nav .brand .hanja,
.nav .brand .sub {
    font-size: 0.67em;
}
.nav .nav-links {
    display: flex;
    align-items: center;
    gap: 0.3em;
}
.nav .nav-link {
    padding: 0.5em 1em;
    font-size: 0.96em;
    white-space: nowrap;
}
@media (max-width: 480px) {
    .nav .nav-link { padding: 0.5em 0.6em; }
}
@media (max-width: 360px) {
    .nav .brand .hanja,
    .nav .brand .sub { display: none; }
}
