/* 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; }