/* Data tables: education, certificates and skills. */
table.data-table{
  width:100%;
  border-collapse:collapse;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  font-size:var(--fs-md);
}
table.data-table th{
  font-family:var(--font-mono);
  font-size:var(--fs-xxs);
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--muted);
  background:var(--bg-deep);
  text-align:left;
  padding:12px 18px;
  border-bottom:1px solid var(--line);
}
table.data-table td{
  padding:16px 18px;
  background:var(--panel);
  border-bottom:1px solid var(--line);
  vertical-align:top;
  color:var(--text);
}
table.data-table tr:last-child td{ border-bottom:none; }
table.data-table td.dim{ color:var(--text-dim); font-family:var(--font-mono); font-size:var(--fs-sm); }


/* Phones: each row becomes a small stacked card instead of a wide table */
@media (max-width:640px){
  table.data-table thead{ display:none; }
  table.data-table, table.data-table tbody, table.data-table tr, table.data-table td{ display:block; width:100%; }
  table.data-table tr{ padding:12px 14px; background:var(--panel); border-bottom:1px solid var(--line); }
  table.data-table tr:last-child{ border-bottom:none; }
  table.data-table td{ padding:2px 0; border-bottom:none; background:none; }
}