/* Shared approved Whiiso guiding-W identity.
   The same extracted logo is used on all public/authenticated surfaces. */
.logo .brand-lockup,
.wh-review-brand .brand-lockup{display:block;flex:none;width:auto;max-width:100%;height:40px;object-fit:contain;vertical-align:middle}
.logo:has(.brand-lockup){gap:0;white-space:nowrap}
#hero .logo .brand-lockup{width:auto;height:41px}
#testi .wh-review-brand .brand-lockup{height:29px;width:auto}
#testi .wh-footer-brand .logo .brand-lockup{height:45px;width:auto}
.shell .top .logo .brand-lockup{height:41px;width:auto}
.app-topbar .top-logo .brand-lockup{height:40px;width:auto}
.drawer-top .logo .brand-lockup{height:36px;width:auto}
.side .logo .brand-lockup{height:40px;width:auto}
@media(max-width:860px){
  #hero .logo .brand-lockup{height:34px}
  .app-topbar .top-logo .brand-lockup{height:32px}
  .drawer-top .logo .brand-lockup{height:32px}
}
@media(max-width:520px){
  #hero .logo .brand-lockup{height:29px}
  #testi .wh-review-brand .brand-lockup{height:26px}
  #testi .wh-footer-brand .logo .brand-lockup{height:34px}
  .shell .top .logo .brand-lockup{height:32px}
}


/* Whiiso V31 reference logo — this path and gradient come from the supplied
 * scratch HTML, not from an invented or separately generated brand mark. */
.whiiso-v31-logo {display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;font:800 25px/1 'Figtree',system-ui,sans-serif;letter-spacing:-.045em;color:#111;white-space:nowrap}
.whiiso-v31-logo .wh-logo-mark {display:block;flex:none;width:28px;height:28px;overflow:visible}
.whiiso-v31-logo-name {display:inline-block}
.app-topbar .top-logo .whiiso-v31-logo {font-size:25px}
.drawer-top .logo .whiiso-v31-logo {font-size:23px}
.shell .top .logo .whiiso-v31-logo {font-size:25px}
#hero .logo .whiiso-v31-logo {font-size:25px}
@media(max-width:860px) {
 .app-topbar .top-logo .whiiso-v31-logo {font-size:23px}
 .app-topbar .top-logo .whiiso-v31-logo .wh-logo-mark {width:26px;height:26px}
 #hero .logo .whiiso-v31-logo {font-size:23px}
}