/* 상단 메뉴(한국어 페이지 공통, 2026-10-17) — 만든 것들 · 제작 서비스 · 무료 홈페이지 · 교육
   styles.css 뒤에 불러온다. PC는 로고와 오른쪽 사이 한 줄, 900px 이하는 로고 아래 두 번째 줄로 내린다. */
.nav { gap: 28px; }
.nav__menu { display: flex; align-items: center; gap: 26px; margin-right: auto; margin-left: 28px; }
.nav__menu a { font-size: 14px; font-weight: 600; color: var(--muted); text-decoration: none; white-space: nowrap; }
.nav__menu a:hover { color: var(--coral); }
.nav__menu a[aria-current="page"] { color: var(--fg); }

@media (max-width: 1100px) {
  .nav__menu { gap: 18px; margin-left: 8px; }
  .nav__menu a { font-size: 13.5px; }
}
@media (max-width: 900px) {
  .nav { flex-wrap: wrap; row-gap: 12px; }
  .nav__menu {
    order: 3; flex: 1 0 100%; margin: 0 -28px; padding: 10px 28px 0;
    border-top: 1px solid var(--line); gap: 22px;
    overflow-x: auto; scrollbar-width: none;
  }
  .nav__menu::-webkit-scrollbar { display: none; }
}
@media (max-width: 480px) {
  .nav__menu { margin: 0 -16px; padding: 10px 16px 0; gap: 18px; }
}