/* V136.17 — meaning-based Japanese wrapping and tablet-width safeguards. */
.meaning-unit-v13617,
.career-recruit-page .career-phrase{
  display:inline-block;
  max-width:100%;
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:keep-all;
}

body[data-salon] .menu-note>.pc-meaning-line{
  display:block;
}

/* The salon MENU changes to two columns at 1051px. Give the first-visit
   message enough room through the iPad-landscape range without changing type. */
@media (min-width:1051px) and (max-width:1279px){
  body[data-salon] .menu-layout{
    grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
    gap:clamp(36px,4vw,48px);
  }
}

/* RECRUIT's former 821–1180px two-column valley made prose columns too narrow.
   Only this tablet range becomes one column; desktop and phone rules stay intact. */
@media (min-width:821px) and (max-width:1180px){
  .recruit-page-v13617 .message-two-grid{
    grid-template-columns:1fr;
    gap:58px;
  }
  .recruit-page-v13617 .message-column-right{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.22);
    padding:50px 0 0;
  }
  .recruit-page-v13617 .message-column-right>p,
  .recruit-page-v13617 .message-column-right>.signature{
    margin-left:0;
  }
  .recruit-page-v13617 .people-story{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .recruit-page-v13617 .environment{
    grid-template-columns:1fr;
    gap:52px;
  }
  .recruit-page-v13617 .environment-copy{
    order:1;
    max-width:720px;
  }
  .recruit-page-v13617 .environment-photo{
    order:2;
  }
  .recruit-page-v13617 .selection-content{
    grid-template-columns:1fr;
  }
}