@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--green:#183f35;--ink:#243a34;--muted:#66746c;--paper:#f7f6ef;--line:#dce1d7;--lime:#d9e998;--orange:#d68a52}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',system-ui,sans-serif;line-height:1.6}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b16730;outline-offset:4px}[hidden]{display:none!important}header{max-width:1250px;margin:auto;padding:24px 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-weight:700;font-size:24px;display:flex;align-items:center;gap:10px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--green);color:var(--lime);border-radius:50%;font-size:32px}.header-note{font-size:10px;letter-spacing:2px}.badge{display:inline-block;border:1px solid #b9c9ba;border-radius:30px;padding:5px 15px;font-size:13px;font-weight:600}main{max-width:1178px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:45px;padding:65px 0 53px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 16px;color:#59705b}h1{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:66px;line-height:1.02;letter-spacing:-1px;margin:0 0 24px}h1 em{color:#6b7d3d;font-weight:400}h2{font-size:26px;letter-spacing:-.6px;line-height:1.2;margin:0}h3{font-size:16px;margin:0 0 8px}.intro{color:var(--muted);max-width:540px;line-height:1.8}.hero-tags{display:flex;flex-wrap:wrap;gap:24px;font-size:12px;margin-top:25px}.illustration{height:300px;background:#e4e8d7;border-radius:46% 46% 10px 10px;position:relative;overflow:hidden;display:grid;place-items:center}.horse{font-family:Georgia,serif;font-size:255px;line-height:1;color:var(--green);transform:rotate(-9deg);z-index:1}.orbit{position:absolute;border:1px solid #b2bf99;width:290px;height:290px;border-radius:50%;top:45px;left:70px}.stamp{position:absolute;bottom:22px;right:20px;transform:rotate(-8deg);font-size:9px;letter-spacing:2px;line-height:1.5;color:var(--green);z-index:2;background:var(--lime);padding:13px;border-radius:50%}.little-star{position:absolute;left:35px;top:55px;font-size:32px;color:var(--orange)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:24px}.section-title .eyebrow{margin-bottom:8px}.muted,.hint{color:var(--muted)}.section-title>.muted{font-size:12px}.config{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 8px 35px #183f3505}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:600;margin-bottom:20px;padding:0}.step{font-size:11px;color:#79866e;background:#f1f3e9;border-radius:50%;display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px}.levels{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.choice{position:relative}.choice input{position:absolute;opacity:0}.level-label{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:10px;padding:14px 4px;cursor:pointer;transition:.2s}.level-label span{font-size:10px;letter-spacing:1.5px}.level-label strong{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.3}.choice input:checked+label{background:var(--green);color:white;border-color:var(--green)}.choice input:focus-visible+label{outline:3px solid #b16730;outline-offset:3px}.hint{font-size:12px;margin:13px 0 0}.divider{border-top:1px solid #edf0e8;margin:26px 0}.counts{display:flex;gap:10px;flex-wrap:wrap}.count-label{display:block;padding:9px 22px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.cumulative{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:20px;flex-wrap:wrap}.cumulative input{accent-color:var(--green);width:17px;height:17px}.cumulative .muted{font-size:12px}.start-row{border-top:1px solid #edf0e8;margin-top:27px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.start-row p{font-size:12px;margin:0}.primary,.secondary{border:1px solid var(--green);padding:13px 24px;border-radius:8px;font-weight:600;line-height:1.4}.primary{color:white;background:var(--green)}.primary:hover:not(:disabled){background:#2c5848}.primary span{margin-left:24px}.secondary{background:transparent;color:var(--green)}.bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin:28px 0 36px}.tip{display:flex;gap:18px;padding:22px 0}.tip p,.history p{font-size:13px;color:var(--muted);margin:0}.small-icon{color:#a8683b;font-size:32px}.history{padding:22px 24px;background:#edefe5;border-radius:12px}.history small{font-size:10px;color:var(--muted)}.notice{border-top:1px solid var(--line);padding:25px 0;font-size:12px;line-height:1.8;color:var(--muted)}.notice a{display:inline-block;color:var(--green);margin-left:4px}footer{max-width:1178px;padding:25px 36px 40px;margin:auto;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}footer .brand{font-size:18px;color:var(--green)}#quiz,#results{max-width:840px;margin:45px auto}.quiz-top,.quiz-progress{display:flex;align-items:center;justify-content:space-between;gap:15px}.text-button{border:0;background:transparent;color:var(--muted);text-decoration:underline;font-size:13px}.quiz-progress{font-size:13px;margin-top:25px}progress{width:100%;height:8px;accent-color:var(--green);margin:12px 0 25px;border:0;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#e0e5d9}progress::-webkit-progress-value{background:var(--green)}.question-card{background:white;border:1px solid var(--line);padding:36px;border-radius:16px}#quiz-heading{font-family:'DM Sans',system-ui,sans-serif;font-size:29px;line-height:1.35;letter-spacing:-.5px;margin-bottom:10px}.answers{display:grid;gap:12px;margin-top:26px}.answer{position:relative}.answer input{position:absolute;opacity:0}.answer label{border:1px solid var(--line);padding:15px 18px;border-radius:8px;display:flex;gap:14px;align-items:center;cursor:pointer}.answer-letter{border:1px solid #c9d2c3;border-radius:5px;padding:1px 8px;font-size:13px}.answer input:checked+label{border-color:var(--green);background:#edf2e8;box-shadow:0 0 0 1px var(--green)}.answer input:focus-visible+label{outline:3px solid #b16730;outline-offset:3px}.answer label.correct{background:#e4f1e3!important;border:2px solid #44804a!important}.answer label.wrong{background:#faeae5!important;border:2px solid #ac5741!important}.question-actions{display:flex;justify-content:end;margin-top:26px}#feedback{margin-top:22px;padding:18px;background:#f0f3e9;border-radius:8px;font-size:14px}#feedback strong{display:block;margin-bottom:5px}.result-banner{display:flex;align-items:center;gap:30px;border:1px solid var(--line);background:white;padding:30px;border-radius:16px;margin:24px 0}#final-score{font-size:42px;font-weight:700;color:var(--green);white-space:nowrap}#final-score small{display:block;font-size:14px;font-weight:400;text-align:center}.result-banner p{font-size:14px}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.review-title{margin:40px 0 20px;font-size:22px}.review-item{border-top:1px solid var(--line);padding:20px 0}.review-item h3{font-size:16px}.review-item p{font-size:14px;margin:6px 0}.review-status{font-size:12px;font-weight:600;color:#35633a}.review-status.error{color:#9b4936}#load-error:empty{display:none}
@media(max-width:760px){header{padding:18px 20px}.header-note{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:25px;padding:40px 0}h1{font-size:49px}.illustration{display:none}.hero-tags{gap:13px;font-size:11px}.section-title{align-items:start;flex-direction:column}.config{padding:22px 18px}.levels{gap:7px}.level-label{padding:12px 2px}.level-label strong{font-size:27px}.level-label span{font-size:8px}.start-row{flex-direction:column;align-items:stretch}.start-row .primary{width:100%}.bottom-grid{grid-template-columns:1fr;gap:8px}.count-label{padding:8px 17px}.cumulative .muted{display:block;margin-left:25px}footer{padding:20px;flex-wrap:wrap}footer>span:last-child{display:none}.question-card{padding:24px 18px}#quiz-heading{font-size:24px}.result-banner{flex-direction:column;align-items:start;gap:15px;padding:24px}.result-actions button{width:100%}}