.hct-suite-nav, .hct-suite-nav * { box-sizing: border-box; }
.hct-suite-nav {
  position: relative;
  z-index: 100;
  width: 100%;
  padding: 0 22px;
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 55px;
  border-bottom: 1px solid #dce4ef;
  background: #f7faff;
  color: #1d2b40;
  font-family: system-ui, "Noto Sans KR", sans-serif;
  font-size: 13px;
}
.hct-suite-nav .hct-suite-brand {
  flex: 0 0 auto;
  color: #235cdb;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.05em;
  text-decoration: none;
}
.hct-suite-links { display: flex; align-items: center; gap: 5px; margin-left: auto; }
.hct-suite-links a {
  display: inline-block;
  padding: 9px 12px;
  border-radius: 8px;
  color: #52627b;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 600;
}
.hct-suite-links a:hover, .hct-suite-links a[aria-current="page"] { background: #e4ecfc; color: #235cdb; }
.hct-suite-nav a:focus-visible { outline: 3px solid #235cdb; outline-offset: 2px; }
@media (max-width: 720px) {
  .hct-suite-nav { flex-wrap: wrap; gap: 0; padding: 9px 12px 5px; }
  .hct-suite-brand { padding: 4px 5px 8px; }
  .hct-suite-links { width: 100%; min-width: 0; overflow-x: auto; gap: 0; padding-bottom: 3px; margin-left: 0; scrollbar-width: thin; }
  .hct-suite-links a { padding: 8px 10px; font-size: 12px; }
}