/* AI & Companions page: only what the shared design has no class for. The sheet legend uses the design's
   .legend rules (phl.css) and the memory switch the design's .tour group (work.css, listed before this file). */
.page-companions .tour { margin-top: 28px; }
.page-companions .tour .note { margin: 10px 0 0; min-height: 3em; font-size: 14px; line-height: 1.5; color: var(--fg-2); }

/* Revision 13 (J2, fixes-round-e.md): on a phone the memory switch follows the figure, as on /work/mayaclerk:
   label 1, heading 2, figure 3, switch 4 (before the legend, also 4, by source order), lead 5. */
@media (max-width: 860px) {
  .page-companions .hero__copy .tour { order: 4; margin-left: var(--gutter); margin-right: var(--gutter); }
}