/* The five shared destination links retain the existing INDEX shell. */
.site-header .main-nav{gap:clamp(14px,1.8vw,25px)}
.site-header .nav-link{text-decoration:none;line-height:1.5}
.site-header .nav-link:hover,.site-footer a:hover{color:var(--seoul-blue)}
.site-footer>div{flex-wrap:wrap;align-items:center;gap:12px 20px}
.site-footer a{font-size:9px;letter-spacing:0;text-decoration:none}
.mobile-menu-nav a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font:500 21px/1.3 var(--display);letter-spacing:-.7px;text-decoration:none}
.mobile-menu-nav a svg{width:19px;height:19px;color:#8290aa}
.mobile-menu-nav a[aria-current=page]{color:var(--seoul-blue);font-weight:650}
.mobile-menu-nav button{padding-block:16px}
.detail-page-link{margin-bottom:16px;display:inline-flex;align-items:center;gap:8px;color:var(--seoul-blue);font-weight:650;text-underline-offset:4px}
.detail-page-link svg{width:15px;height:15px}
.detail-booking-link{display:flex;justify-content:flex-start;flex-wrap:wrap;max-width:100%;margin-top:15px;text-align:left}
.detail-booking-link span{min-width:0;overflow-wrap:anywhere}
.detail-booking-link svg{flex-shrink:0}
@media(min-width:1051px) and (max-width:1200px){
  .site-header{gap:16px}
  .site-header .brand,.site-header .brand-logo{width:150px}
  .site-header .main-nav{gap:14px}
  .site-header .header-actions{gap:6px}
  .site-header .trip-button{padding-inline:11px;margin-left:0;gap:6px}
}
@media(max-width:1050px){
  .site-header .main-nav,.site-header .header-actions>.trip-button{display:none}
  .site-header .mobile-menu-toggle{display:grid}
  .site-header .header-actions{margin-left:auto}
}
@media(max-width:640px){
  .mobile-menu-nav{margin-top:20px}
  .mobile-menu-nav a,.mobile-menu-nav button{font-size:19px;padding-block:14px}
  .mobile-menu-bottom{padding-top:28px}
}
@media(max-width:370px){
  .site-header #header-saved{display:none}
  .site-footer>div{gap:12px 16px}
}