.grade-range{display:inline-flex;align-items:center;gap:5px;max-width:100%;vertical-align:middle;line-height:1.4;white-space:nowrap;font-family:inherit;font-weight:500;font-size:10px;letter-spacing:0}
.grade-range-label{margin-right:3px;color:#617368;font-size:10px}
.grade-mark{display:inline-flex;align-items:center;gap:3px;border:1px solid transparent;border-radius:5px;padding:4px 5px}
.grade-mark svg{display:block;width:14px;height:17px;flex:none;overflow:visible}
.grade-mark svg path{fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.grade-mark svg .grade-fold{fill:none;stroke:#fff;stroke-width:1.2}
.grade-mark svg text{fill:#fff;font:700 15px system-ui,sans-serif;text-anchor:middle}
.grade-mark.is-in-range{color:#175b4b;background:#e9f0e2;border-color:#d5e1cf}
.grade-mark.is-out-of-range{color:#758176;opacity:.34;background:transparent;border-color:#d9dfd6}
.grade-mark.is-out-of-range svg path{fill:none}
.grade-mark.is-out-of-range svg text,.grade-mark.is-out-of-range svg .grade-fold{fill:currentColor;stroke:none}
.subject-card>.grade-range{margin:16px 0 0}.lesson-card .grade-range{margin:8px 0 2px}.lesson-grade-range{margin:12px 0 18px}
.coverage-course>h2 .grade-range{margin-left:14px}.grade-guidance{font-size:11px;color:#647469;line-height:1.9;margin:14px 0 18px}.grade-guidance details{margin-top:7px}.grade-guidance summary{cursor:pointer}.grade-guidance a{text-decoration:underline;text-underline-offset:3px;margin-right:12px}
.physics-grade-range{margin:12px 0 18px}
@media(max-width:480px){.grade-range{gap:4px}.grade-mark{padding:4px}.grade-range-label{margin-right:1px}.coverage-course>h2 .grade-range{display:flex;margin:9px 0 0}}
@media(max-width:760px){.subject-card>.grade-range{display:flex;flex-wrap:wrap;gap:3px}.subject-card>.grade-range>.grade-range-label{flex-basis:100%;margin:0 0 3px;font-size:9px}.subject-card .grade-mark{padding:3px 2px;gap:2px;font-size:9px}.subject-card .grade-mark svg{width:12px;height:15px}}