/* V123 — guest drawer reset + larger confidence/history text + public business refinements */

/* ----------------------------
   1) Guest mobile drawer safety
   ---------------------------- */
@media (max-width:900px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.is-guest .site-header .main-nav,
  body.is-guest .site-header nav[data-menu]{
    left:0!important;right:auto!important;top:0!important;bottom:0!important;
    width:min(82vw,310px)!important;max-width:calc(100vw - 48px)!important;height:100dvh!important;
    margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    transform:translate3d(-112%,0,0)!important;visibility:hidden!important;pointer-events:none!important;
    box-sizing:border-box!important
  }
  body.is-guest .site-header .main-nav.open,
  body.is-guest .site-header nav[data-menu].open{
    transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important
  }
  body.is-guest .site-header .mobile-menu-head,
  body.is-guest .site-header .mobile-menu-intro,
  body.is-guest .site-header .mobile-menu-support,
  body.is-guest .site-header nav[data-menu]>a{min-width:0!important;max-width:100%!important}
  body.is-guest .site-header .mobile-menu-intro strong,
  body.is-guest .site-header .mobile-menu-intro a,
  body.is-guest .site-header .nav-link-copy strong,
  body.is-guest .site-header .nav-link-copy small,
  body.is-guest .site-header .mobile-menu-support strong,
  body.is-guest .site-header .mobile-menu-support small{white-space:normal!important;overflow-wrap:anywhere!important}
  body.is-guest .site-header .nav-actions{
    width:100%!important;grid-template-columns:1fr!important;gap:7px!important;padding:10px!important;margin:0!important
  }
  body.is-guest .site-header .nav-actions .login-link,
  body.is-guest .site-header .nav-actions .nav-cta{
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;justify-content:center!important
  }
  body.is-guest .menu-backdrop{left:0!important;right:0!important;width:100vw!important}
}
@media (max-width:430px){
  body.is-guest .site-header .main-nav,
  body.is-guest .site-header nav[data-menu]{width:min(86vw,300px)!important;max-width:calc(100vw - 38px)!important}
}

/* ---------------------------------
   2) Full report control in the center
   --------------------------------- */
.page-business .ts41-readmore{
  display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;
  border-top:1px solid var(--line)!important;padding-top:14px!important
}
.page-business .ts41-readmore summary{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:176px!important;min-height:40px!important;padding:9px 16px!important;margin:0 auto!important;
  border:1px solid var(--theme,var(--brand))!important;background:#fff!important;color:var(--theme,var(--brand))!important;
  font-size:12px!important;font-weight:700!important;letter-spacing:.02em!important;text-decoration:none!important;cursor:pointer!important
}
.page-business .ts41-readmore summary:after{content:'⌄';margin-left:8px;font-size:14px;line-height:1}
.page-business .ts41-readmore[open] summary:after{content:'⌃'}
.page-business .ts41-readmore-body{width:100%!important;justify-self:stretch!important;text-align:left!important}

/* -------------------------------------------------------
   3) WHY THIS SCORE — same visual language as area explorer
   ------------------------------------------------------- */
