:root{font-family:ui-rounded,'Trebuchet MS',Arial,sans-serif;color:#183f3c;background:#f1f7f6;font-size:17px}*{box-sizing:border-box}body{margin:0}header{background:#17695f;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:22px max(5%,calc((100% - 1100px)/2));gap:20px}.brand{font-size:1.35rem;font-weight:900;color:inherit;text-decoration:none}header>span{font-size:.8rem;letter-spacing:.08em}main{max-width:1100px;padding:30px 24px 60px;margin:auto}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.pill{background:#ffdf77;padding:10px 18px;border-radius:100px;font-weight:bold;display:inline-block}.small{font-size:.88rem;color:#47645f}nav{display:flex;gap:12px;margin:26px 0}button{font:inherit;cursor:pointer;transition:transform .15s,background .15s}button:hover:not(:disabled){transform:translateY(-2px)}button:focus-visible,a:focus-visible{outline:3px solid #d65f23;outline-offset:4px}.tab{background:transparent;color:#345b56;border:2px solid #b6d3cb;border-radius:14px;padding:13px 24px;font-weight:bold}.tab.active{background:#17695f;color:white;border-color:#17695f}.intro{display:grid;grid-template-columns:1.6fr 1fr;gap:35px;align-items:center;background:#dcf1e8;border-radius:28px;padding:36px 40px}.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.12em;color:#38645c;margin:0 0 12px}h1{font-size:clamp(2rem,4.2vw,3rem);line-height:1.12;margin:0 0 20px;letter-spacing:-.04em}h1 em{font-style:normal;color:#17695f}p{line-height:1.65;margin:10px 0}h2{font-size:1.5rem;line-height:1.3;margin:8px 0 14px}.food{text-align:center;background:#fff4c6;border:3px solid white;border-radius:24px;transform:rotate(3deg);padding:24px 12px}.food span{display:block;font-size:4rem;line-height:1.5}.food strong{font-size:.95rem;display:block}.objective{padding:20px 24px;background:white;border-radius:16px;margin:22px 0;line-height:1.7;border-left:5px solid #eeb42a}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:#fff;border:1px solid #d4e4df;border-radius:24px;padding:30px;box-shadow:0 5px 0 #dce8e4}.icon{font-size:2.4rem;margin-bottom:12px}.example{background:#f3f6fc;border-radius:14px;padding:18px;margin:20px 0}.example p{margin-bottom:0}.tip{font-size:.95rem}.steps{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;background:#fff0d9;padding:32px;border-radius:24px;margin:28px 0}.steps ol{margin:0;padding-left:30px}.steps li{padding:6px 0 14px 7px}.steps li::marker{color:#99510b;font-weight:bold}.steps span{display:block;line-height:1.6;margin-top:4px}.reminder{display:flex;gap:22px;align-items:center;padding:24px 30px}.reminder>span{font-size:3rem}.primary{background:#17695f;color:#fff;border:0;border-radius:14px;padding:16px 26px;font-weight:bold;box-shadow:0 4px 0 #0c4841;margin:14px 0}.source{font-size:.8rem;color:#52706a;margin-top:24px}.source a{color:inherit}footer{text-align:center;padding:24px;background:#dceee7;font-size:.9rem}.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0}.quiz-head h1{font-size:2.3rem}.progress-label{display:flex;justify-content:space-between;gap:15px;font-size:.9rem}.track{height:12px;background:#d8e7e1;border-radius:50px;margin:16px 0 25px;overflow:hidden}#bar{height:100%;background:#eeb42a;transition:width .3s}.question{max-width:850px;margin:auto}.qicon{font-size:3rem}.question h2{font-size:1.65rem;margin-top:20px}#options{display:grid;gap:12px;margin:22px 0}.option{text-align:left;background:#f5f8f7;color:#183f3c;border:2px solid #dce6e2;border-radius:14px;padding:17px 20px;display:flex;gap:15px;align-items:center;line-height:1.5}.option b{background:#e3ede8;border-radius:8px;padding:5px 10px}.option:disabled{cursor:default;opacity:1}.option.correct{border-color:#298268;background:#e5f5eb}.option.wrong{border-color:#c16135;background:#fff0e8}#feedback{padding:20px;border-radius:14px;background:#fff4ce;line-height:1.6}#result{text-align:center;padding:40px}#result .big{font-size:4rem;margin:15px}#result .review{text-align:left;margin-top:30px}.review details{padding:15px 0;border-top:1px solid #dce6e2}.review summary{cursor:pointer;font-weight:bold;line-height:1.5}[hidden]{display:none!important}@media(max-width:700px){header{padding:18px 22px;align-items:flex-start;flex-direction:column;gap:7px}main{padding:24px 16px 40px}.topline{align-items:flex-start;flex-direction:column}.intro,.lesson-grid,.steps{grid-template-columns:1fr}.intro{padding:26px;gap:20px}.food{transform:none;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.food span{font-size:2.8rem}.food strong{width:100%}nav{gap:8px}.tab{padding:12px;font-size:.9rem;flex:1}.card{padding:23px}.steps{padding:25px;gap:15px}.reminder{padding:10px;align-items:flex-start}.quiz-head{align-items:flex-start;flex-direction:column}.progress-label{flex-direction:column;gap:5px}.question h2{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}