*{box-sizing:border-box}body{margin:0;background:#f8f7f1;color:#283d42;font-family:Tahoma,Arial,sans-serif;line-height:1.8}header{background:white;border-bottom:1px solid #e3e9e9;padding:16px max(20px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;gap:12px;align-items:center}.brand strong{display:block;font-size:22px}.brand small{display:block;color:#72848a}.mark{background:#dcefee;color:#216c74;border-radius:14px;padding:6px 18px;font-size:28px;font-weight:bold}nav{display:flex;flex-wrap:wrap;gap:8px}button{cursor:pointer;font-family:inherit;background:white;color:#24666d;border:1px solid #bdcecf;border-radius:12px;padding:9px 15px;font-size:15px;min-height:42px}button:hover,button:focus-visible{background:#e8f3f2}button:focus-visible{outline:3px solid #d7ac62;outline-offset:2px}button.primary{background:#286f77;color:white;border-color:#286f77}button.primary:hover{background:#1b555c}button:disabled{opacity:.6;cursor:default}main{max-width:1100px;margin:30px auto;padding:0 18px;min-height:60vh}.hero{background:#eaf4f2;padding:28px;border:1px solid #d6e8e5;border-radius:22px;margin-bottom:22px}.hero h1{font-size:clamp(24px,4vw,36px);margin:5px 0}.muted{color:#65777c}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}.card{background:#fff;border:1px solid #e3e8e8;border-radius:18px;padding:20px;box-shadow:0 3px 12px #1d525308}.card h2,.card h3{margin:0 0 8px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pill{background:#eef5f5;padding:3px 10px;border-radius:999px;font-size:13px;display:inline-block}.q{font-size:21px;font-weight:bold;margin:18px 0}.opts{display:grid;gap:12px}.opt{width:100%;text-align:right;font-size:18px;padding:15px;background:#fff;color:#253e42;border:2px solid #dfe8e8}.opt.good{border-color:#278460;background:#e2f6e9}.opt.bad{border-color:#b34646;background:#fce9e9}.bar{height:10px;background:#dfe8e8;border-radius:20px;overflow:hidden}.bar span{display:block;height:100%;background:#369883}.feedback{margin:14px 0;padding:15px;border-radius:13px;background:#eff6ee}.lesson{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e5eded;padding:10px 0}.lesson:last-child{border-bottom:0}footer{text-align:center;color:#6d7f83;padding:25px}details{margin:10px 0}summary{cursor:pointer;font-weight:bold}.notice{border-right:4px solid #c89c52;padding:12px 16px;background:#fff7e9;border-radius:8px;margin:14px 0}@media(max-width:640px){header{padding:12px}.hero{padding:18px}.card{padding:15px}}