:root{font-family:system-ui,-apple-system,sans-serif;color:#20372c;background:#f6f7f2}*{box-sizing:border-box}body{margin:0}header{background:#dfece2;padding:18px max(4%,calc((100% - 1150px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}header a{text-decoration:none;color:#20372c;font-weight:750;font-size:1.2rem}main{max-width:1150px;margin:32px auto;padding:0 18px;min-height:75vh}h1{font-size:clamp(1.6rem,3vw,2.3rem)}h2{font-size:1.3rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin:18px 0}.card{background:white;border:1px solid #d9e4db;border-radius:15px;padding:23px;margin:18px 0;box-shadow:0 3px 14px #21392c0a}.auth{max-width:480px;margin:60px auto}label{display:block;margin:14px 0 5px;font-weight:600}input,select,textarea{display:block;width:100%;padding:11px;border:1px solid #aebfb2;border-radius:8px;font:inherit;margin-top:5px;background:white}button{background:#286547;color:white;border:0;border-radius:8px;padding:11px 17px;font:inherit;font-weight:650;cursor:pointer;margin-top:12px}button.secondary{background:#e7f1e9;color:#22583c}.inline{display:inline}.inline button{margin:0 0 0 8px;padding:6px 10px}.lesson-link{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #e5eae5;text-decoration:none;color:#244d39}.reading{white-space:pre-wrap;line-height:1.75}.eyebrow{color:#668070;text-transform:uppercase;font-size:.8rem;letter-spacing:.06em}fieldset{border:1px solid #d9e4db;border-radius:10px;margin:15px 0;padding:14px}legend{font-weight:700}.option{font-weight:400;display:flex;gap:8px;align-items:center}.option input{width:auto;margin:0}.result{background:#e8f4eb;padding:18px;border-radius:10px}.error{color:#a42b2b}footer{text-align:center;padding:30px;color:#6c8071}@media(max-width:600px){header{padding:16px}main{margin:16px auto}.card{padding:17px}}
