.hiring-events-group { margin-top: 28px; }
.hiring-events-group h3 { margin-bottom: 12px; font-size: 18px; font-weight: 600; }
.hiring-events-table-wrap { overflow-x: auto; border: 1px solid #e3e7eb; border-radius: 10px; background: #fff; }
.hiring-events-table { width: 100%; border-collapse: collapse; min-width: 650px; }
.hiring-events-table th,
.hiring-events-table td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid #edf0f2; }
.hiring-events-table th { background: #f6f8fa; color: #44515d; font-size: 13px; font-weight: 600; }
.hiring-events-table tr:last-child td { border-bottom: 0; }
.hiring-events-table th:first-child,
.hiring-events-table td:first-child { width: 150px; white-space: nowrap; }
.hiring-events-table th:last-child,
.hiring-events-table td:last-child { width: 220px; }
.hiring-event-title { display: block; color: #1d2b36; font-weight: 600; line-height: 1.45; }
.hiring-event-original { display: block; margin-top: 4px; color: #6c7780; font-size: 13px; line-height: 1.45; }
.hiring-events-updated { margin: 14px 0 0; color: #7b858d; font-size: 12px; }
.hiring-events-empty { padding: 20px; border: 1px solid #e3e7eb; border-radius: 10px; color: #6c7780; background: #f8fafb; }
.hiring-events-source { display: inline-block; margin-top: 16px; }

@media (max-width: 640px) {
    .hiring-events-table-wrap { overflow: visible; border: 0; background: transparent; }
    .hiring-events-table { min-width: 0; }
    .hiring-events-table thead { display: none; }
    .hiring-events-table,
    .hiring-events-table tbody,
    .hiring-events-table tr,
    .hiring-events-table td { display: block; width: 100%; }
    .hiring-events-table tr { margin-bottom: 12px; padding: 6px 14px; border: 1px solid #e3e7eb; border-radius: 10px; background: #fff; }
    .hiring-events-table td,
    .hiring-events-table td:first-child,
    .hiring-events-table td:last-child { width: 100%; padding: 9px 0 9px 88px; border-bottom: 1px solid #edf0f2; white-space: normal; position: relative; }
    .hiring-events-table td:last-child { border-bottom: 0; }
    .hiring-events-table td::before { content: attr(data-label); position: absolute; left: 0; width: 76px; color: #6c7780; font-size: 12px; font-weight: 600; }
}