/* path-rows
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/path-rows.css. */
.path-rows .paths { display: grid; gap: var(--s3); }
.path-rows .path { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr) auto; gap: var(--s2) var(--s6); align-items: center; background: var(--card); border-radius: var(--r-panel); padding: 32px 40px; }
.path-rows .path h3 { font-size: 24px; font-weight: 500; }
.path-rows .path-for { margin-top: 4px; color: var(--muted); font-size: 16px; }
.path-rows .path ul { display: grid; gap: 6px; font-size: 17px; }
.path-rows .path ul li { position: relative; padding-left: 20px; }
.path-rows .path ul li::before { content: ""; position: absolute; left: 2px; top: 11px; width: 7px; height: 7px; border-radius: 50%; background: var(--highlight); }
@media (max-width: 1000px) {
  .path-rows .path { grid-template-columns: minmax(0, 1fr); padding: var(--s4); }
}
@media (max-width: 620px) {
  .path-rows .path { padding: var(--s4) var(--s3); }
}