/* MandarinBench Studio — Stage 8 responsive and interaction polish */

.mb-studio-topbar{background:var(--color-bg)}
.mb-studio-brand{min-width:var(--studio-left-rail-width);padding:0 var(--space-6);gap:var(--space-3)}
.mb-studio-mark{width:28px;height:28px;background:var(--color-accent);color:var(--color-paper);font-size:16px}
.mb-studio-wordmark{font-size:20px;letter-spacing:0}
.mb-studio-tabs{height:36px;align-self:center;border:var(--border-hairline);margin-left:var(--space-4)}
.mb-studio-tab{height:34px;min-width:82px;border-right:var(--border-hairline);padding:0 var(--space-4);background:transparent}
.mb-studio-tab:last-child{border-right:0}
.mb-studio-tab.is-active{background:var(--color-accent);color:var(--color-paper)}
.mb-studio-action,.mb-studio-print{background:var(--color-bg)}
.mb-studio-print{background:var(--color-accent);color:var(--color-paper)}
.mb-studio-print:hover{background:var(--color-accent-600)}
.mb-studio-print:active{background:var(--color-accent-700)}

.mb-panel-toggle{
  display:none;align-self:center;width:36px;height:36px;margin-left:var(--space-3);
  border:var(--border-hairline);background:transparent;color:var(--color-text);padding:0;cursor:pointer
}
.mb-panel-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mb-panel-toggle:hover{background:var(--color-accent-100)}
.mb-panel-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}

@supports(height:100dvh){
  html,body,.mb-studio{height:100dvh}
}

@media(max-width:1180px){
  .mb-studio-brand{min-width:202px;padding-inline:var(--space-4)}
  .mb-studio-tabs{margin-left:0}
}

@media(max-width:900px){
  .mb-studio-brand{min-width:0;padding-inline:var(--space-3)}
  .mb-studio-tabs{margin-left:0}
  .mb-panel-toggle{display:grid;place-items:center;flex:0 0 auto}
}

@media(max-width:620px){
  .mb-studio{grid-template-rows:54px minmax(0,1fr)}
  .mb-studio-topbar{height:54px;padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
  .mb-studio-brand{padding-inline:var(--space-3)}
  .mb-studio-mark{width:28px;height:28px}
  .mb-studio-tabs{height:34px}
  .mb-studio-tab{height:32px;min-width:58px;padding-inline:var(--space-2);font-size:var(--type-label)}
  .mb-panel-toggle{width:34px;height:34px;margin-left:var(--space-2)}
  .mb-studio-print{min-width:64px;font-size:10px;padding-inline:var(--space-2)}
}

@media(max-width:430px){
  .mb-studio-brand{padding-inline:var(--space-2)}
  .mb-studio-tabs{margin-left:0}
  .mb-studio-tab{min-width:52px;font-size:11px}
  .mb-panel-toggle{margin-left:var(--space-1)}
  .mb-studio-print{min-width:58px;font-size:9px}
}

@media(prefers-reduced-motion:reduce){
  .mb-panel-toggle,.mb-studio-tab,.mb-studio-action,.mb-studio-print{transition:none!important}
}