/* A small illustrative deliverable shown with each module chapter. One shape,
   four subjects: an onboarding, a month end, a day status and a coaching case.
   Every figure is invented — the note in the card says so, and it has to stay
   true. */
.module-card{margin-top:38px;padding:22px 20px 17px;max-width:320px;background:#18212b;border:1px solid #ffffff17;border-radius:12px;color:#f6f5f1;box-shadow:0 12px 32px #00000012;}
.mcard-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.09em;color:#a8b1ba;}
.mcard-example{padding:4px 7px;border:1px solid #ff99003d;border-radius:4px;color:#ffb752;font-size:10px;letter-spacing:.03em;}
.mcard-subject{display:flex;align-items:center;gap:12px;margin:24px 0;}
.mcard-icon{display:grid;place-items:center;width:46px;height:50px;background:#ff99000d;border:1px solid #ff990030;border-radius:8px;color:#ffb752;flex-shrink:0;}
.mcard-icon svg{width:30px;height:30px;}
.mcard-eyebrow{margin:0 0 4px;font-size:11px;color:#a8b1ba;letter-spacing:.03em;}
.mcard-subject h4{font-family:inherit;font-size:21px;font-weight:600;line-height:1.2;margin:0;color:#fff;}
.mcard-glyph{width:28px;height:28px;margin-left:auto;color:#ffb752;flex-shrink:0;}
.mcard-steps{list-style:none;padding:0;margin:0;}
.mcard-steps li{display:flex;align-items:center;gap:10px;min-height:46px;border-top:1px solid #ffffff12;font-size:12px;line-height:1.5;}
.mcard-check,.mcard-pending{width:20px;height:20px;flex-shrink:0;border-radius:50%;}
.mcard-check{background:#ff990015;color:#ffb752;}
.mcard-check svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.mcard-next{color:#ffb752;}
.mcard-pending{border:1px solid #ffb752;transform:scale(.75);}
.mcard-next-arrow{margin-left:auto;font-size:17px;}
.mcard-bar{display:flex;gap:5px;margin-top:22px;}
.mcard-bar span{height:3px;flex:1;background:#ff9900;border-radius:2px;}
.mcard-bar span:last-child{background:#ffffff1c;}
.mcard-caption{font-size:11px;color:#c1c8cf;margin:9px 0 0;}
.mcard-note{font-size:9px;line-height:1.6;color:#9aa6b2;margin:20px 0 0;}
@media(prefers-reduced-motion:no-preference){
  .module-card.is-visible .mcard-check path{animation:hr-check-in 420ms ease-out both;stroke-dasharray:16;}
  .module-card.is-visible li:nth-child(2) .mcard-check path{animation-delay:170ms;}
  @keyframes hr-check-in{from{stroke-dashoffset:16;opacity:.25}to{stroke-dashoffset:0;opacity:1}}
}
@media(max-width:900px){.module-card{max-width:360px;margin-top:28px;}}