.bc{--bc-w:104px;--bc-face:#2f6f4e;--bc-deep:#1f4d3a;--bc-accent:#9fe0b4;width:var(--bc-w);aspect-ratio:3/4;border-radius:3px 9px 9px 3px;font-family:inherit;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff26,0 10px 22px #1f4d3a33,0 2px 4px #1f4d3a26}.bc-g2{--bc-face:#5e3e99;--bc-deep:#432b70;--bc-accent:#d9c6f7}.bc-g3{--bc-face:#9a5a12;--bc-deep:#6f3f0a;--bc-accent:#ffd59a}.bc-lg{--bc-w:min(240px,62vw);border-radius:4px 14px 14px 4px}.bc-spine{background:linear-gradient(90deg,var(--bc-deep),var(--bc-face) 70%,#fff3 88%,var(--bc-face));border-radius:3px 0 0 3px;width:11%;position:absolute;inset:0 auto 0 0}.bc-face{color:#fff;background:radial-gradient(120% 60% at 90% 0%,#ffffff26,transparent 60%),var(--bc-face);border-radius:0 9px 9px 0;flex-direction:column;flex:1;align-items:flex-start;gap:3%;margin-left:11%;padding:9% 9% 8%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.bc-lg .bc-face{border-radius:0 14px 14px 0}.bc-brand{letter-spacing:.01em;opacity:.9;font-size:9cqi;font-weight:900}.bc-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--bc-accent);margin-top:auto;font-size:8.5cqi;font-weight:800}.bc-grade{align-items:baseline;gap:4%;font-size:12cqi;font-weight:800;line-height:1;display:flex}.bc-grade b{letter-spacing:-.03em;font-size:32cqi;font-weight:900}.bc-puzzle{background:#ffffff1f;border-radius:6px;grid-template-columns:repeat(3,1fr);align-self:stretch;gap:4%;margin:4% 0 2%;padding:5%;display:grid}.bc-puzzle>span{aspect-ratio:1;background:#ffffffe6;border-radius:3px;place-items:center;display:grid}.bc-q{color:var(--bc-deep);font-size:13cqi;font-weight:900}.bc-dots{flex-wrap:wrap;place-content:center;gap:10%;padding:14%;display:flex!important}.bc-dots i{aspect-ratio:1;background:var(--bc-face);border-radius:50%;width:26%}.bc-size i{aspect-ratio:1;background:var(--bc-face);border-radius:50%}.bc-mix{position:relative}.bc-mix i{border:2px solid var(--bc-face);position:absolute;inset:26%}.bc-mix i:first-child{border-radius:50%}.bc-mix.m0 i:last-child,.bc-mix.m1 i:first-child{display:none}.bc-mix.m2 i:last-child{transform:rotate(45deg)}.bc-meta{opacity:.95;font-size:8.5cqi;font-weight:800}:is(a:hover>.bc,a:focus-visible>.bc){transform:translateY(-4px)rotate(-1.5deg);box-shadow:inset 0 1px #ffffff26,0 16px 30px #1f4d3a40,0 3px 6px #1f4d3a2e}@media (prefers-reduced-motion:reduce){.bc{transition:none}:is(a:hover>.bc,a:focus-visible>.bc){transform:none}}.grade-page main{max-width:1080px;margin:0 auto;padding:0 20px}.grade-page .land-top{position:relative}.grade-page .land-top nav a[aria-current=page]{text-underline-offset:5px;text-decoration:underline}.gr-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:40px;padding:28px 0 36px;display:grid}.gr-hero h1{letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:10px 0 14px;font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.08}.gr-lead{color:var(--text);max-width:560px;margin:0 0 22px;font-size:18px;line-height:1.6}.gr-lead b{color:var(--ink)}.gr-cover{place-items:center;display:grid}.gr-crumbs{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.gr-crumbs a{color:var(--muted);font-weight:700}.gr-crumbs [aria-current]{color:var(--ink);font-weight:700}.gr-section{border-top:1px solid var(--line);padding:30px 0}.gr-section h2{color:var(--ink);letter-spacing:-.01em;margin:0 0 16px;font-size:clamp(24px,3vw,30px);font-weight:900}.gr-section p{max-width:760px;font-size:16px;line-height:1.65}.gr-bar{border-radius:999px;gap:3px;max-width:760px;height:16px;display:flex;overflow:hidden}.gr-bar>span,.gr-areas i{background:var(--ink)}.gr-bar-pattern{background:#6f4bb0!important}.gr-bar-route{background:#9a5a12!important}.gr-bar-matrix{background:#2f6f4e!important}.gr-areas{color:var(--text);flex-wrap:wrap;gap:10px 22px;margin:14px 0 18px;padding:0;font-size:15px;list-style:none;display:flex}.gr-areas li{align-items:center;gap:7px;display:flex}.gr-areas i{border-radius:3px;width:12px;height:12px;display:inline-block}.gr-areas b{color:var(--ink);font-size:17px}.gr-areas small{color:var(--muted);font-weight:700}.gr-topics{flex-wrap:wrap;gap:8px;max-width:900px;margin:6px 0 0;padding:0;list-style:none;display:flex}.gr-topics li{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.gr-steps{gap:12px;max-width:760px;margin:0;padding-left:22px;font-size:16px;line-height:1.6;display:grid}.gr-steps b{color:var(--ink)}.gr-others{flex-wrap:wrap;gap:22px;margin:0;padding:0;list-style:none;display:flex}.gr-others a{color:var(--ink);outline-offset:3px;border-radius:12px;align-items:center;gap:14px;padding:6px;font-weight:800;text-decoration:none;display:flex}.gr-others a span{max-width:150px;line-height:1.35}.gr-faq{gap:10px;max-width:820px;display:grid}.gr-faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px}.gr-faq summary{cursor:pointer;color:var(--ink);align-items:center;min-height:28px;font-size:16px;font-weight:800;display:flex}.gr-faq p{margin:10px 0 2px;font-size:15px}@media (max-width:760px){.gr-hero{grid-template-columns:1fr;gap:24px;padding-top:12px}.gr-cover{order:-1}.gr-lead{font-size:16px}.grade-page .land-top nav a:not(.land-top-cta){display:none}}