/* Asia2TV mobile interface follow-up: community tools and member workspace. */
@media (max-width:700px){
  /* Keep the comment counter identical to the adjacent community mark. */
  .studio-title-detail .title-community-v158 .community-count,
  .studio-watch-page .movie-community-unified .community-count{
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    border-radius:11px!important;
    line-height:1!important;
  }
  .studio-title-detail .title-community-v158 .community-count b,
  .studio-watch-page .movie-community-unified .community-count b{
    margin:0!important;
    font:900 15px/1 Arial,sans-serif!important;
  }
  .studio-title-detail .title-community-v158 .community-count small,
  .studio-watch-page .movie-community-unified .community-count small{display:none!important}

  /* The follow action is a centered, deliberate control on phones. */
  .studio-title-detail .community-heading-actions{
    box-sizing:border-box;
    display:flex!important;
    width:100%!important;
    margin:8px auto 0!important;
    padding:0 34px!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .studio-title-detail .community-heading-actions>form{
    display:flex;
    width:min(260px,100%);
    margin-inline:auto;
  }
  .studio-title-detail .discussion-follow-button{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }

  /* Composer ideas: readable two-column chips without horizontal clipping. */
  .studio-title-detail .composer-tools.compact-tools,
  .studio-watch-page .composer-tools.compact-tools{
    width:100%;
    margin-bottom:10px;
  }
  .studio-title-detail .composer-tools-toggle,
  .studio-watch-page .composer-tools-toggle{
    min-height:42px;
    padding:9px 11px!important;
    gap:8px;
    border-radius:11px!important;
    font-size:11px!important;
    line-height:1.5;
  }
  .studio-title-detail .composer-tools-toggle span,
  .studio-watch-page .composer-tools-toggle span{min-width:0}
  .studio-title-detail .composer-tools-content,
  .studio-watch-page .composer-tools-content{
    display:grid;
    gap:12px;
    padding:12px 0 2px!important;
  }
  .studio-title-detail .composer-tool-row,
  .studio-watch-page .composer-tool-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    min-width:0;
  }
  .studio-title-detail .composer-tool-row>span,
  .studio-watch-page .composer-tool-row>span{
    padding:0!important;
    font-size:10px!important;
  }
  .studio-title-detail .composer-tool-row>div,
  .studio-watch-page .composer-tool-row>div{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%;
    overflow:visible!important;
    padding:0!important;
  }
  .studio-title-detail .composer-tool-row button,
  .studio-watch-page .composer-tool-row button{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:34px;
    justify-content:center;
    padding:6px 7px!important;
    font-size:10px!important;
    line-height:1.35;
    white-space:normal!important;
    text-align:center;
  }

  /* All six member destinations stay visible and balanced on phones. */
  body.studio-theme .a2-member-workspace{padding-top:14px}
  body.studio-theme .a2-workspace-shell{
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:calc(100% - 20px)!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  body.studio-theme .a2-workspace-identity{
    min-height:72px;
    padding:10px 11px 12px!important;
    border-left:0!important;
    border-bottom:1px solid #173653;
  }
  body.studio-theme .a2-workspace-avatar{
    width:44px;
    height:44px;
    flex-basis:44px;
    border-radius:13px;
  }
  body.studio-theme .a2-workspace-nav{
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%;
    overflow:visible!important;
    padding:0!important;
  }
  body.studio-theme .a2-workspace-nav a{
    box-sizing:border-box;
    min-width:0!important;
    min-height:66px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px!important;
    padding:7px 4px!important;
    text-align:center;
    border-color:#112e49;
    border-radius:12px;
  }
  body.studio-theme .a2-workspace-nav a>i{font-size:15px;line-height:1}
  body.studio-theme .a2-workspace-nav a>span{
    display:block;
    min-width:0;
    width:100%;
    white-space:normal!important;
  }
  body.studio-theme .a2-workspace-nav b{
    display:block;
    overflow:hidden;
    font-size:11px!important;
    line-height:1.4;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  body.studio-theme .a2-workspace-nav small{display:none!important}
  body.studio-theme .a2-workspace-nav a.active:after{right:24%;left:24%;bottom:3px}
}

@media (max-width:360px){
  body.studio-theme .a2-workspace-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}