*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#171a1f;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif}main{max-width:820px;margin:auto;padding:48px 20px 80px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#637083;font-weight:800}h1{font-size:42px;margin:8px 0 12px}.lead{color:#596273;line-height:1.7}.days{display:grid;gap:12px;margin-top:32px}.days a,.card{background:#fff;border:1px solid #dde2e8;border-radius:16px;padding:20px;text-decoration:none;color:inherit;box-shadow:0 4px 18px #00000008}.days a{display:flex;gap:16px}.lesson{max-width:820px;margin:auto;padding:32px 20px 80px}.top{display:flex;justify-content:space-between;align-items:center}.top a{color:#475569;text-decoration:none}.lesson h1{font-size:34px}.goal{background:#eaf2ff;border-radius:14px;padding:16px;margin:20px 0}.card{margin:16px 0}.card h2{font-size:18px;margin-top:0}.code{width:100%;min-height:130px;background:#151922;color:#f6f7f9;border:0;border-radius:10px;padding:15px;font:15px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.run{margin-top:10px;border:0;border-radius:10px;padding:12px 18px;font-weight:800;background:#1f2937;color:#fff}.browser{border:1px solid #d8dee7;border-radius:12px;overflow:hidden}.bar{height:34px;background:#edf0f4;border-bottom:1px solid #d8dee7;display:flex;align-items:center;padding:0 12px;color:#7b8491;font-size:12px}.result{background:white;padding:20px;min-height:110px}.quiz{background:#fff8e7}.nav{display:flex;justify-content:space-between;margin-top:24px}.nav a{padding:11px 15px;background:#fff;border:1px solid #dde2e8;border-radius:10px;text-decoration:none;color:#222}@media(max-width:600px){h1{font-size:34px}.lesson h1{font-size:29px}}