:root{--bg:#f5f3ed;--ink:#152b2a;--muted:#65716c;--lime:#ccf77b;--line:#dce0d5;--white:#fffefa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:17px;line-height:1.8}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2a7970;outline-offset:4px}header,footer{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:27px 40px}header{border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;position:relative;color:var(--ink);text-decoration:none;font:900 21px Arial;letter-spacing:-1px;padding-bottom:12px}.brand>span:not(.brandmark){font-weight:400}.brand small{position:absolute;bottom:-1px;left:47px;font-size:8px;letter-spacing:2px}.brandmark{width:35px;height:35px;background:var(--ink);color:var(--lime);margin-right:12px;display:grid;place-items:center;border-radius:10px;font-size:26px}.edition{font-size:14px;display:flex;gap:10px;align-items:center}.edition i{width:8px;height:8px;background:#427853;border-radius:50%}main{max-width:1240px;margin:60px auto 70px;padding:0 40px;display:grid;grid-template-columns:0.8fr 1.2fr;gap:75px}.eyebrow,.tiny{font-size:14px;color:var(--muted)}.eyebrow:before{content:'';display:inline-block;background:var(--ink);width:23px;height:2px;margin-left:10px;vertical-align:middle}h1{font-size:43px;line-height:1.65;margin:20px 0;letter-spacing:-1.5px}h1 em{font-style:normal;background:linear-gradient(transparent 65%,var(--lime) 65%)}.intro>p{max-width:340px;color:var(--muted)}.process{display:flex;gap:13px;align-items:center;font-size:13px;margin:25px 0 40px}.process b{color:#9baba1}.principle{background:var(--ink);color:#fff;border-radius:18px;padding:24px;position:relative;overflow:hidden;max-width:345px}.principle .tiny{color:var(--lime)}.principle p{font-size:23px;line-height:1.7;margin:12px 0}.abstract{position:absolute;left:14px;bottom:-22px;font:120px Arial;color:#ffffff13}.intro .note{font-size:13px;margin-top:22px;line-height:1.9}.quiz{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 15px 40px #15352a06}.qmeta{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--muted)}.category{background:#eaf0e3;border-radius:40px;padding:3px 13px;color:#3e5d46}.progress{height:5px;background:#e9ede4;border-radius:3px;margin:20px 0 28px;overflow:hidden}.progress div{height:100%;background:var(--ink);transition:width .3s}.scenario{font-size:13px;letter-spacing:1px;color:var(--muted)}h2{font-size:28px;line-height:1.6;margin:9px 0 9px;outline:none} .hint{font-size:14px;color:var(--muted);margin:0 0 22px}.options{display:grid;gap:10px}.option{width:100%;text-align:right;border:1px solid var(--line);background:transparent;border-radius:12px;display:flex;align-items:center;gap:13px;padding:14px 16px;line-height:1.65;color:var(--ink);transition:background .18s,transform .18s}.option:not(:disabled):hover{background:#f0f5e9;transform:translateX(-3px);border-color:#869c7e}.letter{flex-shrink:0;font-size:13px;border:1px solid #d6ddcf;border-radius:8px;width:29px;height:29px;display:grid;place-items:center}.option.selected{border:2px solid var(--ink);background:#edf5e2;padding:13px 15px}.option.selected .letter{background:var(--ink);color:var(--lime)}.option:disabled{cursor:default;opacity:1}.option:disabled:not(.selected){color:#7a837d;background:#fafaf6}.feedback{margin-top:22px;background:#f1f5eb;border-radius:14px;padding:21px;animation:appear .3s}.feedback.caution{background:#fff2de}.feedback h3{font-size:19px;margin:0 0 8px}.feedback p{font-size:15px;margin:8px 0}.action{border-top:1px solid #cdd8c3;padding-top:12px}.action strong{display:block;font-size:13px;color:#517039}.next{border:0;background:var(--ink);color:white;border-radius:12px;padding:13px 22px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:bold}.next:hover{background:#294b43}.next span{color:var(--lime);font-size:24px}.bottomnote{font-size:12px;color:var(--muted);text-align:center;margin-top:17px}.result-top{display:flex;align-items:center;gap:22px;margin:12px 0 25px}.score{border-radius:50%;width:110px;height:110px;background:var(--ink);color:var(--lime);display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0}.score b{font:40px Arial}.score span{font-size:13px;color:#dbe6d4}.result-top h2{font-size:24px}.result-top p{font-size:14px;color:var(--muted);margin:0}.alert{border-right:3px solid #b17031;background:#fff3de;padding:16px;font-size:15px;margin:18px 0}.dimension{margin:14px 0}.dimension>div{display:flex;justify-content:space-between;font-size:14px}.bar{height:6px;background:#e6eadf;border-radius:4px;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;background:#64875d}.sectiontitle{font-size:20px;margin:30px 0 12px}.plan{display:grid;gap:12px}.plan article{border:1px solid var(--line);border-radius:12px;padding:16px}.plan h4{margin:0;font-size:16px}.plan p{margin:6px 0;font-size:14px;color:var(--muted)}.lesson{background:var(--ink);color:white;border-radius:14px;padding:23px;margin-top:24px}.lesson small{color:var(--lime)}.lesson h3{margin:8px 0;font-size:21px}.lesson p{font-size:14px;margin:0;color:#dae3dc}details{border-bottom:1px solid var(--line);font-size:14px;padding:13px 0}summary{cursor:pointer;font-weight:bold}details p{color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--muted);font-size:12px}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){main{gap:30px;padding:0 25px}h1{font-size:33px}.quiz{padding:24px}}@media(max-width:650px){header{padding:20px}.edition{font-size:12px}.brand{font-size:19px}main{display:block;margin:26px auto 35px;padding:0 16px}.intro h1{font-size:27px;margin:8px 0 10px;line-height:1.65}.intro h1 br{display:none}.eyebrow{font-size:12px}.intro>p,.process,.principle,.intro .note{display:none}.intro{margin:0 6px 23px}.quiz{padding:22px 18px;border-radius:20px}h2{font-size:24px}.option{font-size:16px;padding:14px 12px;gap:10px}.option.selected{padding:13px 11px}.progress{margin:16px 0 23px}.feedback{padding:17px}.result-top{gap:15px}.score{width:88px;height:88px}.score b{font-size:32px}.result-top h2{font-size:22px}footer{padding:20px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}