/* OGE page — фон тетрадь + карточка */

.oge-page {
  background-color: #f5f7fb;
  background-image:
    linear-gradient(to right, rgba(148, 163, 184, 0.25) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148, 163, 184, 0.25) 1px, transparent 1px);
  background-size: 24px 24px;
}

.oge-container {
  position: relative;
  z-index: 1;
}

/* Основная карточка ОГЭ */
.oge-card {
  background: #ffffff;
  border-radius: 22px;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
  border: 1px solid #e5e7eb;
  padding: 24px 20px;
}
@media (min-width: 768px) {
  .oge-card {
    padding: 32px 28px;
    max-width: 960px;
    margin: 0 auto;
  }
}

/* Заголовок */
.oge-title {
  font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 900;
  font-size: 1.8rem;
  margin-bottom: 0.6rem;
}

/* Хлебные крошки */
.breadcrumbs {
  font-size: 0.875rem;
  color: #6b7280;
  margin-bottom: 0.5rem;
}
.breadcrumbs a {
  color: #2563eb;
  text-decoration: none;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .sep {
  margin: 0 0.25rem;
}

/* Лёгкие карточки внутри */
.card-lite {
  background: #f9fafb;
  border-radius: 0.9rem;
  border: 1px solid #e5e7eb;
  padding: 0.8rem 0.9rem;
}

/* Строка состояния */
.session-status {
  font-size: 0.9rem;
  color: #5f6b7c;
}
.session-status-bottom {
  border-top: 1px dashed #d0d6e5;
  padding-top: 0.4rem;
  margin-top: 0.6rem;
}
.session-status-label {
  font-weight: 600;
  margin-right: 0.25rem;
}
.session-mode {
  font-weight: 600;
  color: #0b5ed7;
}
.session-task {
  color: #3f4755;
}
.session-separator {
  margin-inline: 0.35rem;
  color: #9ba2b0;
}

/* Task block (похожие стили как у VPR) */
.task-block {
  margin-top: 1rem;
  padding: 1rem 1rem 0.9rem;
  border-radius: 16px;
  background: #f8f9fb;
  border: 1px solid #e2e5f0;
}
.task-meta {
  font-size: 0.9rem;
  color: #5f6b7c;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

/* Описание задания */
.task-prompt-box {
  border-radius: 12px;
  background: #ffffff;
  border: 2px solid #d5e4ff;
  padding: 12px 14px;
  margin-bottom: 0.9rem;
}
.task-prompt-label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7083a3;
  margin-bottom: 0.25rem;
}
.task-prompt {
  white-space: pre-wrap;
  margin-bottom: 0.75rem;
  font-size: 1.05rem;
  line-height: 1.6;
}
.task-prompt-main {
  font-size: 1.15rem;
}

/* Ответ/подсказка */
.answer-label {
  font-weight: 600;
  font-size: 0.9rem;
}
.answer-result {
  margin-top: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
}
.answer-result.ok {
  color: #2e7d32;
}
.answer-result.err {
  color: #c62828;
}
.hint {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #444;
  white-space: pre-wrap;
  padding: 0.55rem 0.7rem;
  background: #fffde7;
  border-radius: 6px;
  border: 1px solid #ffecb3;
}

/* Выбор предмета */
.subject-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  align-items: center;
}
.subject-row .label {
  font-size: 0.9rem;
  color: #111827;
}

/* Ошибка */
.error {
  margin-top: 0.85rem;
  color: #c62828;
  font-size: 0.9rem;
}