/* VOLIQA V387 — MOBILE ONLY: center roadmap arrows + align Pattern Lab registry table.
   Desktop, header/menu, popups, footer and data logic are intentionally untouched. */
@media (max-width:760px){
  /* Both roadmap systems: arrows sit exactly on the horizontal centre of the pills. */
  .v368-product-roadmap>b,
  .v318-scanner-roadmap-flow>b{
    display:block!important;
    width:100%!important;
    justify-self:stretch!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    transform:rotate(90deg)!important;
    transform-origin:center!important;
    line-height:1!important;
  }

  /* Pattern Lab case-study registry: one authoritative mobile grid.
     More width for long pair names, fixed pill columns, centred cells. */
  #pattern-lab .v341-case-study-table{
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    overflow-x:hidden!important;
  }
  #pattern-lab .v341-case-row{
    display:grid!important;
    grid-template-columns:minmax(0,29%) minmax(0,15%) minmax(0,34%) minmax(0,22%)!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    padding-left:8px!important;
    padding-right:8px!important;
    box-sizing:border-box!important;
    align-items:center!important;
  }
  #pattern-lab .v341-case-row>*{
    min-width:0!important;
    padding-left:2px!important;
    padding-right:2px!important;
    box-sizing:border-box!important;
  }
  #pattern-lab .v341-case-row>b:first-child{
    justify-self:start!important;
    width:100%!important;
    font-size:8.5px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  #pattern-lab .v341-case-row>span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
  }
  #pattern-lab .v341-case-row .v341-table-badge{
    margin:0 auto!important;
    min-height:30px!important;
    height:30px!important;
    max-height:30px!important;
    max-width:100%!important;
    padding:3px 4px!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1.05!important;
  }
  #pattern-lab .v341-case-head>span{
    justify-content:center!important;
    text-align:center!important;
  }
  #pattern-lab .v341-case-head>span:first-child{
    justify-content:flex-start!important;
    text-align:left!important;
  }
}