/* V183 — keep the complete platform subtitle visible beside the view switch. */
@media (max-width:520px) {
  body .topbar,
  html.view-mobile body .topbar {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:5px!important;
    padding:7px!important;
  }

  body .brand,
  html.view-mobile body .brand {
    min-width:0!important;
    gap:6px!important;
    overflow:visible!important;
  }

  body .brandIcon,
  html.view-mobile body .brandIcon {
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
  }

  body .brandIcon svg,
  html.view-mobile body .brandIcon svg {
    width:20px!important;
    height:20px!important;
  }

  body .brandText,
  html.view-mobile body .brandText {
    min-width:0!important;
    width:auto!important;
    overflow:visible!important;
  }

  body .brandText b,
  html.view-mobile body .brandText b {
    font-size:14px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
  }

  body .brandText span,
  html.view-mobile body .brandText span {
    display:block!important;
    width:max-content!important;
    max-width:none!important;
    margin-top:3px!important;
    overflow:visible!important;
    font-size:clamp(5.8px,1.7vw,6.8px)!important;
    line-height:1.15!important;
    letter-spacing:.085em!important;
    white-space:nowrap!important;
  }

  body .viewSwitch,
  html.view-mobile body .viewSwitch {
    min-width:0!important;
    padding:2px!important;
    gap:2px!important;
    border-radius:11px!important;
  }

  body .viewBtn,
  html.view-mobile body .viewBtn {
    min-width:48px!important;
    height:32px!important;
    padding:0 5px!important;
    gap:4px!important;
    border-radius:9px!important;
  }

  body #mobileViewBtn,
  html.view-mobile body #mobileViewBtn {
    min-width:63px!important;
  }

  body #desktopViewBtn,
  html.view-mobile body #desktopViewBtn {
    min-width:49px!important;
  }

  body .viewBtn svg,
  html.view-mobile body .viewBtn svg {
    width:14px!important;
    height:14px!important;
  }

  body .viewLabel,
  html.view-mobile body .viewLabel {
    font-size:8px!important;
  }
}

@media (max-width:350px) {
  body .brandIcon,
  html.view-mobile body .brandIcon {
    width:34px!important;
    height:34px!important;
  }

  body .brandText b,
  html.view-mobile body .brandText b {
    font-size:12.5px!important;
  }

  body .brandText span,
  html.view-mobile body .brandText span {
    font-size:5.6px!important;
    letter-spacing:.07em!important;
  }

  body #mobileViewBtn,
  html.view-mobile body #mobileViewBtn {
    min-width:56px!important;
  }

  body #desktopViewBtn,
  html.view-mobile body #desktopViewBtn {
    min-width:45px!important;
  }

  body .viewLabel,
  html.view-mobile body .viewLabel {
    font-size:7px!important;
  }
}