/* Preview: clearer navigation while preserving the header and page layout. */
@media (min-width: 1151px) {
  .header .nav { gap: clamp(16px, 1.8vw, 26px); flex-shrink: 0; }
  .header .nav a {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 12px 4px;
    font-size: 19px;
    font-weight: 800 !important;
    line-height: 1.4;
    letter-spacing: -.02em;
    white-space: nowrap;
    color: #142e50;
    border-radius: 6px;
  }
  .header .reserve {
    font-size: 16px;
    line-height: 1.4;
    min-height: 48px;
    white-space: nowrap;
  }
}
@media (min-width: 1151px) and (max-width: 1279px) {
  .header .nav a { font-size: 18px; }
}
@media (max-width: 700px) {
  .mobile-section-nav a {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -.025em;
    padding-inline: 2px;
  }
}
/* Keep the existing 44px motion control inside very narrow phone headers. */
@media (max-width: 359px) {
  .header .exact-brand { gap: 5px; }
  .header .exact-brand .brand-original-mark { width: 68px; height: 65px; }
  .header .original-lettering { width: 154px; }
  .header .exact-brand .brand-original-ko { width: 154px; height: 33px; }
  .header .exact-brand .brand-original-en { width: 154px; height: 22.5px; }
  .header .exact-brand .brand-original-clinic { width: 154px; height: 12px; }
  .mobile-section-nav a { font-size: 15px; }
}