#cost-bars { display: grid; gap: 12px; margin: 16px 0; }
.cost-label { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
.cost-track { background: #eee; height: 10px; border-radius: 3px; overflow: hidden; margin-top: 4px; }
.cost-fill { background: #333; height: 100%; }
.ru-table { width: 100%; border-collapse: collapse; }
.ru-table th, .ru-table td { padding: 10px 8px; border-bottom: 1px solid #ddd; text-align: right; }
.ru-table th:first-child { text-align: left; }
.ru-table caption { text-align: left; margin: 10px 0; }
.ru-table tfoot { font-weight: bold; }
.ru-table-wrapper { max-width: 100%; overflow-x: auto; }
#results .ru-primary-result strong { font-size: 1.5em; }
@media (max-width: 650px) { .ru-table { font-size: 14px; } .ru-table th, .ru-table td { padding: 8px 5px; } }