.kyos-header__inner { gap: 16px; }
.kyos-logo, .kyos-logo__mark { flex-shrink: 0; }
.kyos-commons-link { white-space: nowrap; }

@media (min-width: 901px) and (max-width: 1240px) {
  .kyos-header__inner { height: auto; min-height: 60px; flex-wrap: wrap; gap: 8px; padding-block: 10px; }
  .kyos-nav { width: 100%; flex-wrap: wrap; }
  .commons .commons-section[id], .commons .commons-participate[id] { scroll-margin-top: 120px; }
}

@media (max-width: 900px) {
  .kyos-header__inner { height: auto; min-height: 52px; gap: 12px; padding-block: 8px; }
  .kyos-logo { flex: 0 1 auto; min-width: 0; }
  .kyos-nav { display: flex; flex-shrink: 0; }
  .kyos-nav > :not(.kyos-commons-link) { display: none; }
  .kyos-logo__text { min-width: 0; font-size: 14px; max-width: 168px; letter-spacing: 0; }
  .kyos-nav .kyos-commons-link { font-size: 12px; padding: 6px 4px; }
}

@media (max-width: 480px) {
  .kyos-header { padding-inline: 16px; }
}