:root{--g:#2f6f4e;--g2:#568a6e;--ink:#25372e;--muted:#63756b;--bg:#f2f6f3;--line:#c8dacf;--soft:#e9f3ec;--ok:#d9f2df;--okr:#23914b;--bad:#fde0e0;--badr:#c93f3f;--sand:#fff8e7;--sandline:#dec46d;--blue:#edf6fa;--blueline:#c8dee7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.page{width:min(1380px,96vw);margin:auto;padding:20px 0 46px}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 29px;border-radius:22px;background:linear-gradient(135deg,var(--g),var(--g2));color:#fff}.hero h1{margin:4px 0 8px;font:700 clamp(30px,4vw,45px)/1.08 Georgia,serif}.hero p{max-width:900px;margin:0;line-height:1.55;opacity:.94}.kicker{font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.year-switch{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:rgba(255,255,255,.12)}.year-switch span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.year-switch button{padding:9px 13px;border:1px solid rgba(255,255,255,.45);border-radius:10px;background:rgba(255,255,255,.14);color:#fff;font-weight:900;cursor:pointer}.year-switch button.active{background:#fff;color:var(--g)}.section{margin-top:18px;padding:23px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(35,72,53,.06)}.section h2{margin:0 0 14px;color:#285a3d;font:700 29px Georgia,serif}.section h3{margin:0 0 8px;color:#285a3d}.section p,.section li{line-height:1.55}.grid2,.grid3,.grid4{display:grid;gap:13px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:17px;border:1px solid var(--line);border-radius:14px;background:#f9fcfa}.card p{margin:5px 0}.tag{display:inline-block;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:#dceee2;color:#285a3d;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.notice,.warning,.rule{margin:15px 0;padding:14px 16px;border-radius:12px;line-height:1.5}.notice{border:1px solid var(--blueline);background:var(--blue)}.warning{border:1px solid var(--sandline);background:var(--sand)}.rule{border:1px solid #b9d3c1;background:var(--soft);color:#285a3d;font-weight:750}.table-scroll{overflow-x:auto;border-radius:13px}table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:13px;overflow:hidden}th,td{padding:11px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.4}th{background:#dceee2;color:#285a3d}th:last-child,td:last-child{border-right:0}tr:last-child td{border-bottom:0}.number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.total td{background:#e7efea;font-weight:900}.input-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.field label{display:block;margin-bottom:5px;color:#285a3d;font-size:12px;font-weight:900}.field input{width:100%;height:48px;padding:0 11px;border:2px solid #c8d2cc;border-radius:10px;background:#fff;text-align:right;font-size:16px;outline:none}.field input:focus{border-color:var(--g2);box-shadow:0 0 0 3px rgba(79,143,105,.13)}.field input.correct{border-color:var(--okr);background:var(--ok)}.field input.wrong{border-color:var(--badr);background:var(--bad)}.field small{display:block;height:16px;margin-top:3px;text-align:right;font-size:11px}.field input.correct+small{color:var(--okr)}.field input.wrong+small{color:var(--badr)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.actions button{padding:11px 15px;border:0;border-radius:10px;background:var(--g);color:#fff;font-weight:900;cursor:pointer}.actions .solution-button{background:#a2771c}.feedback{min-height:23px;color:var(--muted);font-weight:850}.solution{display:none;margin-top:16px;padding:17px;border:1px solid var(--sandline);border-radius:14px;background:var(--sand)}.solution.open{display:block}.solution h3{color:#6d551d}.formula{padding:10px 0;border-bottom:1px solid rgba(150,116,35,.18);line-height:1.5}.formula:last-child{border-bottom:0}.formula strong{color:#285a3d}.steps{counter-reset:step;display:grid;gap:10px}.step{position:relative;padding:14px 14px 14px 52px;border:1px solid var(--line);border-radius:13px;background:#fafcfb;line-height:1.45}.step::before{counter-increment:step;content:counter(step);position:absolute;left:14px;top:12px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--g);color:#fff;font-weight:900}.sources{margin-top:17px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.6}.sources a{color:var(--g);font-weight:850}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--soft);color:#285a3d;font-size:12px;font-weight:900}.year-note{margin-top:15px;padding:11px 14px;border:1px solid #b9d3c1;border-radius:12px;background:var(--soft);color:#385e49}.muted{color:var(--muted)}@media(max-width:1000px){.hero{align-items:flex-start;flex-direction:column}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:1fr}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.page{width:min(100% - 16px,1380px)}.hero,.section{padding:19px}.year-switch{width:100%;justify-content:center}.grid2,.grid4,.input-grid{grid-template-columns:1fr}th,td{padding:9px}.actions button{width:100%}}