.grades-scroll{position:relative;overflow-x:auto;margin:14px 0 4px;border:1px solid var(--legal-line);border-radius:12px}
.grades-table{width:100%;min-width:760px;border-collapse:collapse;font-size:12px}
.grades-table th,.grades-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(151,174,255,.13);color:var(--legal-muted);white-space:nowrap}
.grades-table thead th{color:#eaf0ff;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:rgba(25,37,80,.55)}
.grades-table tbody th{color:#eaf0ff;font-weight:750}
.grades-table tbody tr:last-child th,.grades-table tbody tr:last-child td{border-bottom:0}
.grades-table td.num{text-align:right;font-variant-numeric:tabular-nums}
.grades-table .up{color:var(--legal-green);font-weight:700}
.grades-cmds{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4px 26px}
.grades-cmds p{margin:5px 0}
.grades-card code,.grades-cmds code{color:#dfe7ff;background:rgba(143,184,255,.1);border:1px solid rgba(143,184,255,.18);border-radius:6px;padding:1px 6px;font-size:12px}
.grades-toc{display:flex;flex-wrap:wrap;gap:8px;margin:-26px 0 32px}
.grades-toc a{padding:7px 12px;border:1px solid rgba(151,174,255,.26);border-radius:999px;background:rgba(25,37,80,.6);color:#c5d1f0;font-size:11px;text-decoration:none}
.grades-toc a:hover{color:#fff;border-color:#8fb8ff}