.page-business .ts-why-score.ts-score-explorer{
  margin-top:24px!important;padding-top:24px!important;border-top:1px solid #d7e2e0!important
}
.page-business .ts-score-rail-wrap{
  position:relative!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;
  gap:8px!important;align-items:stretch!important;max-width:1060px!important;margin:0 auto 14px!important
}
.page-business .ts-score-rail{
  display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;
  padding:1px 1px 8px!important;scroll-snap-type:x proximity!important;scrollbar-width:thin!important;
  -webkit-overflow-scrolling:touch!important
}
.page-business .ts-score-tile{
  flex:0 0 230px!important;min-height:108px!important;scroll-snap-align:start!important;
  border:1px solid var(--line,#d7e2e0)!important;background:#fff!important;padding:14px!important;
  display:grid!important;grid-template-rows:auto auto 1fr!important;gap:6px!important;text-align:left!important;
  box-shadow:0 8px 22px rgba(9,65,72,.045)!important
}
.page-business .ts-score-tile span{font-size:12px!important;color:var(--ink,#173b40)!important;font-weight:600!important;line-height:1.25!important}
.page-business .ts-score-tile b{font-size:27px!important;line-height:1!important;color:var(--theme,var(--brand,#005360))!important}
.page-business .ts-score-tile small{align-self:end;font-size:10.5px!important;line-height:1.45!important;color:var(--muted,#6b7c80)!important}
.page-business .ts-score-arrow{
  border:1px solid var(--line,#d7e2e0)!important;background:var(--brand-soft,#f2f7f6)!important;
  color:var(--theme,var(--brand,#005360))!important;font-size:25px!important;line-height:1!important;
  display:grid!important;place-items:center!important;cursor:pointer!important;padding:0!important
}
.page-business .ts-score-arrow:hover{background:var(--theme,var(--brand,#005360))!important;color:#fff!important}
.page-business .ts-score-signals{justify-content:center!important;max-width:1040px!important;margin:10px auto 0!important}
.page-business .ts-score-signals>span,
.page-business .ts-score-signals>a{
  display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:8px 11px!important;
  background:#edf5f4!important;border:1px solid #d2e1df!important;color:#3d5559!important;font-size:12.5px!important;line-height:1.35!important;font-weight:500!important;text-decoration:none!important
}

/* --------------------------------------------------
   4) Public comments and business responses — centered
   -------------------------------------------------- */
.page-business .ts44-user-comments-head{max-width:760px!important;margin:24px auto 14px!important;text-align:center!important;justify-items:center!important}
.page-business .ts43-user-comments-grid{
  width:min(100%,880px)!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;justify-content:center!important
}
.page-business .ts43-user-comment-card{
  width:100%!important;margin:0 auto!important;padding:16px 17px!important;background:#fff!important;
  border:1px solid var(--line,#d7e2e0)!important;box-shadow:0 8px 24px rgba(8,55,61,.045)!important;
  display:grid!important;gap:9px!important;text-align:left!important
}
.page-business .ts43-comment-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
.page-business .ts43-comment-top>div:first-child{display:grid!important;gap:2px!important}
.page-business .ts43-comment-top strong{font-size:13px!important;color:var(--ink,#173b40)!important}
.page-business .ts43-comment-top span{font-size:10px!important;color:var(--muted,#6b7c80)!important}
.page-business .ts43-comment-score{display:flex!important;align-items:flex-end!important;gap:2px!important;white-space:nowrap!important}
.page-business .ts43-comment-score b{font-size:22px!important;color:var(--theme,var(--brand,#005360))!important}
.page-business .ts43-comment-score small{font-size:10px!important;color:var(--muted,#6b7c80)!important;padding-bottom:2px!important}
.page-business .ts43-comment-stars{font-size:13px!important;letter-spacing:1px!important;color:#a97a13!important}
.page-business .ts43-user-comment-card>p{margin:0!important;font-size:13px!important;line-height:1.65!important;color:#314b50!important;text-align:left!important}
.page-business .tg81-review-trust{justify-content:center!important;margin-top:5px!important}
.page-business .tg81-comment-actions{justify-content:center!important;padding-top:7px!important;border-top:1px solid #edf2f1!important}
.page-business .ts43-business-reply{
  width:min(94%,760px)!important;margin:8px auto 0!important;padding:13px 14px!important;
  background:#f2f7f6!important;border:1px solid #d0e0dd!important;border-left:3px solid var(--theme,var(--brand,#005360))!important;
  display:grid!important;gap:5px!important;text-align:left!important
}
.page-business .ts43-business-reply b{font-size:10px!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:var(--theme,var(--brand,#005360))!important}
.page-business .ts43-business-reply p{margin:0!important;font-size:12.5px!important;line-height:1.6!important;color:#355157!important}
.page-business .ts43-comments-empty{max-width:760px!important;margin:0 auto!important;text-align:center!important}

@media (max-width:700px){
  .page-business .ts41-readmore summary{min-width:160px!important;min-height:38px!important;font-size:11.5px!important}
  .page-business .ts-score-rail-wrap{grid-template-columns:26px minmax(0,1fr) 26px!important;gap:5px!important}
  .page-business .ts-score-tile{flex-basis:176px!important;min-height:102px!important;padding:11px!important}
  .page-business .ts-score-tile b{font-size:23px!important}
  .page-business .ts-score-arrow{font-size:19px!important}
  .page-business .ts-score-signals{gap:6px!important}
  .page-business .ts-score-signals>span,.page-business .ts-score-signals>a{font-size:12px!important;line-height:1.4!important;min-height:38px!important;padding:9px 10px!important}
  .page-business .ts43-user-comment-card{padding:13px!important}
  .page-business .ts43-business-reply{width:100%!important;padding:11px 12px!important}
}

@media (max-width:430px){
  .page-business .ts-score-rail-wrap{grid-template-columns:22px minmax(0,1fr) 22px!important;gap:4px!important}
  .page-business .ts-score-tile{flex-basis:158px!important;min-height:96px!important}
  .page-business .ts-score-arrow{font-size:16px!important}
  .page-business .ts43-comment-top{align-items:center!important}
  .page-business .ts43-user-comment-card>p{font-size:12.5px!important}
}


/* -------------------------------------------------------
   V123 — guest drawer must never appear until menu is opened
   ------------------------------------------------------- */
@media (max-width:900px){
  body.is-guest:not(.menu-open) .site-header .main-nav.luxury-main-nav,
  body.is-guest:not(.menu-open) .site-header nav[data-menu],
  body.is-guest .site-header .main-nav.luxury-main-nav:not(.open),
  body.is-guest .site-header nav[data-menu]:not(.open){
    display:flex!important;
    position:fixed!important;
    left:0!important;right:auto!important;top:0!important;bottom:0!important;
    width:min(78vw,286px)!important;max-width:calc(100vw - 64px)!important;
    transform:translate3d(-135%,0,0)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
  body.is-guest.menu-open .site-header .main-nav.luxury-main-nav.open,
  body.is-guest.menu-open .site-header nav[data-menu].open{
    width:min(78vw,286px)!important;max-width:calc(100vw - 64px)!important;
    transform:translate3d(0,0,0)!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
  body.is-guest:not(.menu-open) .menu-backdrop,
  body.is-guest .menu-backdrop:not(.show){
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
}
@media (max-width:430px){
  body.is-guest.menu-open .site-header .main-nav.luxury-main-nav.open,
  body.is-guest.menu-open .site-header nav[data-menu].open,
  body.is-guest:not(.menu-open) .site-header .main-nav.luxury-main-nav,
  body.is-guest:not(.menu-open) .site-header nav[data-menu]{
    width:min(82vw,274px)!important;max-width:calc(100vw - 54px)!important;
  }
}

/* -------------------------------------------------------
   V123 — confidence / history information must be readable
   ------------------------------------------------------- */
.page-business .ts-score-signals{
  gap:8px!important;
}
.page-business .ts-score-signals>span,
.page-business .ts-score-signals>a{
  min-height:40px!important;
  padding:10px 12px!important;
  font-size:12.5px!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}
.page-business .ts-score-signals b{
  font-size:13px!important;
  font-weight:800!important;
  color:var(--ink,#173b40)!important;
}
.page-business .tg81-transparency-row{
  gap:10px!important;
  margin-top:14px!important;
}
.page-business .tg81-transparency-row>a,
.page-business .tg81-transparency-row>article{
  min-height:78px!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  column-gap:11px!important;
  padding:14px!important;
  align-content:center!important;
}
.page-business .tg81-transparency-row span{
  width:40px!important;
  height:40px!important;
  font-size:16px!important;
}
.page-business .tg81-transparency-row b{
  font-size:13.5px!important;
  line-height:1.3!important;
  font-weight:800!important;
}
.page-business .tg81-transparency-row small{
  margin-top:3px!important;
  color:#536c71!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
@media(max-width:700px){
  .page-business .ts-score-signals{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
  }
  .page-business .ts-score-signals>span,
  .page-business .ts-score-signals>a{
    width:100%!important;
    justify-content:space-between!important;
    font-size:12.5px!important;
    min-height:42px!important;
    padding:10px 12px!important;
  }
  .page-business .ts-score-signals b{font-size:13.5px!important}
  .page-business .tg81-transparency-row>a,
  .page-business .tg81-transparency-row>article{min-height:84px!important;padding:14px!important}
  .page-business .tg81-transparency-row b{font-size:14px!important}
  .page-business .tg81-transparency-row small{font-size:12px!important;line-height:1.55!important}
}