:root {
  --stt-v55-font:
    Inter,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}

@media (min-width: 901px) {
  #project-rows tr[data-project] td small,
  .project-panel tr[data-project] td small {
    font-family: var(--stt-v55-font) !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }

  #project-rows tr[data-project] .stt-v55-row-subtext,
  .project-panel tr[data-project] .stt-v55-row-subtext {
    font-family: var(--stt-v55-font) !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    font-weight: 480 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #project-rows tr[data-project] .stt-v55-time-subtext,
  .project-panel tr[data-project] .stt-v55-time-subtext {
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    font-weight: 560 !important;
  }

  #project-rows tr[data-project] .stt-v55-overdue,
  .project-panel tr[data-project] .stt-v55-overdue {
    font-weight: 700 !important;
  }
}

@media (max-width: 900px) {
  #project-rows tr[data-project] td small,
  .project-panel tr[data-project] td small,
  #project-rows tr[data-project] .stt-v55-row-subtext,
  .project-panel tr[data-project] .stt-v55-row-subtext,
  #project-rows tr[data-project] .stt-v55-time-subtext,
  .project-panel tr[data-project] .stt-v55-time-subtext {
    font-family: var(--stt-v55-font) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
}