@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#162f29;background:#f3f1fa;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{max-width:1100px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8d9df}.brand{font-family:Manrope,Arial,sans-serif;font-weight:800;color:#173f30;text-decoration:none;letter-spacing:.04em;font-size:17px}.brand span{display:block;font-size:13px;letter-spacing:.17em}.header-note{font-size:10px;letter-spacing:.16em;font-weight:700;color:#5b6a64}main{max-width:860px;padding:30px 24px;margin:auto}.intro-label,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#446553}.intro-label{margin:4px 0 18px}.card{padding:48px 52px;background:#fff;border:1px solid #dcdfe0;border-radius:24px;box-shadow:0 14px 60px #24463809;border-top:5px solid #23744e}.welcome{background:radial-gradient(ellipse at top right,#e0efe250,transparent 60%)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.25;letter-spacing:-.035em}h1{font-size:clamp(38px,7vw,64px);margin:22px 0}.dot{color:#298950}.lead{font-size:20px;color:#596860;margin-bottom:24px}.facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:#4b6055;margin:25px 0}.facts span:before{content:'✓ ';color:#1b7548;font-weight:800}.primary{display:inline-flex;align-items:center;justify-content:center;background:#154e37;border:1px solid #154e37;color:#fff;border-radius:10px;padding:16px 23px;font:700 16px 'DM Sans',Arial,sans-serif;text-decoration:none;cursor:pointer;line-height:1.4;min-height:54px;transition:background .15s}.primary:hover{background:#0d3826}.secondary{background:#fff;border:1px solid #a3b8aa;border-radius:9px;color:#214b36;font:700 15px 'DM Sans',Arial,sans-serif;cursor:pointer;padding:14px 20px}.micro{font-size:12px;color:#65716a;margin:12px 0 0}.topics{margin-top:35px;padding-top:23px;border-top:1px solid #e5e9e5;display:flex;gap:8px;flex-wrap:wrap}.topics span{font-size:11px;padding:5px 10px;border-radius:5px;background:#f1f4ef;color:#526654}.signature{text-align:center;margin:30px 0}.signature p{font-family:Manrope,Arial,sans-serif;font-size:20px;color:#266641;font-weight:700;margin:0}.signature span{font-size:12px;color:#5e7065}footer{font-size:11px;color:#6c746f;text-align:center;max-width:640px;margin:auto}footer a{font-size:13px;color:#24563b}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #986bde;outline-offset:4px}h2:focus{outline:none}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.09em;color:#5c6d62}.topic{font-weight:500;text-align:right;background:#f1f4ed;padding:5px 10px;border-radius:5px;letter-spacing:0}progress{width:100%;height:7px;appearance:none;border:none;margin:20px 0 12px;background:#edf0eb;border-radius:8px;overflow:hidden}progress::-webkit-progress-bar{background:#edf0eb}progress::-webkit-progress-value{background:#2b8558}progress::-moz-progress-bar{background:#2b8558}.question{font-size:23px;line-height:1.5;margin:12px 0 25px;letter-spacing:-.02em}.choices{display:grid;gap:11px}.choice{width:100%;display:flex;align-items:center;text-align:left;gap:13px;padding:15px;background:#fff;border:1px solid #d5ded8;border-radius:10px;color:#243a30;font:400 15px 'DM Sans',Arial,sans-serif;line-height:1.5;cursor:pointer;flex-wrap:wrap}.choice-label{flex:1;min-width:150px}.choice:hover:not(:disabled){background:#f2f7ef;border-color:#6b9d7d}.letter{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border:1px solid #d5ded8;border-radius:7px;font-size:12px;font-weight:800}.choice:disabled{opacity:1;cursor:default}.choice.correct{border-color:#31835b;background:#eef8f0}.choice.incorrect{border-color:#ad7059;background:#fff6f0}.badge{font-size:11px;font-weight:700;color:#305b3a}.feedback{display:none}.feedback.visible{display:block;background:#f6f6fc;border-left:3px solid #9886be;border-radius:6px;padding:20px 22px;margin:24px 0}.feedback h3{font-size:19px;margin:0 0 12px;letter-spacing:-.02em}.feedback p,.review p{font-size:14px}.answer-title{font-weight:700}.selected-reason{color:#655345}details{border-top:1px solid #dce2db;padding:12px 0}summary{cursor:pointer;font-size:13px;font-weight:700}details p{margin-bottom:8px}.result-title{font-size:34px;margin:15px 0}.score{font-family:Manrope,Arial,sans-serif;font-size:65px;font-weight:800;color:#1e6b45;line-height:1.3}.score-label{margin:0;color:#5c6d62}.review{margin:26px 0}.starter{background:#eef4eb;border:1px solid #d9e4d6;padding:25px;border-radius:14px;margin:28px 0}.starter h3{font-size:25px;margin:12px 0}.starter p{font-size:15px}.starter .micro{font-size:11px}.skip{position:absolute;left:10px;top:-80px;background:#fff;padding:10px;z-index:2}.skip:focus{top:10px}@media(max-width:600px){header{padding:20px}.header-note{display:none}main{padding:20px 15px}.card{padding:28px 22px;border-radius:17px}h1{font-size:43px}.lead{font-size:17px}.question{font-size:19px}.question-meta{font-size:10px}.choice{padding:13px 11px;font-size:14px;gap:10px}.primary{width:100%;font-size:14px}.badge{width:100%;padding-left:41px}.signature p{font-size:17px}.starter{padding:20px}.feedback.visible{padding:17px}.result-title{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}