.table-container { overflow-x: auto; margin: 20px 0; border: 1px solid #e0e0e0; border-radius: 4px; } .table-caption { background: #f1f3f5; padding: 8px 12px; font-size: 14px; font-weight: 600; border-bottom: 1px solid #e0e0e0; } .gost-table { width: 100%; border-collapse: collapse; } .gost-table th, .gost-table td { padding: 10px; border: 1px solid #e0e0e0; text-align: center; font-size: 13px; } .gost-table th { background-color: #f8f9fa; color: #444; } .steel-table tr:nth-child(even) { background-color: #fafafa; } .steel-table th { background-color: var(--accent); color: #fff; } .gost-table tbody tr:hover { background-color: #e8f4ff !important; transition: background-color 0.2s ease; } .scroll-table td:hover { background-color: #e8f4ff; cursor: default; } .steel-grid td:nth-child(odd) { font-weight: 600; color: #2c3e50; background-color: #fcfcfc; } @media (max-width: 480px) { .gost-table th, .gost-table td { padding: 6px 4px; font-size: 12px; } }