:root{--ink:#273b3c;--paper:#f8f7ef;--teal:#347c70;--mint:#d7e9d9;--pink:#edb5a3;--line:#d7ded3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}header,main,footer{max-width:1200px;margin:auto}a{color:inherit}header{padding:23px 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:750;font-size:18px;text-decoration:none;letter-spacing:-.5px}.brand span{display:inline-block;background:var(--teal);color:white;width:40px;height:40px;text-align:center;border-radius:50%;font:26px/40px Georgia,serif;margin-right:7px}header>a:last-child{font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:65px 35px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:750}.hero h1{font:80px/.97 Georgia,serif;letter-spacing:-3px;margin:22px 0}.hero h1 em{color:var(--teal);font-weight:400}.hero p:not(.eyebrow){max-width:450px;color:#617373}.button,button{background:var(--teal);color:white;font:inherit;font-size:13px;font-weight:650;display:inline-block;text-decoration:none;border:0;border-radius:25px;padding:12px 20px;cursor:pointer}.small{font-size:11px}.word-landscape{height:350px;position:relative;background:#e5eddf;border-radius:50% 44% 46% 40%;overflow:hidden}.orbit{position:absolute;inset:35px 65px;border:2px dashed #a7b9a4;border-radius:50%;transform:rotate(25deg)}.stone{position:absolute;display:grid;place-content:center;border-radius:40%;font:35px Georgia,serif;box-shadow:0 8px 0 #bbcbb8}.one{top:35px;left:35px;background:var(--pink);width:130px;height:90px;transform:rotate(-12deg)}.two{top:110px;right:30px;background:#fffced;width:150px;height:100px;transform:rotate(8deg)}.three{bottom:25px;left:35px;background:var(--teal);color:white;width:175px;height:95px;font-size:20px;text-align:center;transform:rotate(-6deg)}.dot{position:absolute;width:30px;height:30px;background:#d6af54;border-radius:50%;bottom:30px;right:65px}.word{position:absolute;right:35px;top:25px;font-size:10px;letter-spacing:3px;font-weight:800}.training{background:white;border:1px solid var(--line);border-radius:25px;padding:35px;margin:10px 20px}.training-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.training-head h2{font:31px Georgia,serif;margin-top:5px}.training-head label{font-size:11px}input[type=checkbox]{width:19px;height:19px;accent-color:var(--teal);vertical-align:middle}.topics{display:flex;gap:8px;flex-wrap:wrap}.topics button{background:#edf2e9;color:var(--ink);padding:9px 16px;font-size:12px}.topics button[aria-pressed=true]{background:var(--teal);color:white}.overview{display:flex;gap:30px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:24px 0}.overview span{font-size:11px}.overview b{display:block;font:28px Georgia,serif}.overview button{margin-left:auto}.secondary{background:transparent;color:var(--teal);border:1px solid #a6c5b9}.secondary[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:var(--ink)}.progress{display:flex;gap:20px;align-items:center;font-size:11px;color:#69817a}#dots{display:flex;gap:5px;flex-wrap:wrap}#dots span{height:7px;width:7px;background:#dfe8dd;border-radius:50%}#dots .passed{background:#79a38e}#dots .current{background:var(--teal);outline:2px solid #c7d9ca;outline-offset:2px}.exercise{max-width:740px;margin:30px auto 10px;padding:35px;background:#f7f9f2;border-radius:17px;min-height:300px}.exercise h3{font:31px/1.4 Georgia,serif;white-space:pre-wrap;margin:18px 0 25px}#answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{background:white;border:1px solid #b7cec0;color:var(--ink);font-size:20px;border-radius:12px;padding:18px}.answer:hover:not(:disabled){background:#e6efe3}.answer.right{background:#d5e8d5;border:2px solid #4b8468}.answer.wrong{background:#f3d5c8;border:2px solid #b3755c}.answer:disabled{cursor:default;opacity:1;color:var(--ink)}.feedback{margin:22px 0;padding:18px;border-left:4px solid var(--teal);background:#e7efe2;font-size:14px}.feedback p{margin:8px 0 0}.feedback.learn{background:#f7e8df;border-color:#b3755c}.note{font-size:11px;color:#6b7d76;max-width:740px;margin:25px auto}#status{font-size:12px}.text-button{background:transparent;color:#69817a;padding:5px;font-size:11px;text-decoration:underline}.fieldnotes{padding:50px 35px}.fieldnotes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.fieldnotes span{font:12px Georgia,serif;color:var(--teal)}.fieldnotes h3{font:24px Georgia,serif}.fieldnotes p:not(.eyebrow){font-size:13px;color:#69817a}footer{padding:30px 35px;border-top:1px solid var(--line);font-size:11px}footer a{margin-right:20px}.legal{max-width:800px;padding:40px 25px;min-height:70vh}[hidden]{display:none!important}.ad-slot{max-width:970px;min-height:90px;margin:25px auto}.ad-slot small{font-size:10px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b5804e;outline-offset:4px}@media(max-width:850px){.hero{gap:30px}.hero h1{font-size:65px}.training-head{align-items:flex-start;flex-direction:column}.training-head h2{margin-bottom:5px}.overview{gap:20px;flex-wrap:wrap}.overview button{margin-left:0}.word-landscape{height:310px}.one{width:110px}.two{width:125px}.three{width:150px}.progress{align-items:flex-start;flex-direction:column;gap:10px}}@media(max-width:560px){header{padding:18px}.brand{font-size:15px}.hero{grid-template-columns:1fr;padding:35px 25px}.hero h1{font-size:70px}.word-landscape{height:280px;max-width:350px;width:100%;margin:auto}.training{margin:5px 10px;padding:22px 15px;border-radius:18px}.training-head h2{font-size:27px}.topics{gap:6px}.topics button{padding:8px 12px;font-size:11px}.overview span{font-size:10px}.overview b{font-size:25px}.overview button{width:100%}.exercise{padding:22px 17px}.exercise h3{font-size:25px}.answer{font-size:18px;padding:15px 8px}.fieldnotes{padding:35px 25px}.fieldnotes>div{grid-template-columns:1fr;gap:12px}.ad-slot{min-height:100px}}@media print{header,.hero,.topics,.overview,.training-head label,.progress,#next,#finish,.ad-slot,.text-button,.fieldnotes,footer{display:none!important}.training,.exercise{margin:0;border:0;padding:0;background:white}.feedback{break-inside:avoid}}
