/* Style contract: Cothink mobile product state is a calm, centred section label; it carries context without competing with the product stage. */
.mobile-system-pager { display:none; }

@media (max-width:560px) {
  .motion-tabs {
    display:block;
    overflow:visible;
    padding:0;
    border-bottom:1px solid #3d3d49;
    background:#20202c;
  }

  .motion-tabs > [data-system] { display:none; }

  .mobile-system-pager {
    display:grid;
    min-height:42px;
    place-items:center;
    padding:0 18px;
  }

  .mobile-system-pager b {
    overflow:hidden;
    color:#c7c9d5;
    font:10px var(--mono);
    font-weight:500;
    letter-spacing:.07em;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
  }
}