/**
 * Desktop-only table spacing rules.
 * Give all cells at least var(--sp2) of left padding,
 * then bump the very first column even more.
 */
@media (min-width: 769px) {
  .views-table th,
  .views-table td {
    /* default horizontal padding is var(--sp1) on the right,
       but zero on the left—let's change that: */
    padding-inline-start: var(--sp2);
  }

  .views-table th:first-child,
  .views-table td:first-child {
    /* extra indent on the first column (Title) */
    padding-inline-start: var(--sp1);
  }
}
/**
 * Mobile-specific table styling for profile views
 * Fully optimized and aggregated version
 */
 @media (max-width: 768px) {
  /* Table body cell styling and spacing */
  .profile-content .views-table tbody td,
  .view-recentwork .views-table tbody td {
    padding: 27px 10px;
    border-bottom: 2px hidden;
    font-size: 14px;
  }
  .tableresponsive-toggle {
    display: none !important;
  }
 }

 
/* NEW: Handle the 601-768px gap where table layout is restored but labels persist */
@media (min-width: 601px) and (max-width: 768px) {
  /* Adjust padding to accommodate the ::before labels that are still present */
  .profile-content .views-table tbody td,
  .view-recentwork .views-table tbody td {
    padding-left: 100px;
  }

  .tableresponsive-toggle {
    display: none !important;
  }
}