/* 3.0.7 · the open phone menu locks the page on html only; overflow on body made it the sticky header's scroll container and sent the
     header to the top of the page. The open header is solid and light, like its panel, also over the dark sections. */
  @media (max-width: 900px) {
    html.m-lock body { overflow: visible !important; }
    header.nav.m-open { background: #FAFAFA !important; box-shadow: none !important; }
    header.nav.m-open.m-ondark .brand b { color: #3D3BF3; }
    header.nav.m-open.m-ondark .m-btn i { background: #0A0A0A; }
  }
  /* 3.0.7 · phone: one card gap for every stack; the neutral pill keeps its neighbours' edge; the ledger is not an agent, so its dot is grey */
  @media (max-width: 700px) {
    html body main .mf .m-cal ol.m-csteps { row-gap: 12px !important; }
    html body .mf .m-src li .p:not(.ok):not(.bad):not(.warn):not(.info) { box-shadow: inset 0 0 0 1px rgba(10,10,10,.12); }
    html body main #workforce .wf-step[data-agent="ledger"] .wf-by::before { background: #A2A2AA; }
  }