/* Executive functioning skills overview table (LSA style) */
:root{
  --link-color:#00a1ff;
  --border-color:#e1e5ea;
  --cell-padding:0.75rem;
  --font-base:0.95rem;
  --hover-bg:#f9fbfc;
}

/* Allow horizontal scroll on small screens */
.table-container{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin-bottom:1rem;
  border:0 !important;
}

/* Table core */
.cmp-table{
  width:100%;
  font-size:var(--font-base);
  table-layout:fixed;
  border-collapse:separate !important;
  border-spacing:0;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Column widths for EF skills table */
.cmp-table--ef-skills col.col-skill{
  width:18%;
}
.cmp-table--ef-skills col.col-meaning{
  width:28%;
}
.cmp-table--ef-skills col.col-signs{
  width:54%;
}

/* Header cells */
.cmp-table thead th{
  background:#fafafa;
  font-weight:600;
  padding:var(--cell-padding);
  border:1px solid var(--border-color);
  text-align:left;
  line-height:1.45;
  white-space:normal !important;
  word-break:keep-all;
  overflow:hidden;
}

/* Body cells */
.cmp-table td{
  padding:var(--cell-padding);
  border:1px solid var(--border-color);
  vertical-align:top;
  background:#fff;
  line-height:1.55;
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
  overflow:hidden;
}

/* Hover */
.cmp-table tbody tr:hover td{
  background:var(--hover-bg);
}

/* Links (for consistency if any are added later) */
.cmp-table a{
  color:var(--link-color);
}

/* Small screens */
@media (max-width:480px){
  .cmp-table{
    font-size:0.9rem;
  }
}