/* Cabinet chrome only: keep native forms, typography and row density unchanged.
   Retain a readable wide-screen cap instead of stretching 4:3 course covers. */
:root[data-ca-density] .shell.clean-shell{
  width:calc(100% - 24px);
  max-width:1760px;
  margin:12px auto;
  min-height:calc(100dvh - 24px);
}
:root[data-ca-density] .clean-shell>.side{
  top:12px;
  height:calc(100dvh - 24px);
}
:root[data-ca-density] .clean-shell>.workspace{
  padding-left:clamp(24px,2vw,36px);
  padding-right:clamp(24px,2vw,36px);
  padding-bottom:28px;
}
@media(max-width:900px){
  :root[data-ca-density] .shell.clean-shell{width:100%;margin:0;min-height:100dvh}
  :root[data-ca-density] .clean-shell>.side{top:0;height:100dvh}
  :root[data-ca-density] .clean-shell>.workspace{padding-left:16px;padding-right:16px;padding-bottom:28px}
  :root[data-ca-density] .clean-shell .compact-head{padding-top:24px;padding-bottom:18px}
}