body { font-family: Arial, Helvetica, sans-serif; }
.rankings-table { border-collapse: collapse; width: 100%; }
.rankings-table th, .rankings-table td { border: 1px solid #ddd; padding: 8px; text-align: left; }
.rankings-table th { background: #f2f2f2; }
#table-container { overflow-x: auto; }
#main {
    background-color: rgba(255, 255, 255, var(--bg-alpha));
}

.rankings-table .highlight { background: rgba(165, 204, 212, var(--bg-alpha)); font-weight: 600; }
.rankings-table th.highlight { background: rgba(165, 204, 212, 1); }

/* Make select controls match the country selector / calculation form style */
.control-select,
#year-select,
#order-select {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.06);
    padding: 10px 12px;
    border-radius: 8px;
    transition: box-shadow 120ms ease, transform 80ms ease;
    position: relative;
    z-index: 1160;
}
.control-select:hover, .control-select:focus,
#year-select:hover, #year-select:focus,
#order-select:hover, #order-select:focus {
    box-shadow: 0 6px 18px rgba(16,32,42,0.06);
    outline: none;
}