/* Base table styles */
.boxedtable {
    border-collapse: collapse;
    /* Removed redundant background-color: inherit; as it's the default behavior */
  }
  
  .boxedtable td {
    border: 1px solid #000;
    padding: 10px; /* Simplified padding declaration */
  }
  
  /* Utility classes */
  .version {
    /* Using display: none is better for space allocation than visibility: hidden */
    /* Unless you specifically need to preserve the space taken by the element */
    display: none;
  }
  
  .strike {
    text-decoration: line-through;
  }
  
  /* Layout components */
  .accessibility-link {
    /* float can cause layout issues; consider using Flexbox instead */
    display: flex;
    justify-content: flex-end;
    /* If float is necessary, add a clearfix to the parent element */
  }
  
  /* Message components */
  .stale-warning,
  .warning { /* Combined duplicate selectors */
    color: #d50000; /* More accessible red */
    background-color: #fbc9c7;
    border: 1px solid #d50000;
    padding: 10px;
    border-radius: 4px; /* Added for better visual separation */
    margin-bottom: 1rem; /* Added for spacing */
  }
  
  /* Navigation components */
  .tocset td a.tocviewselflink {
    color: #000;
    text-decoration: underline;
    /* Consider adding :focus styles for keyboard navigation */
  }
  
  .tocset {
    background-color: hsl(293, 33%, 90%);
  }
  
  /* Exercise components */
  .ExerciseBody {
    padding: 0 0 0.5em 10px;
    border-left: 5px solid orange; /* Shorthand property */
    background-color: #ffebcd;
  }
  
  .Exercise {
    font-weight: bold;
    background-color: #ffb167;
    padding: 5px 0 5px 10px;
    margin-left: -10px;
  }
  
  /* Link styles */
  a,
  .toclink,
  .toptoclink,
  .tocviewlink,
  .tocviewselflink,
  .tocviewtoggle,
  .plainlink,
  .techinside,
  .techoutside:hover,
  .techinside:hover {
    color: hsl(296, 100%, 22%);
    /* Added for accessibility and usability */
    text-decoration: underline;
    transition: color 0.2s ease;
  }
  
  a:hover,
  a:focus {
    color: hsl(296, 100%, 32%); /* Slightly lighter on hover/focus */
  }
  
  .boxed {
    background: linear-gradient(to bottom left, hsl(0, 0%, 99%) 0%, hsl(293, 33%, 90%) 100%);
    /* Consider adding a fallback for browsers that don't support gradients */
    background-color: hsl(293, 33%, 95%);
  }
  
  /* Added media query for responsive adjustments */
  @media (max-width: 768px) {
    .ExerciseBody {
      padding: 0 0 0.5em 5px;
      border-left-width: 3px;
    }
    
    .Exercise {
      padding: 5px 0 5px 5px;
      margin-left: -5px;
    }
  }