/* R72: simplified Mosaeli guide (Polished), as requested Oct 5. Static and scoped to help only. */
[class].mg-avatar{
  background:#fff url("mosaeli-help-face-r72.webp") center/contain no-repeat;
  border-radius:50%;
  box-shadow:0 0 0 1px #dfe7f2;
}
.topbar>.mg-guide-shortcut img{
  width:36px!important;height:36px!important;display:block!important;
  flex:0 0 36px;object-fit:contain;border-radius:50%;background:white;
  box-shadow:0 0 0 1px #dfe7f2;
}
.mg-dialog-head .mg-avatar{width:52px;height:52px;flex-basis:52px}
.mg-help-card>.mg-avatar{
  width:120px;height:150px;flex-basis:120px;border-radius:18px;
  background:#fff url("mosaeli-help-welcome-r72.webp") center/contain no-repeat;
  box-shadow:none;align-self:flex-start;
}
@media(max-width:650px){
  .mg-help-card{flex-direction:row;gap:18px;align-items:flex-start}
  .mg-help-card>.mg-avatar{width:76px;height:95px;flex-basis:76px;border-radius:14px}
  .mg-help-card>div{min-width:0;flex:1}
  .mg-help-card h2{font-size:20px}
}
@media(max-width:420px){
  .mg-help-card{flex-direction:column}
  .mg-help-card>.mg-avatar{width:88px;height:110px;flex-basis:110px}
}

/* R72: small-screen page heading layout (title + info button stay together) */
@media (max-width: 640px){
  .md-overview-head{flex-wrap:wrap;gap:12px}
  .md-overview-head>div:first-child{flex:1 1 100%;min-width:0}
  .mg-title-row{flex-wrap:wrap;align-items:center}
  .mg-title-row h1{flex:0 1 auto;min-width:0}
  .mg-title-row .individual-context{order:3;flex:1 1 100%}
}