/* ---------- Processes module (#529, ported one to one to the canvas in #573) ----------
     The module now owns a real shell context column (the read-only library, #ctxProcesses on the
     shared context-column track) and a stage. The stage uses the canvas `.page`, `.cs`, `.mh`,
     `.box` and settings.css `.st-*` rules from the linked canvas stylesheets, so there is no
     app-local copy of them. The module is marked Soon: the stage opens on a holding note and lets a
     person read each process in the Agency's own words, but nothing here edits a process. Only the
     app-shell scoping lives here. */
  .shell2.ctx-processes .rail{display:none}
  .is-processes .list-head{display:none}
  .is-processes .search,.is-processes .chips{display:none}
  .is-processes #list{display:block;position:relative;padding:0;overflow:hidden}
  /* A process step is plain words only (adr/0074, #1426): the step table has two columns, the
     number and the step. The canvas settings.css grid has four columns for its other tables, so
     this rule, at a higher specificity, narrows it to two at every width. */
  .is-processes .st-step{grid-template-columns:28px minmax(0,1fr)}
  /* A heading and its paragraph sit close together; the page body keeps its wider gap between
     sections. */
  .is-processes .proc-sec{display:flex;flex-direction:column;gap:6px}
  /* In Inter, tabular figures also swap the hyphen for a figure-wide glyph, so "Follow-up" showed a
     wide gap on each side of its hyphen (#1462). Since #1472 the page body keeps the normal glyphs.
     A process is words, not a column of figures, so the process view and the library column keep
     the proportional glyphs even if an ancestor sets tabular figures again. */
  .is-processes .page,#ctxProcesses{font-variant-numeric:normal}
  @media (max-width:820px){
    /* At narrow width the shared list head returns, carrying only "Toggle sidebar" so the library
       overlay can be opened; the Mail title, refresh and actions stay hidden. */
    .is-processes .list-head{display:block;padding:10px 14px 0}
    .is-processes .lh-title,.is-processes .refresh,.is-processes .lh-actions{display:none}
  }