/* tour-cp: legend split into Probing products and third-party machines;
   machine groups as tiles (four to a row where a group has four). */
.cp-legend { align-items: center; }
.cp-lk { color: var(--muted); font-size: 12.5px; }
.cp-lk + .chip { margin-left: -2px; }
.cp-legend .cp-lk:not(:first-child) { margin-left: 8px; padding-left: 12px; border-left: 1px solid var(--line); }
.tiles .tile > .chip { justify-self: start; margin-bottom: -6px; }
.tiles.cp-row4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cp-row4 .tile { grid-column: auto; }
.cp-row4 .tile h3 { font-size: 19px; }
.cp-row4 .tile p { font-size: 14.5px; }
@media (max-width: 1000px) { .tiles.cp-row4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .tiles.cp-row4 { grid-template-columns: 1fr; } }
/* phones: Probing's own four stay full width, third-party machines go two to a row */
@media (max-width: 560px) {
  .tiles.cp-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 14px; }
  .cp-compact .tile { gap: 10px; }
  .cp-compact .tile h3 { font-size: 16px; }
  .cp-compact .tile p { font-size: 13.5px; }
}
.cp-note { margin-top: 48px; }
.cp-chip { justify-self: start; }
.cp-kb { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--panel-line); border: 1px solid var(--panel-line); }
.cp-kb a { display: block; padding: 12px 14px; background: var(--dark); color: #fff; font-size: 15px; text-decoration: none; }
.cp-kb a::after { content: " →"; color: var(--sky); }
.cp-kb a:hover { color: var(--sky); }
@media (max-width: 420px) { .cp-kb { grid-template-columns: 1fr; } }