/* V136.1 — PC-only overflow, salon-card and readability corrections. */

@media (min-width:1101px){
  /* Neutral inline markup becomes a deliberate meaning-based line only on PC. */
  .pc-meaning-line{display:block;}

  /* Percentage columns previously consumed 100% before the gap was added. */
  #recruit.recruit{
    grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important;
    gap:clamp(42px,5vw,72px)!important;
  }
  #recruit.recruit>*{min-width:0!important;}
  #recruit.recruit video{
    display:block;
    width:100%!important;
    max-width:100%!important;
    height:auto;
  }

  /* TOP: readable secondary information without competing with headings. */
  .ceo-head .sub{
    font-size:16px!important;
    line-height:1.8!important;
  }
  .ceo-head .sub span{display:inline-block;white-space:nowrap;}
  .company-v60__facts dt{font-size:14px!important;line-height:1.55!important;}
  #salons .salon-meta span{font-size:13px!important;line-height:1.5!important;}
  /* Keep every salon card on two lines at all desktop widths: name above,
     action below. The former 1600px+ single-row switch caused annex overlap. */
  #salons .salon-meta{
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
    align-items:start!important;
  }
  #salons .salon-meta span{
    justify-self:end!important;
    margin-top:1px!important;
  }
  .entry.top-recruit-cta-v67>span{font-size:13px!important;line-height:1.45!important;}
  .latest-notice-v54 span{font-size:13px!important;}
  .latest-notice-v54 time{font-size:14px!important;}
  .content-detail-v54__eyebrow{font-size:13px!important;}
  .content-detail-v54 time,
  .content-detail-v54__meta{font-size:14px!important;}
  .staff-login-link{font-size:13px!important;line-height:1.5!important;}
  .recruit-site-header-v136-1 .site-brand small{font-size:11px!important;}
  .recruit-site-header-v136-1 .header-entry{font-size:13px!important;letter-spacing:.08em;}

  /* Shared PEOPLE / Instagram identity. */
  .ysp-instagram{font-size:15px!important;line-height:1.2!important;gap:9px!important;}
  .ysp-instagram svg{width:22px!important;height:22px!important;}
  .ysp-card__new{font-size:12px!important;line-height:1.2!important;}
  .ysp-card__salon{font-size:13px!important;line-height:1.5!important;}
  .ysp-card__detail{font-size:12px!important;line-height:1.5!important;}

  /* Salon pages. */
  .feature-index,
  .notice-label{font-size:13px!important;line-height:1.55!important;}
  .notice-date,
  .info-link time,
  .info-item-v53 time,
  .notice-managed time{font-size:14px!important;line-height:1.55!important;}
  .info-item-v53 p{font-size:15px!important;line-height:1.75!important;}
  .info-dl dt{font-size:14px!important;line-height:1.55!important;}
  .menu-note{font-size:14px!important;line-height:1.8!important;}
  .specialty-link-panel span{font-size:13px!important;line-height:1.55!important;}

  /* Eyelash / healing spa pages. */
  .approach-grid article>span,
  .spa-experience-grid figcaption span,
  .design-side>p>span:first-child,
  .lash-price-head p,
  .lash-price-head>span,
  .lash-option-card dt small,
  .spa-course-label,
  .spa-course-summary small,
  .spa-option-list dt small,
  .salon-copy dt,
  .eyelash-film-v115__eyebrow{font-size:13px!important;line-height:1.6!important;}
  .approach-grid p .keep-together{
    font:inherit!important;
    line-height:inherit!important;
    letter-spacing:inherit!important;
    color:inherit!important;
  }
  .spa-course-note{font-size:14px!important;line-height:1.8!important;}
  .salon-copy dt{font-size:14px!important;}
  .eyelash-film-v115__toggle{font-size:12px!important;line-height:1.2!important;}
  .site-header>nav:not([class]) a,
  .site-header>nav:not([class])+.header-reserve{font-size:13px!important;}

  /* RECRUIT: labels, notes and source text. */
  .message-two-refrain,
  .snap-burst-copy>span,
  .values-grid>article>span,
  .workstyle-grid>article>span,
  .education-list>article>span,
  .career-paths>article>span,
  .people-grid figcaption span,
  .income-label,
  .newgrad-notice span,
  .education-assurance span,
  .support-card>span,
  .newgraduate-label,
  .recruit-highlight-grid article>span,
  .info-accordion summary span,
  .info-definition-grid dt,
  .salary-list-v80 article>span,
  .condition-grid dt{font-size:13px!important;line-height:1.55!important;}

  .evidence-source p,
  .evidence-source .u-nowrap,
  .support-note,
  .info-note,
  .salary-list-v80 small{font-size:14px!important;line-height:1.8!important;}

  .info-accordion summary{gap:38px!important;}
  .site-footer span,
  .site-footer nav a,
  .site-footer p{font-size:13px!important;}
}

@media (min-width:1101px) and (max-width:1180px){
  /* Keep enlarged EYELASH card labels separated at the narrow edge of PC. */
  .lash-price-head{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
    min-height:185px;
  }
  .lash-price-head>span{
    padding-top:0;
    text-align:left;
    white-space:nowrap;
  }
}

@media (min-width:1181px){
  /* Keep the full recruitment header from tightening into itself. */
  .recruit-site-header-v136-1{grid-template-columns:auto minmax(0,1fr) auto;}
  .desktop-nav{
    min-width:0;
    gap:clamp(12px,1.35vw,22px);
    padding-inline:16px;
  }
  .desktop-nav a,
  .header-entry{font-size:13px!important;letter-spacing:.06em;}

}