.hr-reference-table-label{display:none}
@media screen{
  .hr-reference-table{width:100%;table-layout:fixed}
  .hr-reference-table th,.hr-reference-table td{white-space:normal;overflow-wrap:anywhere}
  .hr-reference-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:10px}
  .hr-reference-table-scroll>.hr-reference-table{display:table;overflow:visible;width:100%;min-width:520px}
  .hr-reference-table-scroll:focus-visible{outline:3px solid var(--hino,#cc0000);outline-offset:3px}
  .hr-reference-table-cue{margin:.35rem 0;font:400 13px/1.5 system-ui;color:var(--mut,#555d65)}
  .hr-reference-table-cue[hidden]{display:none}
}
@media screen and (max-width:600px){
  .hr-reference .hr-main table.hr-reference-table.hr-reference-records{display:block;min-width:0;max-width:100%;width:100%}
  .hr-reference-records thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .hr-reference-records tbody{display:block}
  .hr-reference-records tbody tr{display:grid;grid-template-columns:minmax(0,1fr);padding:.7rem 0;border-bottom:1px solid var(--line,#d9dee2)}
  .hr-reference-records tbody :is(td,th){display:block;width:auto;min-width:0;padding:.4rem 0;border:0;font-size:14px;line-height:1.55}
  .hr-reference-records .hr-reference-table-label{display:block;margin-bottom:.15rem;color:var(--mut,#555d65);font:600 12px/1.4 system-ui}
}
@media print{.hr-reference-table-cue{display:none}.hr-reference-table-scroll{overflow:visible}}