.grade-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0}.grade-shortcuts button{min-height:44px;padding:10px 16px;border:1px solid #9bb7c7;border-radius:14px;color:#315f7b;background:#f1f8fc;font:800 16px var(--font)}.first-grade-section{margin:38px 0;padding:28px;background:#eef5fa;border:2px solid #bed3df;border-radius:26px}.first-grade-section h2{font:900 30px var(--font);margin:8px 0 14px;color:#244f69}.first-grade-section p{line-height:1.6;max-width:620px}.first-grade-card{display:flex;align-items:center;gap:24px;padding:24px;background:white;border:1px solid #bed3df;border-radius:20px;margin-top:22px}.first-grade-card h3{font:900 25px var(--font);margin:0 0 8px}.first-grade-card p{margin:8px 0 16px}.number-bridge-art{display:grid;place-items:center;flex:0 0 135px;height:135px;border-radius:24px;background:#e6f0de;color:#356252;font:900 32px var(--font);transform:rotate(-4deg)}.number-bridge-art small{display:block;font-size:16px}.grade-context{color:#315f7b;font:800 16px var(--font);margin:0 0 18px;padding:12px 18px;border-radius:14px;background:#edf5fa;border:1px solid #bed3df}.first-grade-trail{display:grid;grid-template-columns:repeat(5,44px);justify-content:center;gap:8px;margin:16px 0 20px}.first-grade-trail button{min-height:44px;border:1px solid #9bb7c7;border-radius:13px;background:#f3f8fb;color:#315f7b;font:800 17px var(--font)}.first-grade-trail button[aria-pressed=true]{background:#3b6f8e;color:white}.first-grade-story{max-width:590px;font-size:20px;line-height:1.6;margin:18px 0}.first-grade-content .first-grade-equation{font:900 38px var(--font);margin:12px 0;color:#315f7b}.first-grade-frames{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:620px}.bridge-frame-group>span{display:block;margin:0 0 8px;font-weight:800}.bridge-frame{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:2px solid #7096aa;border-radius:12px;padding:6px;gap:4px;background:#f5faff}.bridge-frame>button,.bridge-cell{min-width:0;min-height:56px;height:56px;width:100%;display:grid;place-items:center;border:1px solid #b1cbd9;border-radius:7px;background:#fff;color:#715598;font-size:29px;padding:0}.bridge-frame .added-counter{color:#a7631d;background:#fff6dd}.bridge-frame .removed-counter{background:#ececec;color:#666}.first-grade-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:16px 0;width:100%}.first-grade-tools .primary-button{width:auto;min-width:145px}.first-grade-answers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:450px;width:100%}.first-grade-answers button{min-height:75px;border:2px solid #9bb7c7;border-bottom-width:5px;border-radius:18px;background:#fff;color:#315f7b;font:900 30px var(--font)}.first-grade-answers button.correct{background:#e7f1d6;border-color:#6c9251}.first-grade-content .first-grade-legend{font-size:14px}.first-answer-title{font:800 20px var(--font);margin:18px 0 14px}.first-grade-content button:focus-visible,.first-grade-section button:focus-visible,.grade-shortcuts button:focus-visible{outline:3px solid #396c91;outline-offset:4px}body[data-subject=first-grade] .play-card{background:#f0f6fa}@media(max-width:650px){.first-grade-section{padding:18px}.first-grade-section h2{font-size:27px}.first-grade-card{flex-direction:column;align-items:stretch;padding:18px;gap:18px}.number-bridge-art{flex-basis:auto;height:95px;align-self:center;width:150px;font-size:28px}.first-grade-card .primary-button{width:100%;padding:14px 10px}.first-grade-card h3{font-size:24px}.first-grade-trail{gap:6px;grid-template-columns:repeat(5,40px)}.first-grade-frames{grid-template-columns:1fr;max-width:290px;gap:14px}.first-grade-answers{grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px}.first-grade-story{font-size:18px}.first-grade-content .first-grade-equation{font-size:33px}.first-grade-tools{gap:10px}}
#first-grade-title,#subject-choice-title{scroll-margin-top:32px}