.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.course-card{display:block;border:1px solid #dce4dc;border-radius:20px;overflow:hidden;background:white;color:#20382d;text-decoration:none}.course-card:hover{border-color:#397958;text-decoration:none;box-shadow:0 6px 24px #1b493710}.course-card>div:last-child{padding:24px}.course-card h2{font-size:22px;margin:14px 0}.course-card p{font-size:16px;color:#576c60;min-height:72px}.course-card small{font-size:14px;color:#53695b}.course-card strong{color:#176752}.course-art{height:150px;display:flex;align-items:center;justify-content:space-between;padding:28px;background:#e4efdc}.course-art>span{font-size:65px;letter-spacing:-4px;font-weight:750;line-height:1;color:#245a3b}.course-art b{font-size:14px;writing-mode:vertical-rl;letter-spacing:3px}.course-web,.course-review{background:#e3eaf1}.course-commit,.course-release{background:#f4e9d7}.course-progress{display:flex;gap:22px;align-items:center;padding:20px 24px;border:1px solid #ceddcc;background:#eef4e9;border-radius:15px;margin:10px 0 30px}.course-progress span{font-size:14px;color:#586858}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;margin-top:25px}.lesson-layout aside{display:grid;gap:22px;align-content:start}.lesson{padding:34px}.lesson h1{font-size:30px;line-height:1.4;margin-top:18px}.lesson h2{font-size:23px;margin:36px 0 18px}.lesson-lead{font-size:18px;line-height:1.9;color:#43594b}.lesson-steps{padding-left:24px;line-height:1.9}.lesson-steps li{padding:8px 0 8px 8px}.lesson pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#20392c;color:#e4efdc;border-radius:14px;padding:24px;font-size:15px;line-height:1.9}.lesson-checks{display:grid;gap:14px;padding:24px;background:#f3f5ee;border-radius:14px;margin:24px 0}.lesson-checks label{display:flex;gap:12px;align-items:flex-start;font-size:16px}.lesson-checks input{width:18px;height:18px;margin-top:5px;flex-shrink:0}.lesson-reflection{display:grid;gap:12px;font-size:16px}.lesson-reflection textarea{width:100%;min-height:140px;padding:16px;border:1px solid #c7d4c5;border-radius:12px;font:inherit;margin-bottom:20px}.lesson-nav{display:block;padding:14px 0;border-bottom:1px solid #e3e9de;color:#516154;font-size:15px}.lesson-nav.active{color:#176752;font-weight:700}.developer-home-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px}.dev-feature{background:#edf3e8;border:1px solid #d4e1ce;border-radius:24px;padding:34px;margin-bottom:32px}.dev-feature h2{font-size:30px}.dev-feature p{color:#50624e}.dev-home-courses{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-home-courses .course-art{height:125px}.dev-action-bar{display:flex;gap:14px;flex-wrap:wrap}.event-preview a{overflow-wrap:anywhere}.activity-routine{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.activity-routine article{padding:25px;background:white;border:1px solid #dce4dc;border-radius:18px}.activity-routine h3{font-size:21px}.activity-routine p{font-size:16px;color:#5c6c5d}.activity-routine small{font-size:14px}.youth-main .section-head{margin:30px 0 20px}
@media(max-width:1100px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-home-layout{grid-template-columns:minmax(0,1fr) 280px}.lesson-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:760px){.course-grid,.dev-home-courses,.developer-home-layout,.lesson-layout,.activity-routine{grid-template-columns:1fr}.course-progress{align-items:flex-start;flex-direction:column;gap:10px}.lesson,.dev-feature{padding:24px}.lesson h1{font-size:26px}.lesson-layout aside{grid-row:2}.course-art{height:120px}.course-card p{min-height:0}.dev-feature h2{font-size:27px}.developer-home-layout>aside{margin-top:10px}}