.grade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grade-card{display:flex;gap:22px;align-items:center;padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px}.grade-card>span{display:grid;place-items:center;flex:0 0 72px;height:72px;border-radius:18px;background:var(--navy);color:#fff;font:800 34px Georgia,serif}.grade-card h2,.topic-directory-card h2,.topic-center h2{color:var(--navy);font-family:Georgia,serif;margin:0 0 8px}.grade-card p{margin:0 0 8px;color:var(--muted)}.grade-card b,.topic-directory-card b{color:var(--coral)}.grade-switch{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.grade-switch a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:800}.grade-switch a.active{background:var(--navy);color:#fff}.topic-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-directory-card{display:flex;min-height:265px;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:17px;background:#fff}.topic-directory-card small{color:var(--mint);font-weight:850;text-transform:uppercase;letter-spacing:1px}.topic-directory-card p{color:var(--muted)}.topic-directory-card span{margin-top:auto;font-size:13px;font-weight:800}.topic-directory-card b{margin-top:10px}.topic-center{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px}.topic-steps{counter-reset:step;list-style:none;padding:0}.topic-steps li{counter-increment:step;padding:15px 16px 15px 54px;margin:10px 0;background:#fff;border:1px solid var(--line);border-radius:12px;position:relative}.topic-steps li:before{content:counter(step);position:absolute;left:15px;top:13px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--coral);color:#fff;font-weight:900}.worked-example{margin:24px 0;padding:22px;border-left:4px solid var(--mint);background:#eef9f7}.worked-example p{margin-bottom:0}.topic-meta{display:flex;flex-direction:column;gap:10px;padding:22px;height:max-content;border:1px solid var(--line);background:#fff;border-radius:15px}.topic-meta a{margin-top:8px;color:var(--coral);font-weight:800}@media(max-width:800px){.grade-grid,.topic-directory,.topic-center{grid-template-columns:1fr}.grade-card{align-items:flex-start}.topic-directory-card{min-height:220px}}