/* Book7 client revision 2026-09-29
   Scope: strength.html + menu.html only.
*/

/* STRENGTH: center the English eyebrow precisely over the Japanese page title. */
#strength #top_info .tt-en{
  left:0!important;
  width:100%;
  text-align:center!important;
}
#strength #top_info .tt-en svg{
  display:block;
  margin:0 auto;
}
#strength #top_info .roomie-page-eyebrow{
  width:100%;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
#strength #top_info .u-tt-ja[data-display-title]{
  font-size:0!important;
  text-align:center!important;
}
#strength #top_info .u-tt-ja[data-display-title]::after{
  content:attr(data-display-title)!important;
  display:block;
  font-size:48px!important;
  line-height:1.5!important;
}

/* STRENGTH: supplied 01-05 artwork replaces the temporary symbol icons. */
#strength .strength-targets__icon{
  width:82px!important;
  height:72px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:hidden;
}
#strength .strength-targets__icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

/* STRENGTH: opening caution is spoken by Uribou, matching the reference speech style. */
#strength .strength-opening-voice{
  margin:20px 0 0!important;
}
#strength .strength-opening-voice .txt_pick2{
  min-height:82px;
  display:flex;
  align-items:center;
}
#strength .strength-opening-voice .txt_pick2 p{
  margin:0!important;
}

/* STRENGTH: supplied photos 06/07 with heading + lead vertically centered beside each image. */
#strength .strength-reason__media{
  display:grid;
  grid-template-columns:minmax(360px, .92fr) minmax(0, 1.08fr);
  gap:38px;
  align-items:center;
  margin:0 0 22px;
}
#strength .strength-reason__photo{
  margin:0!important;
  min-width:0;
}
#strength .strength-reason__photo img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:24px;
}
#strength .strength-reason__copy{
  align-self:center;
  min-width:0;
}
#strength .strength-reason__copy h3{
  margin-top:0!important;
  margin-bottom:18px!important;
  font-size:35px!important;
  line-height:1.55!important;
}
#strength .strength-reason__copy>p:last-child{
  margin-bottom:0!important;
}

/* STRENGTH: the two comparison block captions are +4px from the prior 16px size. */
#strength .strength-reason .roomie-info-comparison__title{
  font-size:20px!important;
  line-height:1.5;
}

/* STRENGTH: after-purchase cards - bring the yellow rule closer to each heading. */
#strength #strength_add_afterpurchase .roomie-add-card h3{
  padding-left:28px!important;
}
#strength #strength_add_afterpurchase .roomie-add-card h3::before{
  width:10px!important;
  left:0!important;
}
/* Keep the third heading on one line on desktop. */
@media screen and (min-width:900px){
  #strength #strength_add_afterpurchase .roomie-add-card:nth-child(3) h3{
    white-space:nowrap;
    font-size:20px!important;
    letter-spacing:0!important;
  }
}

/* MENU: supervision heading - no yellow side rule, centered. */
#menu .roomie-supervision-note h3{
  padding-left:0!important;
  text-align:center!important;
  margin-bottom:22px!important;
}
#menu .roomie-supervision-note h3::before,
#menu .roomie-supervision-note h3::after{
  display:none!important;
  content:none!important;
}

/* MENU: align each pair of feature cards at illustration top and body-text start. */
@media screen and (min-width:768px){
  #menu #menu_ttl4 .roomie-feature-card>h3{
    height:122px!important;
    min-height:122px!important;
    margin:0 0 12px!important;
    display:flex;
    align-items:flex-start;
  }
  #menu #menu_ttl4 .roomie-feature-card>img{
    width:auto!important;
    max-width:306px!important;
    height:310px!important;
    max-height:310px!important;
    object-fit:contain!important;
    margin:0 auto 16px!important;
    flex:0 0 310px;
  }
  #menu #menu_ttl4 .roomie-feature-card>p{
    margin:0!important;
  }
}

@media screen and (max-width:767px){
  #strength .strength-targets__icon{
    width:66px!important;
    height:58px!important;
  }
  #strength .strength-reason__media{
    display:flex;
    flex-direction:column;
    gap:18px;
    align-items:stretch;
  }
  #strength .strength-reason__photo{
    order:2;
  }
  #strength .strength-reason__copy{
    order:1;
  }
  #strength .strength-reason__copy h3{
    margin-bottom:12px!important;
    font-size:21px!important;
  }
  #strength .strength-reason .roomie-info-comparison__title{
    font-size:18px!important;
  }
  #menu .roomie-supervision-note h3{
    font-size:21px!important;
  }
  #strength #top_info .u-tt-ja[data-display-title]::after{
    font-size:26px!important;
  }
}