:root{color:#203d34;background:#fbf7ef;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{width:min(960px,100%);margin:auto;padding:24px 24px 50px}header,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between}h1{font-size:clamp(30px,5vw,50px);line-height:1.13;margin:18px 0 10px}h2{font-size:clamp(24px,4vw,34px);margin:30px 0 16px}h3{font-size:22px;margin:0 0 12px}p{line-height:1.62;margin:10px 0 16px}a{color:#176253;text-underline-offset:3px}button,select,textarea{font:inherit;color:inherit;background:#fffdf8;border:1px solid #aabbad;border-radius:10px;min-height:44px;padding:10px 14px}button,select,summary{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ae7927;outline-offset:3px}.tag,.muted,footer{color:#5c7165;font-size:14px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.module{text-align:left;display:flex;flex-direction:column;gap:6px;min-width:0;min-height:85px}.module span,.module small{font-size:12px}.module[aria-current=true],.primary{background:#176b63;border-color:#176b63;color:#fff}.module.final{grid-column:1/-1;min-height:48px}progress{width:100%;height:12px;accent-color:#176b63}.panel{background:#fffefb;border:1px solid #d9dfd0;border-radius:18px;padding:clamp(16px,4vw,28px);margin:14px 0;box-shadow:0 8px 24px #233a2910}.question{border:1px solid #dbe3d8;border-radius:12px;margin:22px 0 0;padding:10px;min-width:0}.question legend{font-weight:700;padding:0 7px}.choice{display:flex;align-items:flex-start;gap:9px;padding:10px 8px;cursor:pointer}.choice input,.done input{margin-top:4px;flex:none;accent-color:#176b63}.example{padding:12px;background:#eaf1e6;border-radius:10px}.explanation{font-size:14px;padding:10px;margin:8px 0;border-radius:9px}.right{background:#d7f0dc;color:#234d2b}.wrong{background:#fbe9e1;color:#773e27}.results{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:8px 0 12px}.results p{margin:0}textarea{display:block;width:100%;margin-top:8px;resize:vertical}.pre{white-space:pre-wrap}details{padding:10px 12px;background:#f2f4e9;border-radius:10px;margin:12px 0}summary{font-weight:650}.done{display:flex;align-items:flex-start;gap:8px;padding-top:10px}.done input{width:19px;height:19px}output{font-weight:750;font-variant-numeric:tabular-nums;background:#eaf1e6;padding:10px 14px;border-radius:10px}footer{margin-top:28px}[hidden]{display:none!important}@media(max-width:640px){main{padding:18px 15px 35px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module{padding:10px;min-height:74px}.module strong{overflow-wrap:anywhere;font-size:14px}.actions button{flex:1 1 auto}.panel{border-radius:15px}.question{margin-top:16px}.choice{padding:9px 4px}}