/* Clean Core mobile National Dex header: the added height belongs to the title,
   while the certified image row retains its original space and fitting rules. */
@media (max-width:760px), (pointer:coarse) and (max-width:960px) and (max-height:600px){
  #binderView .binder-grid{
    /* Old header: 3px outer top + 6px strong padding + 12.5px * 1.15.
       The 42px title adds exactly 18.625px to the old pocket height. */
    --binder-mobile-pocket-height:calc(clamp(108px,28vw,132px) + 18.625px)!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  #binderView .binder-pocket-header{
    box-sizing:border-box!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
  #binderView .binder-pocket-header .binder-pocket-identity strong{
    box-sizing:border-box!important;
    display:block!important;
    min-width:0!important;
    padding:2px 3px!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:normal!important;
    line-height:1.1!important;
    font-size:10px!important;
  }
  #binderView .binder-pocket-title-dex{
    display:block;
    font-size:9px;
    line-height:11px;
  }
  #binderView .binder-pocket-title-name{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    max-height:22px;
    overflow:hidden;
    overflow-wrap:anywhere;
    white-space:normal;
    line-height:11px;
  }
}