.grades-main .grades-controls{display:flex;flex-wrap:wrap;gap:1rem;margin:1.25rem 0 1rem;align-items:end}
.grades-main .grades-controls label{display:flex;flex-direction:column;gap:.35rem;font:600 11px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase;color:rgba(24,44,43,.7)}
.grades-main .grades-controls input,.grades-main .grades-controls select{min-width:10rem;padding:.45rem .6rem;border:1px solid rgba(24,44,43,.22);border-radius:4px;background:#fff;font:14px/1.3 Georgia,serif;color:#182c2b}
.grades-wrap{overflow:auto;border:1px solid rgba(24,44,43,.18);border-radius:6px;background:#fff}
.grades-table{width:100%;border-collapse:collapse;font:15px/1.45 Georgia,serif;min-width:960px}
.grades-table th,.grades-table td{padding:.65rem .75rem;border-bottom:1px solid rgba(24,44,43,.12);vertical-align:top;text-align:left}
.grades-table th{position:sticky;top:0;background:#f4f1ea;font:600 11px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;user-select:none}
.grades-table th:hover{background:#ebe6da}
.grades-table tr:hover td{background:rgba(24,44,43,.03)}
.grades-table .g-title a{color:#182c2b;font-weight:600;text-decoration:none}
.grades-table .g-title a:hover{text-decoration:underline}
.grades-table .g-kind{margin-top:.2rem;font:10px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;color:rgba(24,44,43,.55)}
.grades-table .g-path code{font:12px/1.3 ui-monospace,Menlo,Consolas,monospace;color:rgba(24,44,43,.75)}
.grades-table .g-why{font-size:14px;color:rgba(24,44,43,.88);max-width:28rem}
.grades-table .g-empty,.grades-table .g-chatgpt-why{color:rgba(24,44,43,.45)}
.g-pill{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.2rem .45rem;border-radius:999px;background:#182c2b;color:#f4f1ea;font:700 12px/1 ui-monospace,Menlo,Consolas,monospace}
.g-grade[data-grade^="A"] .g-pill{background:#1f6b4a}
.g-grade[data-grade^="B"] .g-pill{background:#2f5d8c}
.g-grade[data-grade^="C"] .g-pill{background:#8a6d1f}
.g-grade[data-grade^="D"] .g-pill{background:#8a3f1f}
.g-grade[data-grade="F"] .g-pill{background:#7a1f1f}
.grades-table tr.is-hidden{display:none}

.g-score-pill{display:inline-block;min-width:3.2rem;padding:.15rem .4rem;border-radius:999px;background:rgba(24,44,43,.08);font:600 12px/1.2 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}
.g-score .g-pill{margin-left:.25rem}