:root{--ink:#111;--line:#d6d6d2;--paper:#fff;--soft:#f2f2ef}*{box-sizing:border-box}body{margin:0;background:#e9e9e6;color:var(--ink);font-family:Inter,"Liberation Sans",Arial,sans-serif}.course-header{background:#111;color:#fff;padding:46px max(28px,7vw)}.course-header small{letter-spacing:.16em;color:#aaa}.course-header h1{font-size:clamp(42px,7vw,86px);line-height:.95;margin:14px 0;letter-spacing:-.05em}.course-header p{max-width:800px;color:#ccc;font-size:18px}.course-stats{display:flex;gap:8px;flex-wrap:wrap}.course-stats span{border:1px solid #555;padding:7px 10px;font-size:12px}.toolbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:14px max(28px,7vw)}.toolbar input,.toolbar select{padding:10px;border:1px solid #aaa;background:#fff;font:inherit}.toolbar input{flex:1}.course-main{padding:35px max(28px,7vw) 80px}.module{margin-bottom:42px}.module h2{font-size:27px;border-bottom:2px solid #111;padding-bottom:9px}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:12px}.lesson-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);padding:20px;color:#111;text-decoration:none;min-height:260px}.lesson-card:hover{border-color:#111;transform:translateY(-2px)}.lesson-card .num{font-size:11px;letter-spacing:.15em;color:#777}.lesson-card h3{font-size:22px;line-height:1.12;margin:18px 0 8px}.lesson-card p{font-size:13px;color:#555}.lesson-card .meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.lesson-card .meta span{font-size:10px;border:1px solid #bbb;padding:5px}.lesson-card .status{margin-top:12px;font-size:11px;font-weight:bold}.lesson-card.complete{border-left:5px solid #1d7048}.empty{display:none;padding:40px;background:#fff}.footer{padding:30px max(28px,7vw);background:#111;color:#aaa}@media(max-width:650px){.toolbar{flex-direction:column}}