/* MPMH_FRONTCONV061 — STATS FRAME + APPROVED LOGO RAIL OWNER
   Scope: Stats framing and approved-logo side rails only.
   FRONTCONV060 retains all Stats typography, public-label hierarchy, readout spacing and section presentation.
   This file does not reduce font sizes, alter readout identity/value/formula/source bindings, or modify navigation/directory behavior. */

html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-frame{
  width:100%;
  box-sizing:border-box;
}

html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo-rail{
  display:none;
}

@media(min-width:1320px){
  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh032-stats-entry-readout .mpmh022-stats-canvas{
    padding-left:clamp(22px,2vw,38px)!important;
    padding-right:clamp(22px,2vw,38px)!important;
  }

  /* Moderate first-pass narrowing: center remains generously wide while the blue
     workspace gains useful brand rails. Typography remains entirely owned by FC060. */
  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-frame{
    display:grid;
    grid-template-columns:minmax(120px,1fr) minmax(0,1380px) minmax(120px,1fr);
    gap:18px;
    align-items:start;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-frame > .mpmh041-stats-master-box{
    grid-column:2;
    width:100%!important;
    max-width:1380px!important;
    min-width:0!important;
    margin:0 auto!important;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo-rail{
    display:block;
    align-self:stretch;
    min-width:0;
    padding-top:1px;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo-rail-left{grid-column:1;}
  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo-rail-right{grid-column:3;}

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo-sticky{
    position:sticky;
    top:18px;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    width:100%;
    max-width:104px;
    margin:0 auto;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:58px;
    box-sizing:border-box;
    padding:7px 8px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(255,255,255,.76);
    border-radius:0;
    box-shadow:none;
    text-decoration:none;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo img{
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:38px;
    object-fit:contain;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo:hover,
  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo:focus-visible{
    outline:1px solid rgba(120,205,252,.82);
    outline-offset:2px;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo.is-logo-missing{
    display:none!important;
  }

  /* Keep the moderate-width range visually quiet: seven logos per side, one column. */
  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo:nth-child(n+8){
    display:none;
  }
}

@media(min-width:1600px){
  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-frame{
    gap:22px;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:184px;
    gap:9px;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo{
    height:62px;
    padding:8px 7px;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo img{
    max-height:40px;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-logo:nth-child(n+8){
    display:flex;
  }
}

@media(max-width:1319px){
  /* Below the rail breakpoint the FC060 full-width Stats presentation returns intact. */
  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-frame{
    display:block;
  }

  html.mpmh-frontconv061 body #publicShell #shellMain .mpmh061-stats-frame > .mpmh041-stats-master-box{
    width:100%!important;
    max-width:none!important;
    margin:0 auto!important;
  }
}