/* ---------- grade tables (10 families / 99 grades) ---------- */
.prod-link{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--steel);letter-spacing:.02em}
.prod-link:hover{color:var(--accent)}
.grades{display:block;margin-top:22px}
.grades details{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;margin-bottom:10px;overflow:hidden}
.grades details[open]{box-shadow:0 2px 14px rgba(14,34,55,.06)}
.grades summary{list-style:none;cursor:pointer;padding:15px 18px;display:flex;align-items:center;gap:14px;font-weight:700;color:var(--navy);font-size:15px}
.grades summary::-webkit-details-marker{display:none}
.grades summary::after{content:"+";margin-left:auto;font-size:20px;color:var(--steel);font-weight:400;line-height:1}
.grades details[open] summary::after{content:"\2013"}
.grades details[open] summary{background:#F7F9FB;border-bottom:1px solid var(--line)}
.grades .cnt{order:0;margin-left:10px;margin-right:auto;font-size:11.5px;font-weight:600;color:#94A3B0;letter-spacing:.04em;white-space:nowrap}
.table-scroll{overflow-x:auto}
.grades table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
.grades th{text-transform:none;letter-spacing:.04em;text-align:left;padding:11px 16px;font-size:11.5px;letter-spacing:.06em;color:#7A8A99;font-weight:700;border-bottom:1px solid var(--line);white-space:nowrap}
.grades td{padding:10px 16px;border-bottom:1px solid rgba(14,34,55,.06);color:#2A3F52;vertical-align:top}
.grades tr:last-child td{border-bottom:0}
.grades tbody tr:hover{background:#FAFCFE}
.g-name{font-weight:700;color:var(--ink);white-space:nowrap}
.g-std{color:#5A6B7A;font-size:12.5px}
.g-num{white-space:nowrap;font-variant-numeric:tabular-nums}
.tag{display:inline-block;font-size:10px;padding:3px 8px;border-radius:3px;font-weight:700;letter-spacing:.05em;white-space:nowrap}
.tag.std{background:#E8F0F9;color:#1E5FA8}
.tag.typ{background:#FFF1E4;color:#A9551A}
.tag.tbc{background:#EEF1F4;color:#78868F}
.grades-note{font-size:12.5px;color:#7A8A99;line-height:1.75;margin-top:16px;max-width:900px}
@media (max-width:700px){
  .grades table{font-size:12.5px}
  .grades td,.grades th{padding:8px 11px}
}