*{box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#f5f7f0;color:#20463e;margin:0;line-height:1.5}header{background:#e5f2e9;padding:20px max(20px,calc((100vw - 980px)/2));}header a{color:#165b4c}header h1{font-size:clamp(25px,5vw,40px);margin:14px 0 0}main{max-width:980px;margin:0 auto;padding:24px}section{background:#fff;padding:24px;border:1px solid #dce8dc;border-radius:20px;margin-bottom:18px}h2{margin-top:0}.selectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.selectors label{display:grid;gap:6px;font-weight:650}button,input,select{border:1px solid #b7d3c6;border-radius:12px;padding:12px 14px;font:inherit;min-height:46px;background:#fff;color:#17493e}button{cursor:pointer}button:hover{background:#eaf4ef}.main{background:#17685b;color:white;border-color:#17685b;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.methods-grid article{background:#fff7e5;border:1px solid #eed49b;border-radius:12px;padding:16px}.methods-grid p{margin-bottom:0}.problem{font-size:clamp(27px,5vw,48px);font-weight:800;margin:28px 0 16px}.answerrow{display:flex;gap:10px;flex-wrap:wrap}.answerrow input{width:180px;font-size:24px}.bar{height:12px;background:#e2eee7;border-radius:10px;overflow:hidden}.bar div{height:100%;width:0;background:#2d9d78;transition:width .2s}.head{display:flex;justify-content:space-between;gap:12px}.note{background:#eaf4ed}#feedback{min-height:46px;padding:12px;border-radius:12px;margin-top:10px}#feedback.ok{background:#dff4e0}#feedback.bad{background:#ffe7df}[hidden]{display:none!important}@media print{header,.intro,#methods,.note,.actions,.answerrow,#work,#feedback{display:none!important}#end{display:block!important}body,section{background:white;border:0}main{padding:0}}