#serviceProblemsSection .problem-rows {
  --problem-row-min: var(--row-min);
  display: block;
  gap: 0;
}
#serviceProblemsSection .problem-row {
  width: 100%;
  min-height: var(--problem-row-min);
  padding: var(--space-3) var(--space-4);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ink);
  font-family: var(--font);
  text-align: left;
  white-space: normal;
  transform: none;
}
#serviceProblemsSection .problem-row .t {
  display: block;
  overflow-wrap: anywhere;
}
#serviceProblemsSection .problem-row .problem-hint {
  display: block;
  font-size: var(--t-meta);
  font-weight: var(--weight-regular);
  line-height: var(--leading-meta);
  color: var(--ink-2);
  margin-top: var(--space-1);
  overflow-wrap: anywhere;
}
#serviceProblemsSection .problem-row:active { background: var(--ds-card-active-bg); }
#serviceProblemsSection .problem-row.sel { background: var(--accent-soft); color: var(--accent-text); }
#serviceProblemsSection .problem-row:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
@media (hover: hover) {
  #serviceProblemsSection .problem-row:hover { background: var(--surface-raised); }
}
@media (min-width: 960px) {
  #serviceProblemsSection .problem-rows {
    --problem-row-min: 92px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }
  #serviceProblemsSection .problem-row { padding: var(--space-4); }
}