.career-readable { font-size:18px; line-height:1.8; margin-bottom:48px; }
.career-readable p { margin:16px 0; }
.career-readable a { text-decoration:underline; text-underline-offset:4px; }
.career-numbers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:24px 0; }
.career-numbers div { padding:16px 8px; background:#fff5f5; border-top:4px solid #9e1a20; text-align:center; }
.career-numbers dt { font-size:18px; font-weight:700; }
.career-numbers dd { margin:4px 0 0; font-size:38px; line-height:1.3; color:#9e1a20; font-weight:700; }
.career-numbers dd span { font-size:18px; }
.career-table { overflow-x:auto; }
.career-table table { width:100%; border-collapse:collapse; font-size:16px; }
.career-table caption { text-align:left; margin:8px 0; font-weight:700; }
.career-table th,.career-table td { padding:12px 8px; border:1px solid #d8d8d8; vertical-align:top; }
.career-table thead { background:#fff5f5; }
.career-table ul { margin:0; padding-left:1.2em; }

@media (max-width:1023px) {
  .career-table table,
  .career-table caption { font-size:18px; }
}
@media (max-width:640px) {
  .career-table table,
  .career-table caption,
  .career-table tbody { display:block; }
  .career-table table { position:relative; width:100%; }
  .career-table thead {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
  }
  .career-table tbody tr {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin:0 0 12px;
    border:1px solid #d8d8d8;
    background:#fff;
  }
  .career-table tbody tr > th,
  .career-table tbody tr > td {
    min-width:0;
    width:auto;
    box-sizing:border-box;
    overflow-wrap:anywhere;
    border:0;
    padding:12px 10px;
  }
  .career-table tbody tr > th[scope="row"] {
    grid-column:1;
    background:#fff5f5;
  }
  .career-table tbody tr > td:first-of-type { grid-column:2; }
  .career-table tbody tr > td:last-child {
    grid-column:1 / -1;
    border-top:1px solid #d8d8d8;
  }
}
@media(max-width:360px) { .career-numbers { grid-template-columns:1fr; } }