/* Styles that only this tool needs. Token names only, never raw colour values.
   Nothing here edits the shared sheets. */

.subject {
  background: var(--alt-row);
  padding: 16px;
  display: grid;
  gap: 12px;
}

.subject .field { margin: 0; }

.subject-title {
  font-size: var(--t-h3);
  font-weight: 600;
}

.check {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--t-small);
}

.check input {
  width: auto;
  min-height: 0;
}

#notes-list {
  margin: 0;
  padding-left: 20px;
  color: var(--rule-gray);
}

.data-table td.state { white-space: nowrap; }

@media (max-width: 480px) {
  .subject { padding: 12px; }
  .data-table td.state { white-space: normal; }
}