.skills-hero{padding-bottom:56px}
.skills-hero>img{width:250px}
.skills-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}
.skills-steps>div{display:grid;gap:6px;align-content:start;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fff}
.skills-steps strong{font:700 14px Quicksand,sans-serif}
.skills-steps span{color:var(--sub);font-size:12px;line-height:1.45}
.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.skills-card{display:flex;flex-direction:column;color:var(--ink);text-decoration:none;min-height:230px;transition:transform .2s,box-shadow .2s}
.skills-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.skills-card h3{margin:14px 0 7px;font-size:18px}
.skills-card p{color:var(--sub);font-size:14px;line-height:1.5}
.skills-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--caption)}
.skills-color{display:block;width:28px;height:4px;border-radius:4px;background:var(--lavender)}
.skills-card:nth-child(4n+2) .skills-color{background:var(--mint)}
.skills-card:nth-child(4n+3) .skills-color{background:var(--peach)}
.skills-card:nth-child(4n+4) .skills-color{background:var(--sky)}
.skills-free{margin-top:auto;color:#137A5A;font-weight:600}
.skills-path-band{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;padding:26px!important;border:1px solid #E2D6F5;border-radius:20px;background:var(--lavender-light)}
.skills-path-band h2{max-width:650px;margin:0;font-size:23px}
.skills-path-band .sp-btn{flex-shrink:0}
.course-hero{min-height:480px}
.course-art{width:max-content;max-width:100%;margin:auto;padding:18px;border:1px solid var(--border);border-radius:32px;background:#FCF8F2;box-shadow:var(--shadow)}
.course-art img{display:block;max-width:100%;height:auto;border-radius:20px}
.course-art-todo{justify-self:center;align-self:center}
.skills-myths>div{border-top:1px solid var(--border);padding:11px 0}
.skills-myths>div:first-child{border:0}
.skills-myths s{font-size:14px;color:var(--caption)}
.skills-myths p{margin:4px 0 0}
.course-plan{display:grid;gap:12px;max-width:830px;margin-top:20px}
.course-part{padding:18px 22px}
.course-part h3{font-size:18px}
.course-part h3 small{margin-right:8px;color:var(--caption);font:700 12px Inter,sans-serif;letter-spacing:.08em}
.course-part ol{padding:0;margin:0;list-style:none}
.course-part li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid var(--border);padding:10px 0;margin:0;font-size:15px}
.course-part li>small,.course-lesson-number{color:var(--caption);font-size:13px}
.course-lesson-number{font-weight:700}
.course-badge{display:inline-block;padding:2px 7px;border-radius:5px;background:#F2F3F6;font-size:10px;letter-spacing:.06em}
.course-badge.free{background:var(--mint-light)}
.sample-lesson{max-width:850px;margin-top:20px;padding:28px}
.sample-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sample-head h3{margin:0}
.sample-head span{color:var(--caption);font-size:13px}
.sample-story{padding:18px 20px;border-left:3px solid var(--lavender);background:var(--lavender-light);font-style:italic}
.sample-concept{max-width:70ch}
.sample-concept h3{font-size:18px;margin:24px 0 8px}
.sample-concept p{margin-bottom:16px}
.sample-concept li{margin-bottom:8px}
.sample-practice{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.sample-practice h3{font-size:18px;margin:24px 0 10px}
.sample-practice fieldset{padding:0;margin:0;border:0}
.sample-practice legend{font-weight:600;margin-bottom:10px}
.sample-practice fieldset label{display:block;padding:12px 14px;margin-bottom:8px;border:1px solid var(--border);border-radius:12px}
.sample-practice input{accent-color:var(--cta-fill)}
.sample-practice>label{display:block;margin:14px 0 8px;font-weight:600}
.sample-practice textarea{display:block;width:100%;padding:12px;border:1px solid #CAC4D0;border-radius:12px;font:inherit;resize:vertical}
.sample-practice .sp-btn{margin-top:8px}
@media(max-width:1024px){.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-path-band{flex-direction:column;align-items:flex-start}.course-hero{min-height:0}}
@media(max-width:640px){.skills-grid{grid-template-columns:1fr}.skills-card{min-height:0}.skills-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.course-part{padding:16px}.course-part li{grid-template-columns:20px minmax(0,1fr) auto;gap:7px;font-size:13px}.sample-lesson{padding:20px}}
@media(prefers-reduced-motion:reduce){.skills-card{transition:none}}
.skills-art{display:block;width:64px;height:64px;object-fit:contain}
.course-art{width:min(100%,340px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.course-art img{border-radius:0}
.sample-head+.sample-story{margin-top:16px}