/* apply-paths-three
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/apply-paths-three.css. */
.apply-paths .howto { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; counter-reset: none; }
.apply-paths .howto > li { background: var(--card); border-radius: 16px; padding: 32px; }
.apply-paths .howto h3 { font-size: 24px; }
.apply-paths .howto .test { margin-top: 8px; color: var(--muted); font-size: 16px; }
.apply-paths .howto ol { margin-top: 20px; counter-reset: s; }
.apply-paths .howto ol li { counter-increment: s; position: relative; padding-left: 40px; font-size: 16px; }
.apply-paths .howto ol li + li { margin-top: 12px; }
.apply-paths .howto ol li::before { content: counter(s); position: absolute; left: 0; top: -1px; width: 28px; height: 28px; border-radius: 50%; background: var(--mist); color: var(--accent); font-weight: 600; font-size: 15px; display: grid; place-items: center; }
.apply-paths .howto .due { margin-top: 22px; font-size: 16px; }
@media (max-width: 1100px) {
  .apply-paths .howto { grid-template-columns: minmax(0, 1fr); max-width: 680px; }
}
@media (max-width: 720px) {
  .apply-paths .howto > li { padding: 26px 22px; }
}