.oj-problem-detail-shell,
.oj-problem-user-panels {
  align-items: flex-start;
}

.oj-problem-detail-main > .oj-panel,
.oj-problem-detail-side .oj-panel {
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
}

.oj-problem-title {
  color: #0f172a;
  font-weight: 800 !important;
  line-height: 1.16;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.oj-problem-tabs {
  border-bottom-color: var(--oj-border);
  gap: 4px;
}

.oj-problem-tabs .nav-link {
  border-radius: 6px 6px 0 0;
  color: #475569;
  font-weight: 700;
}

.oj-rich-content {
  color: #263244;
  line-height: 1.78;
}

.oj-rich-content img {
  border: 1px solid var(--oj-border);
  border-radius: 6px;
}

.oj-section-title {
  color: #0f172a;
  font-size: 18px;
  font-weight: 750;
}

.oj-performance-progress {
  background: #e2e8f0;
  height: 8px;
}

.oj-performance-progress .progress-bar {
  background: linear-gradient(90deg, var(--oj-accent), #22c55e);
}

.oj-submission-source textarea {
  background: #0f172a;
  border-color: #1e293b;
  color: #e2e8f0;
  overflow-x: auto;
  white-space: pre;
}

.oj-tag-list {
  gap: 6px;
}

.oj-submission-link:hover,
.oj-compact-list-item:hover {
  background: #f7fbfd;
}

@media (max-width: 767.98px) {
  .oj-problem-tabs {
    overflow-x: auto;
  }
}