/* Elementary grade cards: clear labels, playful learning illustrations. */
.egrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.egrade{--ec:#b96043;--ep:#fff4eb;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;text-align:left;cursor:pointer;color:#39443d;border:1px solid #eadfd6;border-radius:19px;padding:19px 20px 15px;min-height:214px;background:var(--ep);box-shadow:0 4px 0 #333b3105;transition:transform .18s,box-shadow .18s,border-color .18s;font:inherit}
.egrade[data-grade="2"]{--ec:#9a701e;--ep:#fff9e7;border-color:#eae2c8}.egrade[data-grade="3"]{--ec:#46896d;--ep:#eef8f1;border-color:#d8e7da}.egrade[data-grade="4"]{--ec:#487eaf;--ep:#edf6fd;border-color:#d9e6ef}.egrade[data-grade="5"]{--ec:#8661ab;--ep:#f6f1fc;border-color:#e5dcef}.egrade[data-grade="6"]{--ec:#af668b;--ep:#fdf0f5;border-color:#efdae3}
.egrade:before{content:'';position:absolute;z-index:-1;width:138px;height:138px;right:-32px;top:6px;border-radius:50%;background:#ffffff72}.eg-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.eg-grade{display:flex;align-items:baseline;gap:5px;font-size:14px;font-weight:700;color:var(--ec)}.eg-grade b{font-size:43px;line-height:1;font-weight:850;letter-spacing:-2px}.eg-check{display:grid;place-items:center;align-self:flex-start;background:#ffffffa6;border:1px solid color-mix(in srgb,var(--ec) 23%,white);color:var(--ec);border-radius:50%;width:23px;height:23px;font-size:13px;margin-top:1px}
.eg-art{position:absolute;width:89px;height:89px;right:26px;top:18px;background-image:url('quest/math-semantic.png');background-size:400% 300%;background-repeat:no-repeat;pointer-events:none;transform:rotate(-6deg);transition:transform .22s}.eg-art-1{background-position:0 0}.eg-art-2{background-position:66.667% 100%}.eg-art-3{background-position:0 50%}.eg-art-4{background-position:33.333% 0}.eg-art-5{background-position:66.667% 100%;transform:rotate(5deg)}.eg-art-6{background-position:33.333% 100%}
.eg-note{font-size:16px;font-weight:750;letter-spacing:-.35px;margin-top:29px;line-height:1.45;position:relative}.eg-label{font-size:12px;color:#748075;line-height:1.6;margin-top:5px;word-break:keep-all;min-height:20px}.eg-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid color-mix(in srgb,var(--ec) 13%,transparent);padding-top:12px;margin-top:16px}.eg-meta{font-size:11px;color:#879187;white-space:nowrap}.eg-action{font-size:11px;color:var(--ec);font-weight:650;white-space:nowrap}.egrade[aria-pressed=true]{border:2px solid var(--ec);padding:18px 19px 14px;box-shadow:0 5px 0 color-mix(in srgb,var(--ec) 16%,transparent)}.egrade[aria-pressed=true] .eg-check{background:var(--ec);border-color:var(--ec);color:#fff}.egrade:focus-visible{outline:3px solid var(--ec);outline-offset:4px}
.hero .example-equation.elem{font-size:34px}.elem-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;color:#c2410c;background:#ffe8dd;border-radius:999px;padding:4px 11px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html:not(.effects-off) .egrade:hover{transform:translateY(-3px);box-shadow:0 8px 16px #3b503b0a;border-color:var(--ec)}html:not(.effects-off) .egrade:hover .eg-art{transform:rotate(0deg) translateY(-3px)}}
@media(max-width:1100px){.egrade{padding:17px 16px 14px}.egrade[aria-pressed=true]{padding:16px 15px 13px}.eg-art{width:76px;height:76px;right:17px;top:25px}.eg-note{font-size:14px}.eg-bottom{flex-wrap:wrap;gap:5px}.eg-action{margin-left:auto}}
@media(max-width:820px){.egrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.egrade-grid{gap:12px}.egrade{padding:15px 13px 13px;min-height:223px;border-radius:15px}.egrade[aria-pressed=true]{padding:14px 12px 12px}.eg-grade b{font-size:34px}.eg-grade{font-size:12px;gap:3px}.eg-art{width:64px;height:64px;right:11px;top:50px}.eg-check{width:20px;height:20px;font-size:11px}.eg-note{margin-top:52px;font-size:14px;word-break:keep-all}.eg-label{font-size:11px;min-height:36px;margin-top:4px}.eg-bottom{margin-top:auto;padding-top:11px;flex-direction:column;align-items:flex-start;gap:5px}.eg-action{margin-left:0}.eg-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.egrade,.eg-art{transition:none}}.effects-off .egrade,.effects-off .eg-art{transition:none}
.eg-art-1{background-position:100% 100%}.eg-art-3{background-position:66.667% 100%}@media(max-width:520px){.eg-note{margin-top:68px}.egrade{min-height:239px}}