.learning-plan{margin:0 auto 34px;max-width:1180px;padding:24px 28px;border:1px solid #d9e7df;border-radius:25px;background:linear-gradient(125deg,#f4faf6,#fff 60%);box-shadow:0 14px 45px rgba(31,73,52,.08);display:grid;grid-template-columns:1.3fr repeat(3,.55fr) auto;gap:20px;align-items:center}.learning-plan-copy small{display:block;color:#5f8971;font-weight:800;letter-spacing:.12em}.learning-plan-copy h2{margin:5px 0;font-size:25px}.learning-plan-copy p{margin:0;color:#65736b;font-size:13px}.plan-stat{padding-left:18px;border-left:1px solid #d9e7df}.plan-stat b{display:block;font-size:23px}.plan-stat span{font-size:11px;color:#728078}.plan-start{border:0;border-radius:15px;background:#5f9b78;color:#fff;padding:15px 20px;font-weight:800;cursor:pointer;white-space:nowrap}.plan-start:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:850px){.learning-plan{grid-template-columns:repeat(3,1fr);margin-inline:14px}.learning-plan-copy{grid-column:1/-1}.plan-start{grid-column:1/-1}.plan-stat:first-of-type{padding-left:0;border-left:0}}@media(max-width:480px){.learning-plan{padding:21px 18px;gap:15px}.plan-stat b{font-size:19px}.plan-stat{padding-left:10px}.learning-plan-copy h2{font-size:22px}}