/* Mobile revision: share the header's graphite glass and keep every action on one row. */
@media(max-width:800px),(max-width:1000px) and (max-height:500px){
 html:root body.sl-layout-polish.streamline-mobile-companion .topbar{
  grid-template-columns:minmax(0,1fr) max-content!important;
  grid-template-rows:40px 30px!important;gap:4px 6px!important;
  padding:8px max(8px,env(safe-area-inset-right)) 7px max(8px,env(safe-area-inset-left))!important;
  height:90px!important;min-height:90px!important;align-items:center!important;
 }
 html:root body.sl-layout-polish.streamline-mobile-companion .topbar .brand{
  grid-column:1!important;grid-row:1!important;justify-self:start!important;
  min-width:0!important;width:auto!important;max-width:100%!important;
  padding:0!important;margin:0!important;gap:5px!important;overflow:hidden!important;
 }
 html:root body.sl-layout-polish.streamline-mobile-companion .topbar .streamline-wordmark{font-size:12px!important;white-space:nowrap!important}
 html:root body.sl-layout-polish.streamline-mobile-companion .topbar .brand-mark{width:22px!important;min-width:22px!important;flex:0 0 22px!important;margin:0!important}
 html:root body.sl-layout-polish.streamline-mobile-companion .topbar .top-actions{
  grid-column:2!important;grid-row:1!important;display:flex!important;flex-wrap:nowrap!important;
  width:max-content!important;min-width:0!important;max-width:none!important;gap:4px!important;
  margin:0!important;padding:0!important;justify-content:flex-end!important;align-items:center!important;
 }
 html:root body.sl-layout-polish.streamline-mobile-companion .topbar :is(.top-actions>.icon-button,.profile-button,#pcOpen,#arcadeBack,.household-tools>summary){
  width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;
  flex:0 0 36px!important;padding:7px!important;box-sizing:border-box!important;
 }
 html:root body.sl-layout-polish.streamline-mobile-companion .topbar .household-tools{flex:0 0 36px!important;width:36px!important;margin:0!important}
 html:root body.sl-layout-polish.streamline-mobile-companion .topbar .top-actions svg{width:20px!important;height:20px!important}
 html:root body.sl-layout-polish.streamline-mobile-companion .mobile-header-guide-info{grid-column:1/-1!important;grid-row:2!important;padding-inline:0!important}
 html:root body.sl-layout-polish.streamline-mobile-companion:is(.youtube-view,.arcade-view) .topbar{grid-template-rows:40px!important;height:64px!important;min-height:64px!important}
 html:root body.sl-layout-polish.streamline-mobile-companion .mobile-bottom-nav{
  background:var(--section-glass)!important;color:var(--section-ink)!important;border-color:var(--section-border)!important;
  box-shadow:var(--section-highlight),0 -10px 28px #0002!important;
  backdrop-filter:blur(24px) saturate(0%)!important;-webkit-backdrop-filter:blur(24px) saturate(0%)!important;
  gap:3px!important;
 }
 html:root body.sl-layout-polish.streamline-mobile-companion .mobile-bottom-nav button{
  position:relative;background:var(--section-control)!important;color:var(--section-muted)!important;
  border:1px solid var(--section-border)!important;border-radius:12px!important;
  box-shadow:var(--section-highlight)!important;padding-inline:1px!important;
 }
 html:root body.sl-layout-polish.streamline-mobile-companion .mobile-bottom-nav button.is-active{color:var(--section-ink)!important;border-color:var(--section-ink)!important}
 html:root body.sl-layout-polish.streamline-mobile-companion .mobile-bottom-nav button.is-active::after{content:'';position:absolute;bottom:3px;left:30%;right:30%;height:2px;border-radius:2px;background:currentColor}
 html:root body.sl-layout-polish.streamline-mobile-companion .mobile-bottom-nav button svg{stroke:currentColor!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 html:root body.sl-layout-polish.streamline-mobile-companion .mobile-bottom-nav button:focus-visible{outline:3px solid var(--section-ink)!important;outline-offset:-3px!important}
}
@media(max-width:360px){html:root body.sl-layout-polish.streamline-mobile-companion .topbar .streamline-wordmark{display:none!important}}
@media(prefers-reduced-transparency:reduce){html:root body.sl-layout-polish.streamline-mobile-companion .mobile-bottom-nav{background:var(--section-opaque)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

/* Keep the mobile Guide's logo track in sync with the enlarged logo. */
@media(max-width:800px),(max-width:1000px) and (max-height:500px){
 html:root body.sl-layout-polish.streamline-mobile-companion.mobile-guide-view #channelArea .guide-row{padding:4px!important}
 html:root body.sl-layout-polish.streamline-mobile-companion.mobile-guide-view #channelArea .channel-cell{
  display:grid!important;grid-template-columns:42px minmax(0,1fr) 28px!important;
  gap:8px!important;align-items:center!important;padding:0!important;
 }
 html:root body.sl-layout-polish.streamline-mobile-companion.mobile-guide-view #channelArea .guide-row .channel-cell .channel-logo{
  width:42px!important;min-width:42px!important;height:36px!important;justify-self:start!important;
 }
 html:root body.sl-layout-polish.streamline-mobile-companion.mobile-guide-view #channelArea .channel-cell>div{min-width:0;overflow:hidden}
 html:root body.sl-layout-polish.streamline-mobile-companion.mobile-guide-view #channelArea .channel-cell strong{line-height:1.3!important}
 html:root body.sl-layout-polish.streamline-mobile-companion.mobile-guide-view #channelArea .guide-list-button{justify-self:end!important;margin:0!important}
}