/* Royal Studios mobile layout fixes */
@media (max-width:760px){
  /* The home-page build ledger only has two children per row: number + copy.
     Keep it explicit on mobile so WebViews do not depend on :has() to choose the grid. */
  .work .ledger{
    display:block;
    width:100%;
  }
  .work .ledger li,
  .work .ledger li:not(:has(.thumb)){
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    gap:12px;
    align-items:start;
    width:100%;
    padding:18px 0;
  }
  .work .ledger .no{
    grid-column:1;
    min-width:0;
    padding-top:3px;
  }
  .work .ledger .what{
    grid-column:2;
    min-width:0;
    width:100%;
  }
  .work .ledger .what b{
    display:block;
    width:100%;
    font-size:20px;
    line-height:1.15;
    white-space:normal;
    word-break:normal;
    overflow-wrap:normal;
  }
  .work .ledger .what span{
    display:block;
    width:100%;
    margin-top:7px;
    font-size:15px;
    line-height:1.55;
    white-space:normal;
    word-break:normal;
    overflow-wrap:normal;
  }
}