:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#253330;background:#f5f5ee;line-height:1.6;--green:#225345;--red:#ad3337}*{box-sizing:border-box}body{margin:0}a{color:var(--green)}header{max-width:1120px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;gap:10px;align-items:center;font-weight:750;text-decoration:none}.brand img{width:38px;height:38px}nav{display:flex;gap:18px;flex-wrap:wrap}main{max-width:1060px;margin:auto;padding:18px 24px 64px}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:center;padding:36px 0}.eyebrow{letter-spacing:.13em;font-size:12px;font-weight:750;color:var(--red)}h1{font-size:clamp(30px,5vw,52px);line-height:1.2;margin:15px 0}h2{font-size:24px;margin:0 0 16px}.lead{color:#56615b;max-width:650px}.hero-art{min-height:220px;border-radius:28px;background:#e9ede1;display:grid;place-items:center}.hero-art img{width:160px;height:160px}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{background:white;border:1px solid #dddeda;padding:6px 12px;border-radius:50px;font-size:14px}.card{background:#fff;border:1px solid #dedfd6;border-radius:20px;padding:26px;margin:20px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}button,.button{font:inherit;border:1px solid var(--green);background:var(--green);color:#fff;border-radius:10px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-block}button.secondary,.button.secondary{background:#fff;color:var(--green)}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #db9139;outline-offset:3px}input,select{font:inherit;padding:10px;border:1px solid #b7c2b8;border-radius:9px;max-width:100%;background:#fff;color:#253330}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.filters input{flex:1;min-width:170px}.options{display:grid;gap:10px;margin:20px 0}.option{text-align:left;background:#fff;color:#253330;border-color:#bac7bc;width:100%}.option.chosen{border:2px solid var(--green);background:#eef4ee}.option.correct{border:2px solid #207244;background:#e5f2e9}.option.wrong{border:2px solid #ad3337;background:#fbeceb}.explanation{background:#f3f5ed;border-radius:10px;padding:18px;margin:16px 0}.fine{font-size:13px;color:#626c64}.muted{color:#687168}.list{list-style:none;padding:0}.list li{padding:14px 0;border-bottom:1px solid #e8eae3}.list a{font-weight:650}.stats{display:flex;gap:26px;flex-wrap:wrap}.stat strong{display:block;font-size:28px}.notice{border-left:3px solid var(--red);padding:12px 16px;background:#fff7f1;font-size:14px}.timer{font-variant-numeric:tabular-nums;font-weight:700;color:var(--red)}footer{max-width:1060px;margin:auto;padding:24px;font-size:13px;color:#626c64}progress{width:100%;accent-color:var(--green)}[hidden]{display:none!important}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:5px;background:white;padding:10px;z-index:5}@media(max-width:650px){header,main{padding-left:18px;padding-right:18px}.hero{grid-template-columns:1fr;gap:16px;padding:22px 0}.hero-art{display:none}.card{padding:19px}nav{gap:12px}h1{font-size:34px}}