/* Space for the two-step type increase. Existing ink, opacity and weights stay intact. */
.room-heading-row { flex-wrap: wrap; }
.room-navigation { flex-shrink: 0; }
.filter-group { flex-wrap: wrap; }
body .menu-drawer .menu-room-head { white-space: normal; }
body .menu-drawer .menu-room-grid a { flex-wrap: wrap; gap: 8px 16px; }
.inquiry-chat-contact>div { flex-wrap: wrap; }

@media(max-width:700px), (max-width:1000px) and (pointer:coarse) {
  body .site-header { grid-template-columns: 54px minmax(0,1fr) 54px; }
  body .site-header .header-actions .menu-toggle { width: 54px; }
  .filter-group { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; }
  .filter { min-width: 0; }
  .inquiry-actions { flex-wrap: wrap; }
  .inquiry-actions>.contact-action { flex: 1 1 200px; }
}
@media(max-width:480px) {
  #roomDetail .room-header-block { grid-template-columns: minmax(0,1fr); row-gap: 16px; }
  #roomDetail .room-heading-row { display: contents; }
  #roomDetail .room-navigation { grid-column: 1; grid-row: 3; justify-self: end; }
  .member-form { grid-template-columns: minmax(0,1fr) 48px; }
  .member-form input { grid-column: 1; }
  .member-form button { grid-column: 2; grid-row: 1 / 3; }
}

.original-main .hero-bottom { justify-content: flex-end; }

/* Every price cell opens its room; touch input has no persistent hover shade. */
#priceTable tr { cursor: pointer; background: transparent; }
@media (hover: hover) and (pointer: fine) {
  #priceTable tr:hover { background: rgba(0, 0, 0, 0.035); }
}
body:not(.pointer-mode) #priceTable tr:focus-within { background: rgba(0, 0, 0, 0.035); }
#priceTable button:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

/* The location line and Korean heading keep their fine, upright face, like the LivingTel mark.
   This self-hosted subset contains the current Korean and English hero copy. */
@font-face {
  font-family: 'LivingTel Hero Light';
  src: url('/fonts/livingtel-hero-light.woff') format('woff');
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}
.original-main .hero-copy > .eyebrow,
.original-main .hero h1 {
  font-family: 'LivingTel Hero Light', var(--sans);
  font-weight: 200;
  font-style: normal;
}
/* Approved Great Vibes fine-stroke wordmark, rendered at 4x to preserve its fine hairlines at every responsive size.
   The text remains available to assistive technology and search engines. */
.original-main .hero .hero-english { max-width:100%; letter-spacing:normal; }
.original-main .hero .hero-english-script { display:block; width:9.6em; max-width:100%; height:auto; }
.original-main .hero .hero-english-text {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
}