.catalog-grades { margin: 24px 0; padding: 20px; border: 1px solid #e6e8ec; border-radius: 16px; background: #fff; }
.catalog-grades h2 { margin: 0 0 12px; font-size: 24px; }
.catalog-grades p { margin: 0 0 16px; color: #52606d; font-size: 14px; line-height: 1.5; }
.catalog-grades-scroll { overflow-x: auto; }
.catalog-grades table { width: 100%; border-collapse: collapse; font-size: 14px; }
.catalog-grades th, .catalog-grades td { padding: 12px; border-bottom: 1px solid #edf0f3; text-align: left; white-space: nowrap; }
.catalog-grades thead { background: #f5f7fa; }
.catalog-grades thead th { color: #1f2937; }
.catalog-grades a { text-decoration: underline; }
@media (max-width: 767px) { .catalog-grades { padding: 12px; } .catalog-grades h2 { font-size: 20px; } }