/* assets/css/guide-progress.css
   ----------------------------- */
   .guide-steps{ counter-reset: step; margin:1.5rem 0; padding:0; list-style:none; display:grid; gap:1rem; }
   .guide-step{ background:#fff; border:1px solid #e1e4e8; border-radius:.5rem; padding:1rem; box-shadow:0 1px 3px rgba(0,0,0,.06); }
   .guide-step label{ font-weight:600; display:flex; gap:.5rem; align-items:flex-start; cursor:pointer; }
   .guide-step__title::before{ counter-increment: step; content: counter(step)'. '; font-weight:700; }
   .guide-step__desc{ margin:.5rem 0 0 .75rem; }
   .guide-step__img img{ margin:.75rem 0 0; border-radius:.25rem; }
   
   /* progress bar */
   .progress-bar{ position:relative; height:8px; background:#e1e4e8; border-radius:4px; overflow:hidden; margin-bottom:1rem; }
   .progress-bar__fill{ width:0; height:100%; background:#0063b1; transition:width .3s; }
   .progress-bar__fill.is-complete{ background:#2ecc71; }
   
   /* responsive */
   @media(min-width:600px){ .guide-steps{ grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); } }
   
   /* screen reader only */
   .sr-only{ position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0; }
/* KB learning modules */
.lp-learning-module .progress-bar {
  margin-bottom: 1rem;
}
.cpt-entry__section--style-01 .lp-learning-module .progress-bar,
.cpt-entry__section--style-02 .lp-learning-module .progress-bar {
  margin-top: 1rem;
}
.lp-learning-module__intro {
  margin: 0 0 1rem;
  color: #4b5563;
}
.lp-learning-module__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.875rem;
}
.lp-learning-module__item {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.lp-learning-module__item label {
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
  font-weight: 600;
  cursor: pointer;
}
.lp-learning-module__title {
  flex: 1 1 auto;
}
.lp-learning-module__desc {
  margin: 0.5rem 0 0 1.75rem;
  color: #4b5563;
}
.lp-learning-module.is-complete .lp-learning-module__item {
  border-color: #bbf7d0;
}
@media (min-width: 700px) {
  .lp-learning-module__list {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}