.learn-press-exams {
  box-sizing: border-box;
  width: min(100%, 1040px);
  margin: 0 auto 30px;
  color: var(--lp-color-base, #333);
}
.learn-press-exams *,
.learn-press-exams *::before,
.learn-press-exams *::after {
  box-sizing: inherit;
}
.learn-press-exams .lp-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 20px;
  border: 1px solid var(--lp-primary-color, #ffb606);
  border-radius: var(--lp-border-radius, 5px);
  background: transparent;
  color: var(--lp-primary-color, #ffb606);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}
.learn-press-exams .lp-button:hover, .learn-press-exams .lp-button:focus {
  border-color: var(--lp-primary-color, #ffb606);
  color: var(--lp-primary-color, #ffb606);
  outline: 0;
}
.learn-press-exams .lp-button-primary {
  border-color: var(--lp-primary-color, #ffb606);
  background: var(--lp-primary-color, #ffb606);
  color: var(--lp-color-white, #fff);
}
.learn-press-exams .lp-button-primary:hover, .learn-press-exams .lp-button-primary:focus {
  opacity: 0.88;
  color: var(--lp-color-white, #fff);
}

.lp-exam-archive {
  width: min(100%, 1200px);
  padding: 30px 16px 56px;
}
.lp-exam-archive .learn-press-breadcrumb {
  max-width: none;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 14px;
}
.lp-exam-archive .learn-press-breadcrumb li {
  display: inline-block;
  margin: 0;
}
.lp-exam-archive .learn-press-breadcrumb a {
  color: inherit;
  text-decoration: none;
}
.lp-exam-archive .learn-press-breadcrumb a:hover {
  color: var(--lp-primary-color, #ffb606);
}
.lp-exam-archive .learn-press-breadcrumb i {
  margin: 0 8px;
}
.lp-exam-archive__header {
  margin-bottom: 24px;
}
.lp-exam-archive__header h1 {
  margin: 0;
  color: var(--lp-color-base, #333);
  font-size: 36px;
  line-height: 1.2;
}
.lp-exam-archive__toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 30px;
}
.lp-exam-archive__search {
  display: flex;
  flex: 1;
}
.lp-exam-archive__search input {
  width: 100%;
  max-width: 240px;
  margin: 0 4px 0 0;
  padding: 8px 16px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  background: var(--lp-color-white, #fff);
  color: var(--lp-color-base, #333);
  line-height: 1.1;
}
.lp-exam-archive__search input::placeholder {
  color: #999;
}
.lp-exam-archive__search input:focus {
  border-color: var(--lp-primary-color, #ffb606);
  outline: 0;
}
.lp-exam-archive__search-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  background: var(--lp-color-white, #fff);
  color: var(--lp-color-base, #333);
  line-height: 1.1;
  box-shadow: none;
  cursor: pointer;
}
.lp-exam-archive__search-submit i {
  font-size: 1.2em;
  line-height: 1.2;
}
.lp-exam-archive__search-submit:focus {
  outline: 0;
}
.lp-exam-archive__sort {
  width: max-content;
  height: unset;
  padding: 8px 30px 8px 16px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  background-color: var(--lp-color-white, #fff);
  background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-size: 0.8em;
  background-position: calc(100% - 0.5em) center;
  background-repeat: no-repeat;
  color: var(--lp-color-base, #333);
  font-size: 14px;
  line-height: 1.1;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.lp-exam-archive__sort:focus {
  border-color: var(--lp-primary-color, #ffb606);
  outline: 0;
}
.lp-exam-archive__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 24px;
  align-items: start;
}
.lp-exam-archive__main {
  min-width: 0;
}
.lp-exam-archive__sidebar {
  position: sticky;
  top: 24px;
}
.lp-exam-archive__results {
  position: relative;
  min-height: 280px;
}
.lp-exam-archive__results.loading {
  opacity: 0.62;
  pointer-events: none;
}
.lp-exam-archive__empty, .lp-exam-archive__error {
  padding: 56px 24px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  background: var(--lp-white-grey, #f7f7fb);
  text-align: center;
}
.lp-exam-archive__empty h2, .lp-exam-archive__error h2 {
  margin: 0 0 8px;
  font-size: 24px;
}
.lp-exam-archive__empty p, .lp-exam-archive__error p {
  margin: 0 0 20px;
  color: var(--lp-color-accent, #666);
}

.lp-exam-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.lp-exam-grid--loading {
  min-height: 320px;
}

.lp-exam-card {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: 14px;
  background: var(--lp-color-white, #fff);
  box-shadow: 0 8px 24px rgba(31, 35, 48, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.lp-exam-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(31, 35, 48, 0.12);
}
.lp-exam-card__visual {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  min-height: 132px;
  padding: 16px;
  background: var(--lp-white-grey, #f7f7fb);
}
.lp-exam-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 12px;
  border-radius: 20px;
  background: var(--lp-color-meta, #8a8a8a);
  color: var(--lp-color-white, #fff);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.lp-exam-card__visual-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 6px 16px rgba(31, 35, 48, 0.1);
}
.lp-exam-card__visual-icon svg {
  width: 30px;
  height: 30px;
}
.lp-exam-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px;
}
.lp-exam-card__terms {
  overflow: hidden;
  margin-bottom: 8px;
  color: var(--lp-primary-color, #ffb606);
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lp-exam-card__title {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.4;
}
.lp-exam-card__title a {
  color: var(--lp-color-base, #333);
  text-decoration: none;
}
.lp-exam-card__title a:hover {
  color: var(--lp-color-accent, #666);
}
.lp-exam-card__excerpt {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 16px;
  color: var(--lp-color-accent, #666);
  font-size: 14px;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.lp-exam-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--lp-border-color, #e2e0db);
  color: var(--lp-color-accent, #666);
  font-size: 12px;
  line-height: 1;
}
.lp-exam-card__meta-item {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.lp-exam-card__meta-item svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.lp-exam-card__meta-item--time svg {
  color: #ff9500;
}
.lp-exam-card__meta-item--questions svg {
  color: #007aff;
}
.lp-exam-card__meta-item--score svg {
  color: #3ab500;
}
.lp-exam-card__actions {
  margin-top: 20px;
}
.lp-exam-card__action {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: var(--lp-primary-color, #ffb606);
  color: var(--lp-color-base, #333);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: filter 0.2s ease;
}
.lp-exam-card__action:not(.is-disabled):hover {
  filter: brightness(0.96);
}
.lp-exam-card__action.is-disabled {
  border-color: var(--lp-border-color, #e2e0db);
  background: var(--lp-color-white, #fff);
  color: var(--lp-color-base, #333);
  cursor: not-allowed;
}
.lp-exam-card--open .lp-exam-card__visual {
  background: radial-gradient(circle at 16% 118%, rgba(58, 181, 0, 0.18) 0 42%, transparent 43%), radial-gradient(circle at 90% -12%, rgba(58, 181, 0, 0.18) 0 34%, transparent 35%), #e9f8e1;
}
.lp-exam-card--open .lp-exam-card__visual-icon {
  color: #3ab500;
}
.lp-exam-card--open .lp-exam-card__badge {
  background: #3ab500;
}
.lp-exam-card--open .lp-exam-card__terms {
  color: #3ab500;
}
.lp-exam-card--upcoming .lp-exam-card__visual {
  background: radial-gradient(circle at 16% 118%, rgba(255, 149, 0, 0.18) 0 42%, transparent 43%), radial-gradient(circle at 90% -12%, rgba(255, 149, 0, 0.18) 0 34%, transparent 35%), #fff2db;
}
.lp-exam-card--upcoming .lp-exam-card__visual-icon {
  color: #ff9500;
}
.lp-exam-card--upcoming .lp-exam-card__badge {
  background: #ff9500;
}
.lp-exam-card--upcoming .lp-exam-card__terms {
  color: #ff9500;
}
.lp-exam-card--ended .lp-exam-card__visual {
  background: radial-gradient(circle at 16% 118%, rgba(124, 134, 148, 0.18) 0 42%, transparent 43%), radial-gradient(circle at 90% -12%, rgba(124, 134, 148, 0.18) 0 34%, transparent 35%), #eef0f3;
}
.lp-exam-card--ended .lp-exam-card__visual-icon {
  color: #7c8694;
}
.lp-exam-card--ended .lp-exam-card__badge {
  background: #7c8694;
}
.lp-exam-card--ended .lp-exam-card__terms {
  color: #7c8694;
}
.lp-exam-card--locked .lp-exam-card__visual {
  background: radial-gradient(circle at 16% 118%, rgba(124, 77, 255, 0.18) 0 42%, transparent 43%), radial-gradient(circle at 90% -12%, rgba(124, 77, 255, 0.18) 0 34%, transparent 35%), #efeaff;
}
.lp-exam-card--locked .lp-exam-card__visual-icon {
  color: #7c4dff;
}
.lp-exam-card--locked .lp-exam-card__badge {
  background: #7c4dff;
}
.lp-exam-card--locked .lp-exam-card__terms {
  color: #7c4dff;
}
.lp-exam-card--password .lp-exam-card__visual {
  background: radial-gradient(circle at 16% 118%, rgba(255, 59, 48, 0.18) 0 42%, transparent 43%), radial-gradient(circle at 90% -12%, rgba(255, 59, 48, 0.18) 0 34%, transparent 35%), #ffe7e6;
}
.lp-exam-card--password .lp-exam-card__visual-icon {
  color: #ff3b30;
}
.lp-exam-card--password .lp-exam-card__badge {
  background: #ff3b30;
}
.lp-exam-card--password .lp-exam-card__terms {
  color: #ff3b30;
}
.lp-exam-card--locked .lp-exam-card__action.is-disabled {
  background: var(--lp-white-grey, #f7f7fb);
  color: var(--lp-color-meta, #8a8a8a);
}
.lp-exam-card--skeleton {
  min-height: 360px;
  border-color: transparent;
  background: linear-gradient(100deg, #f4f4f4 20%, #fafafa 45%, #f4f4f4 70%);
  background-size: 200% 100%;
  animation: lp-exam-archive-skeleton 1.3s ease-in-out infinite;
}

.lp-exam-filter {
  overflow: hidden;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  background: var(--lp-color-white, #fff);
}
.lp-exam-filter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid var(--lp-border-color, #e2e0db);
}
.lp-exam-filter__header h2 {
  margin: 0;
  font-size: 16px;
}
.lp-exam-filter__clear {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--lp-primary-color, #ffb606);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.lp-exam-filter__section {
  padding: 16px;
}
.lp-exam-filter__section + .lp-exam-filter__section {
  border-top: 1px solid var(--lp-border-color, #e2e0db);
}
.lp-exam-filter__section h3 {
  margin: 0 0 12px;
  font-size: 14px;
}
.lp-exam-filter__items {
  display: grid;
  gap: 12px;
  max-height: 240px;
  overflow-y: auto;
}
.lp-exam-filter__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin: 0;
  color: var(--lp-color-accent, #666);
  font-size: 14px;
  cursor: pointer;
}
.lp-exam-filter__item input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--lp-primary-color, #ffb606);
}
.lp-exam-filter__item small {
  color: var(--lp-color-meta, #8a8a8a);
}
.lp-exam-filter__empty {
  margin: 0;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
}

.lp-exam-archive .learn-press-pagination {
  margin: 30px 0 0;
  padding: 0;
  border: 0;
  text-align: center;
}
.lp-exam-archive .learn-press-pagination .page-numbers {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  list-style: none;
}
.lp-exam-archive .learn-press-pagination .page-numbers > li {
  display: inline-flex;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.lp-exam-archive .learn-press-pagination li > .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  float: none;
  min-width: 40px;
  height: 40px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  background: var(--lp-color-white, #fff);
  box-shadow: none;
  color: var(--lp-color-accent, #666);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.lp-exam-archive .learn-press-pagination li > .page-numbers i {
  font-size: 0.85em;
  line-height: 1;
}
.lp-exam-archive .learn-press-pagination li > .page-numbers:not(.current):not(.dots):hover {
  border-color: var(--lp-primary-color, #ffb606);
  color: var(--lp-color-base, #333);
}
.lp-exam-archive .learn-press-pagination li > .page-numbers.current {
  border-color: var(--lp-primary-color, #ffb606);
  background: var(--lp-primary-color, #ffb606);
  color: var(--lp-color-base, #333);
  font-weight: 700;
}
.lp-exam-archive .learn-press-pagination li > .page-numbers.dots {
  border-color: transparent;
  background: transparent;
  cursor: default;
}

@keyframes lp-exam-archive-skeleton {
  to {
    background-position-x: -200%;
  }
}
@media (max-width: 1080px) {
  .lp-exam-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 860px) {
  .lp-exam-archive__layout {
    grid-template-columns: 1fr;
  }
  .lp-exam-archive__sidebar {
    position: static;
    grid-row: 1;
  }
}
@media (max-width: 600px) {
  .lp-exam-archive__search {
    width: 100%;
  }
  .lp-exam-archive__search input {
    max-width: none;
  }
  .lp-exam-archive__sort {
    width: 100%;
  }
  .lp-exam-grid {
    grid-template-columns: 1fr;
  }
}
.lp-single-exam {
  text-align: center;
}
.lp-single-exam__header {
  max-width: 760px;
  margin: 0 auto 30px;
}
.lp-single-exam__title {
  margin: 0;
  color: var(--lp-color-base, #333);
  font-size: 44px;
  font-weight: 800;
  line-height: 1.08;
}
.lp-single-exam__title span {
  color: var(--lp-primary-color, #ffb606);
}
.lp-single-exam__description {
  max-width: 560px;
  margin: 12px auto 0;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
.lp-single-exam__description p {
  margin: 0;
}
.lp-single-exam__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  max-width: 960px;
  margin: 0 auto 30px;
}
.lp-single-exam__meta-item {
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: 150px;
  padding: 24px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
  border-radius: var(--lp-border-radius, 5px);
}
.lp-single-exam__meta-item svg {
  width: 32px;
  height: 32px;
  color: var(--lp-primary-color, #ffb606);
}
.lp-single-exam__meta-item strong,
.lp-single-exam__meta-item span {
  display: block;
}
.lp-single-exam__meta-item strong {
  color: var(--lp-color-base, #333);
  font-size: 20px;
  font-weight: 800;
}
.lp-single-exam__meta-item span {
  margin-top: 8px;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 11px;
}
.lp-single-exam__rules {
  max-width: 960px;
  margin: 0 auto 30px;
  padding: 30px 40px;
  border-radius: var(--lp-border-radius, 5px);
  text-align: left;
}
.lp-single-exam__rules h2 {
  margin: 0 0 30px;
  color: var(--lp-color-base, #333);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}
.lp-single-exam__rules ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 44px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lp-single-exam__rules li {
  position: relative;
  min-height: 24px;
  padding-left: 24px;
  color: var(--lp-color-accent, #666);
  font-size: 12px;
  line-height: 1.5;
}
.lp-single-exam__rules li::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--lp-primary-color, #ffb606);
}
.lp-single-exam__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.lp-single-exam__action-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.lp-single-exam__action-buttons .lp-button {
  min-width: 150px;
}
.lp-single-exam__action-buttons .lp-button[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
}
.lp-single-exam__action-note {
  max-width: 560px;
  margin: 0;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
  line-height: 1.5;
}
.lp-single-exam__guest-note {
  max-width: 560px;
  margin: 0;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
  line-height: 1.5;
}
.lp-single-exam__guest-info {
  width: min(100%, 640px);
  margin: 0 auto;
  padding: 20px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  text-align: left;
}
.lp-single-exam__guest-info h2 {
  margin: 0 0 12px;
  color: var(--lp-color-base, #333);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}
.lp-single-exam__guest-info abbr {
  color: #ff3b30;
  text-decoration: none;
}
.lp-single-exam__guest-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.lp-single-exam__guest-fields label,
.lp-single-exam__guest-fields span {
  display: block;
}
.lp-single-exam__guest-fields span {
  margin-bottom: 4px;
  color: var(--lp-color-base, #333);
  font-size: 12px;
  font-weight: 700;
}
.lp-single-exam__guest-fields input {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  color: var(--lp-color-base, #333);
  outline: none;
}
.lp-single-exam__guest-fields input:focus {
  border-color: var(--lp-primary-color, #ffb606);
  box-shadow: none;
}
.lp-single-exam__guest-honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.lp-single-exam__notice {
  min-height: 18px;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
}
.lp-single-exam__notice:empty {
  display: none;
}
.lp-single-exam__notice.is-error {
  color: #ff3b30;
}
.lp-single-exam__notice.is-success {
  color: #3ab500;
}
.lp-single-exam__notice--ended, .lp-single-exam__notice--upcoming, .lp-single-exam__notice--preview {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: min(100%, 720px);
  min-height: 0;
  margin: 0 auto 24px;
  padding: 16px 20px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  color: var(--lp-color-base, #333);
  text-align: left;
}
.lp-single-exam__notice--preview {
  border-color: #ff9500;
  background: rgba(255, 149, 0, 0.08);
}
.lp-single-exam__notice-icon {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: var(--lp-border-radius, 5px);
  color: #ff9500;
}
.lp-single-exam__notice-icon svg {
  width: 18px;
  height: 18px;
}
.lp-single-exam__notice-content {
  min-width: 0;
}
.lp-single-exam__notice-content h2,
.lp-single-exam__notice-content p {
  margin: 0;
}
.lp-single-exam__notice-content h2 {
  color: var(--lp-color-base, #333);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}
.lp-single-exam__notice-content p {
  margin-top: 4px;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
  line-height: 1.5;
}
.lp-single-exam__notice-meta {
  font-weight: 700;
}
.lp-single-exam__password {
  display: inline-grid;
  grid-template-columns: minmax(180px, 260px) auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 24px;
  text-align: left;
}
.lp-single-exam__password label {
  grid-column: 1/-1;
  font-size: 12px;
  font-weight: 700;
}
.lp-single-exam__password-field {
  display: flex;
  align-items: stretch;
  min-height: 40px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  overflow: hidden;
}
.lp-single-exam__password input {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 0 12px;
  border: 0;
  background: transparent;
  outline: none;
}
.lp-single-exam__password-toggle {
  min-width: 64px;
  padding: 0 12px;
  border: 0;
  border-left: 1px solid var(--lp-border-color, #e2e0db);
  color: var(--lp-color-base, #333);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.lp-single-exam__password-notice {
  grid-column: 1/-1;
  min-height: 18px;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
}
.lp-single-exam__password-notice.is-error {
  color: #ff3b30;
}
.lp-single-exam__password-notice.is-success {
  color: #3ab500;
}

.lp-single-exam-attempt {
  width: min(100%, 720px);
  margin: 0 auto 16px;
  padding: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
  border-radius: var(--lp-border-radius, 5px);
  text-align: left;
}
.lp-single-exam-attempt__header {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.lp-single-exam-attempt__header h2 {
  margin: 0;
  color: var(--lp-color-base, #333);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
}
.lp-single-exam-attempt__header mark {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 20px;
  background: var(--lp-white-grey, #f7f7fb);
  color: var(--lp-color-accent, #666);
  font-size: 11px;
  font-weight: 700;
}
.lp-single-exam-attempt p {
  margin: 0;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
  line-height: 1.5;
}
.lp-single-exam-attempt__details {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--lp-border-color, #e2e0db);
}
.lp-single-exam-attempt__detail span,
.lp-single-exam-attempt__detail strong {
  display: block;
}
.lp-single-exam-attempt__detail span {
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 11px;
}
.lp-single-exam-attempt__detail strong {
  margin-top: 4px;
  color: var(--lp-color-base, #333);
  font-size: 16px;
  font-weight: 800;
}
.lp-single-exam-attempt__value--pass {
  color: #3ab500;
}
.lp-single-exam-attempt__value--fail {
  color: #ff3b30;
}
.lp-single-exam-attempt--completed .lp-single-exam-attempt__header mark {
  border-color: rgba(58, 181, 0, 0.4);
  background: #ebf8e5;
  color: #3ab500;
}
.lp-single-exam-attempt--failed .lp-single-exam-attempt__header mark, .lp-single-exam-attempt--disqualified .lp-single-exam-attempt__header mark {
  border-color: rgba(255, 59, 48, 0.4);
  background: #fee5e5;
  color: #ff3b30;
}
.lp-single-exam-attempt--voided mark {
  background: var(--lp-white-grey, #f7f7fb);
  color: var(--lp-color-meta, #8a8a8a);
}
.lp-single-exam-attempt--in-progress {
  border-color: rgba(0, 122, 255, 0.4);
}
.lp-single-exam-attempt--in-progress .lp-single-exam-attempt__header mark {
  border-color: rgba(0, 122, 255, 0.4);
  background: rgba(0, 122, 255, 0.1);
  color: #007aff;
}

.lp-exam-workspace {
  width: min(100%, 1080px);
  padding-top: 30px;
}
.lp-exam-workspace .lp-exam-workspace__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
.lp-exam-workspace .lp-exam-workspace__title {
  margin: 0;
  color: var(--lp-color-base, #333);
  font-size: 28px;
  font-weight: 800;
  line-height: 1.25;
}
.lp-exam-workspace .lp-exam-workspace__tools {
  display: flex;
  align-items: center;
  gap: 8px;
}
.lp-exam-workspace .lp-exam-workspace__timer {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: var(--lp-border-radius, 5px);
  color: var(--lp-color-base, #333);
  font-size: 11px;
  font-weight: 700;
}
.lp-exam-workspace .lp-exam-workspace__timer .lp-exam-workspace__timer-icon {
  display: inline-flex;
}
.lp-exam-workspace .lp-exam-workspace__timer .lp-exam-workspace__timer-icon svg {
  width: 16px;
  height: 16px;
}
.lp-exam-workspace .lp-exam-workspace__shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 20px;
  align-items: start;
}
.lp-exam-workspace .lp-exam-workspace__questions {
  display: grid;
  gap: 20px;
  margin: 0;
}
.lp-exam-workspace .lp-exam-workspace__questions--paged .lp-exam-workspace__question {
  display: none;
}
.lp-exam-workspace .lp-exam-workspace__questions--paged .lp-exam-workspace__question.is-current {
  display: block;
}
.lp-exam-workspace.lp-exam-workspace--all-questions .lp-exam-workspace__shell {
  grid-template-columns: minmax(0, 1fr) 220px;
}
.lp-exam-workspace.lp-exam-workspace--all-questions .lp-exam-workspace__aside {
  padding: 12px;
}
.lp-exam-workspace.lp-exam-workspace--all-questions .lp-exam-workspace__nav-title {
  display: block;
}
.lp-exam-workspace.lp-exam-workspace--all-questions .lp-exam-workspace__actions {
  grid-template-columns: 1fr;
}
.lp-exam-workspace .lp-exam-workspace__aside {
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
}
.lp-exam-workspace .lp-exam-workspace__question {
  min-height: 270px;
  scroll-margin-top: 90px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.lp-exam-workspace .lp-exam-workspace__question.is-review-focus {
  border-color: #ff9500;
  box-shadow: 0 0 0 2px #fef7e6;
}
.lp-exam-workspace .lp-exam-workspace__question h2 {
  min-width: 0;
  margin: 8px 0 12px;
  color: var(--lp-color-base, #333);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
}
.lp-exam-workspace .lp-exam-workspace__question h2:focus {
  outline: none;
}
.lp-exam-workspace .lp-exam-workspace__question-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.lp-exam-workspace .lp-exam-workspace__question-points {
  flex: 0 0 auto;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.lp-exam-workspace .lp-exam-workspace__question-content {
  margin-bottom: 16px;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
  line-height: 1.55;
}
.lp-exam-workspace .lp-exam-workspace__question-placeholder {
  min-height: 120px;
  border-radius: var(--lp-border-radius, 5px);
  background: linear-gradient(90deg, var(--lp-white-grey, #f7f7fb) 25%, var(--lp-white-grey, #f7f7fb) 37%, var(--lp-white-grey, #f7f7fb) 63%);
  background-size: 400% 100%;
  animation: lp-exam-loading 1.4s ease infinite;
  color: transparent;
}
.lp-exam-workspace .lp-exam-workspace__answers {
  display: grid;
  gap: 12px;
}
.lp-exam-workspace .lp-exam-workspace__answer {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  color: var(--lp-color-base, #333);
  font-size: 12px;
  cursor: pointer;
}
.lp-exam-workspace .lp-exam-workspace__answer:hover {
  border-color: var(--lp-primary-color, #ffb606);
}
.lp-exam-workspace .lp-exam-workspace__textarea {
  width: 100%;
  min-height: 120px;
  padding: 12px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
}
.lp-exam-workspace .lp-exam-workspace__fib {
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
  line-height: 1.8;
}
.lp-exam-workspace .lp-exam-workspace__fib-field {
  display: inline-flex;
  vertical-align: middle;
  margin: 0 4px;
}
.lp-exam-workspace .lp-exam-workspace__fib-input {
  width: min(180px, 42vw);
  min-height: 34px;
  padding: 0 8px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  color: var(--lp-color-base, #333);
}
.lp-exam-workspace .lp-exam-workspace__aside {
  position: sticky;
  top: 30px;
  padding: 16px;
}
.lp-exam-workspace .lp-exam-workspace__nav-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.lp-exam-workspace .lp-exam-workspace__nav-title h2 {
  margin: 0;
  font-size: 12px;
  font-weight: 800;
}
.lp-exam-workspace .lp-exam-workspace__nav-title span {
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 11px;
  font-weight: 700;
}
.lp-exam-workspace .lp-exam-workspace__nav {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}
.lp-exam-workspace .lp-exam-workspace__nav-item {
  display: inline-grid;
  place-items: center;
  aspect-ratio: 1;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: 50%;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
}
.lp-exam-workspace .lp-exam-workspace__nav-item.is-not-visited, .lp-exam-workspace .lp-exam-workspace__nav-item.is-unanswered {
  border-color: var(--lp-border-color, #e2e0db);
  color: var(--lp-color-meta, #8a8a8a);
}
.lp-exam-workspace .lp-exam-workspace__nav-item.is-not-answered {
  border-color: #ff3b30;
  color: #ff3b30;
}
.lp-exam-workspace .lp-exam-workspace__nav-item.is-answered {
  border-color: #3ab500;
  color: #3ab500;
}
.lp-exam-workspace .lp-exam-workspace__nav-item.is-review {
  border-color: #ff9500;
  border-style: dashed;
  color: #ff9500;
}
.lp-exam-workspace .lp-exam-workspace__nav-item.is-current {
  border-color: var(--lp-primary-color, #ffb606);
  color: var(--lp-primary-color, #ffb606);
  box-shadow: 0 0 0 2px var(--lp-primary-color, #ffb606);
}
.lp-exam-workspace .lp-exam-workspace__nav-item:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.lp-exam-workspace .lp-exam-workspace__nav-item:focus-visible {
  outline: 2px solid var(--lp-primary-color, #ffb606);
  outline-offset: 2px;
}
.lp-exam-workspace .lp-exam-workspace__legend {
  display: grid;
  gap: 8px;
  margin: 16px 0;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 11px;
}
.lp-exam-workspace .lp-exam-workspace__legend h3 {
  margin: 0 0 4px;
  color: var(--lp-color-base, #333);
  font-size: 12px;
  font-weight: 800;
}
.lp-exam-workspace .lp-exam-workspace__legend .lp-exam-workspace__legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.lp-exam-workspace .lp-exam-workspace__legend .lp-exam-workspace__legend-item::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: 50%;
}
.lp-exam-workspace .lp-exam-workspace__legend .lp-exam-workspace__legend-item--current::before {
  border-color: var(--lp-primary-color, #ffb606);
  box-shadow: 0 0 0 2px var(--lp-primary-color, #ffb606);
}
.lp-exam-workspace .lp-exam-workspace__legend .lp-exam-workspace__legend-item--answered::before {
  border-color: #3ab500;
}
.lp-exam-workspace .lp-exam-workspace__legend .lp-exam-workspace__legend-item--not-answered::before {
  border-color: #ff3b30;
}
.lp-exam-workspace .lp-exam-workspace__legend .lp-exam-workspace__legend-item--unanswered::before {
  border-color: var(--lp-border-color, #e2e0db);
}
.lp-exam-workspace .lp-exam-workspace__legend .lp-exam-workspace__legend-item--not-visited::before {
  border-color: var(--lp-border-color, #e2e0db);
}
.lp-exam-workspace .lp-exam-workspace__legend .lp-exam-workspace__legend-item--review::before {
  border-color: #ff9500;
  border-style: dashed;
}
.lp-exam-workspace.lp-exam-workspace--all-questions.has-submit-attempt .lp-exam-workspace__legend-item--unanswered::before {
  border-color: #ff3b30;
}
.lp-exam-workspace .lp-exam-workspace__progress {
  margin: 0 0 12px;
  color: var(--lp-color-base, #333);
  font-size: 12px;
  font-weight: 800;
}
.lp-exam-workspace .lp-exam-workspace__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.lp-exam-workspace .lp-exam-workspace__actions .lp-exam-workspace__submit {
  grid-column: 1/-1;
  width: 100%;
}
.lp-exam-workspace .lp-exam-workspace__actions .lp-button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.lp-exam-workspace .lp-exam-workspace__notice {
  min-height: 20px;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
}
.lp-exam-workspace .lp-exam-workspace__notice.is-error {
  color: #ff3b30;
}
.lp-exam-workspace .lp-exam-workspace__notice.is-success {
  color: #3ab500;
}
.lp-exam-workspace.is-expired .lp-exam-workspace__timer {
  color: #ff3b30;
}

@keyframes lp-exam-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.lp-exam-result {
  width: min(100%, 900px);
}
.lp-exam-result__header {
  margin-bottom: 30px;
  text-align: center;
}
.lp-exam-result__header h1 {
  margin: 12px 0 8px;
  color: var(--lp-color-base, #333);
  font-size: 28px;
  font-weight: 800;
  line-height: 1.25;
}
.lp-exam-result__header p {
  max-width: 520px;
  margin: 0 auto;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
  line-height: 1.5;
}
.lp-exam-result__header--completed .lp-exam-result__icon {
  background: #ebf8e5;
  color: #3ab500;
}
.lp-exam-result__header--failed .lp-exam-result__icon {
  background: #fee5e5;
  color: #ff3b30;
}
.lp-exam-result__header--voided .lp-exam-result__icon {
  background: var(--lp-white-grey, #f7f7fb);
  color: var(--lp-color-meta, #8a8a8a);
}
.lp-exam-result__header--processing .lp-exam-result__icon {
  background: rgba(0, 122, 255, 0.1);
  color: #007aff;
}
.lp-exam-result__icon {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: var(--lp-border-radius, 5px);
  background: #ebf8e5;
  color: #3ab500;
}
.lp-exam-result__icon svg {
  width: 24px;
  height: 24px;
}
.lp-exam-result__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
  gap: 20px;
  margin-bottom: 30px;
}
.lp-exam-result__score, .lp-exam-result__detail, .lp-exam-result__questions {
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
}
.lp-exam-result__score {
  min-height: 280px;
  padding: 24px;
}
.lp-exam-result__score span {
  color: var(--lp-color-base, #333);
  font-size: 12px;
  font-weight: 700;
}
.lp-exam-result__score strong {
  display: block;
  margin: 16px 0 24px;
  color: var(--lp-primary-color, #ffb606);
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
}
.lp-exam-result__bar {
  width: 100%;
  height: 8px;
  overflow: hidden;
  border: 0;
  border-radius: 20px;
  background: var(--lp-white-grey, #f7f7fb);
  appearance: none;
}
.lp-exam-result__bar::-webkit-progress-bar {
  border-radius: 20px;
  background: var(--lp-white-grey, #f7f7fb);
}
.lp-exam-result__bar::-webkit-progress-value {
  border-radius: 20px;
  background: var(--lp-primary-color, #ffb606);
}
.lp-exam-result__bar::-moz-progress-bar {
  border-radius: 20px;
  background: var(--lp-primary-color, #ffb606);
}
.lp-exam-result__score-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 12px;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
}
.lp-exam-result__details {
  display: grid;
  gap: 16px;
}
.lp-exam-result__detail {
  min-height: 94px;
  padding: 16px;
}
.lp-exam-result__detail span,
.lp-exam-result__detail strong {
  display: block;
}
.lp-exam-result__detail span {
  color: var(--lp-primary-color, #ffb606);
  font-size: 11px;
  font-weight: 700;
}
.lp-exam-result__detail strong {
  margin-top: 4px;
  color: var(--lp-color-base, #333);
  font-size: 24px;
  font-weight: 800;
}
.lp-exam-result__questions {
  margin-bottom: 30px;
  padding: 24px;
}
.lp-exam-result__questions h2 {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 800;
}
.lp-exam-result-question {
  display: grid;
  gap: 12px;
  padding: 16px 0;
  border-top: 1px solid var(--lp-border-color, #e2e0db);
}
.lp-exam-result-question:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.lp-exam-result-question__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}
.lp-exam-result-question__header h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 800;
}
.lp-exam-result-question__marks {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  white-space: nowrap;
}
.lp-exam-result-question__mark-badge {
  padding: 4px 8px;
  border-radius: var(--lp-border-radius, 5px);
  font-size: 11px;
  font-weight: 700;
}
.lp-exam-result-question--correct .lp-exam-result-question__mark-badge {
  background: #ebf8e5;
  color: #3ab500;
}
.lp-exam-result-question--incorrect .lp-exam-result-question__mark-badge {
  background: #fee5e5;
  color: #ff3b30;
}
.lp-exam-result-question--skipped .lp-exam-result-question__mark-badge {
  background: var(--lp-white-grey, #f7f7fb);
  color: var(--lp-color-meta, #8a8a8a);
}
.lp-exam-result-question__content, .lp-exam-result-question__answer, .lp-exam-result-question__correct, .lp-exam-result-question__marks {
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
  line-height: 1.5;
}
.lp-exam-result-question__answer span, .lp-exam-result-question__correct span {
  display: block;
  margin-bottom: 4px;
  color: var(--lp-color-base, #333);
  font-weight: 700;
}
.lp-exam-result-question__answer p {
  margin: 0;
  padding: 8px 12px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
}
.lp-exam-result-question--correct .lp-exam-result-question__answer p {
  border-color: #3ab500;
}
.lp-exam-result-question--incorrect .lp-exam-result-question__answer p {
  border-color: #ff3b30;
}
.lp-exam-result-question__correct p {
  border-color: #3ab500;
}
.lp-exam-result-question .lp-exam-fib-inline-blank {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  min-height: 30px;
  margin: 0 4px 4px;
  padding: 4px 8px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
  color: var(--lp-color-base, #333);
  font-weight: 700;
  vertical-align: baseline;
}
.lp-exam-result-question .lp-exam-fib-inline-blank.is-correct {
  border-color: #3ab500;
  color: #3ab500;
}
.lp-exam-result-question .lp-exam-fib-inline-blank.is-incorrect {
  border-color: #ff3b30;
  color: #ff3b30;
}
.lp-exam-result-question .lp-exam-fib-inline-blank.is-skipped {
  border-color: var(--lp-border-color, #e2e0db);
  color: var(--lp-color-meta, #8a8a8a);
}
.lp-exam-result-question .lp-exam-fib-inline-blank.is-neutral {
  border-color: var(--lp-border-color, #e2e0db);
  color: var(--lp-color-meta, #8a8a8a);
}
.lp-exam-result-question .lp-exam-fib-inline-label {
  color: inherit;
  font-size: 11px;
  font-weight: 700;
}
.lp-exam-result-question .lp-exam-fib-inline-value {
  overflow-wrap: anywhere;
  color: var(--lp-color-base, #333);
}
.lp-exam-result-question .lp-exam-fib-answer-list {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}
.lp-exam-result-question .lp-exam-fib-answer-row {
  display: grid;
  grid-template-columns: minmax(74px, max-content) minmax(120px, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: var(--lp-border-radius, 5px);
}
.lp-exam-result-question .lp-exam-fib-answer-row.is-correct {
  border-color: #3ab500;
}
.lp-exam-result-question .lp-exam-fib-answer-row.is-incorrect {
  border-color: #ff3b30;
}
.lp-exam-result-question .lp-exam-fib-answer-row.is-skipped {
  border-color: var(--lp-border-color, #e2e0db);
}
.lp-exam-result-question .lp-exam-fib-answer-row.is-neutral {
  border-color: var(--lp-border-color, #e2e0db);
}
.lp-exam-result-question .lp-exam-fib-answer-index,
.lp-exam-result-question .lp-exam-fib-answer-status {
  color: var(--lp-color-base, #333);
  font-size: 11px;
  font-weight: 800;
}
.lp-exam-result-question .lp-exam-fib-user-answer,
.lp-exam-result-question .lp-exam-fib-correct-answer {
  overflow-wrap: anywhere;
}
.lp-exam-result-question .lp-exam-fib-correct-answer {
  color: #ff3b30;
  font-size: 11px;
  font-weight: 700;
}
.lp-exam-result-question .lp-exam-fib-answer-status {
  justify-self: end;
}
.lp-exam-result__actions {
  display: flex;
  justify-content: center;
  gap: 8px;
}

@media (max-width: 600px) {
  .lp-exam-result .lp-exam-fib-answer-row {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .lp-exam-result .lp-exam-fib-answer-status {
    justify-self: start;
  }
}
@media print {
  body.lp-exam-result-printing {
    margin: 0 !important;
    background: #fff !important;
  }
  body.lp-exam-result-printing > *:not(.lp-exam-result-print-parent):not(.lp-exam-result),
  body.lp-exam-result-printing .lp-exam-result-print-parent > *:not(.lp-exam-result-print-parent):not(.lp-exam-result) {
    display: none !important;
  }
  body.lp-exam-result-printing .lp-exam-result-print-parent {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  body.lp-exam-result-printing .lp-exam-result {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }
  body.lp-exam-result-printing .lp-exam-result__actions {
    display: none !important;
  }
  body.lp-exam-result-printing .lp-exam-result .lp-exam-fib-inline-blank,
  body.lp-exam-result-printing .lp-exam-result .lp-exam-fib-answer-row {
    border-color: #999;
    color: #111;
    box-shadow: none;
  }
}
.lp-course-exams {
  width: min(100%, 1080px);
  padding-top: 30px;
}
.lp-course-exams__title {
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: 800;
}
.lp-course-exams__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.lp-course-exam-card {
  display: grid;
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--lp-border-color, #e2e0db);
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
}
.lp-course-exam-card h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
}
.lp-course-exam-card h3 a {
  color: var(--lp-color-base, #333);
  text-decoration: none;
}
.lp-course-exam-card h3 a:hover {
  color: var(--lp-primary-color, #ffb606);
}
.lp-course-exam-card__description {
  color: var(--lp-color-accent, #666);
  font-size: 12px;
  line-height: 1.5;
}
.lp-course-exam-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.lp-course-exam-card__meta span {
  padding: 4px 8px;
  border-radius: 20px;
  color: var(--lp-primary-color, #ffb606);
  font-size: 11px;
  font-weight: 700;
}
.lp-course-exam-card__notice, .lp-course-exam-card__ajax-notice {
  margin: 0;
  color: var(--lp-color-meta, #8a8a8a);
  font-size: 12px;
}
.lp-course-exam-card__notice.is-error, .lp-course-exam-card__ajax-notice.is-error {
  color: #ff3b30;
}
.lp-course-exam-card__notice.is-success, .lp-course-exam-card__ajax-notice.is-success {
  color: #3ab500;
}
.lp-course-exam-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.lp-icon-exam {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfODQxNV83ODgyKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgNEMxMS40Njk2IDQgMTAuOTYwOSA0LjIxMDcxIDEwLjU4NTggNC41ODU3OUMxMC4yMTA3IDQuOTYwODYgMTAgNS40Njk1NyAxMCA2SDE0QzE0IDUuNDY5NTcgMTMuNzg5MyA0Ljk2MDg2IDEzLjQxNDIgNC41ODU3OUMxMy4wMzkxIDQuMjEwNzEgMTIuNTMwNCA0IDEyIDRaTTkuMzU0IDNDMTAuMDU5IDIuMzc4IDEwLjk4NiAyIDEyIDJDMTMuMDE0IDIgMTMuOTQgMi4zNzggMTQuNjQ2IDNIMThDMTguNTMwNCAzIDE5LjAzOTEgMy4yMTA3MSAxOS40MTQyIDMuNTg1NzlDMTkuNzg5MyAzLjk2MDg2IDIwIDQuNDY5NTcgMjAgNVYyMEMyMCAyMC41MzA0IDE5Ljc4OTMgMjEuMDM5MSAxOS40MTQyIDIxLjQxNDJDMTkuMDM5MSAyMS43ODkzIDE4LjUzMDQgMjIgMTggMjJINkM1LjQ2OTU3IDIyIDQuOTYwODYgMjEuNzg5MyA0LjU4NTc5IDIxLjQxNDJDNC4yMTA3MSAyMS4wMzkxIDQgMjAuNTMwNCA0IDIwVjVDNCA0LjQ2OTU3IDQuMjEwNzEgMy45NjA4NiA0LjU4NTc5IDMuNTg1NzlDNC45NjA4NiAzLjIxMDcxIDUuNDY5NTcgMyA2IDNIOS4zNTRaTTguMTI2IDVINlYyMEgxOFY1SDE1Ljg3NEMxNS45NTYgNS4zMiAxNiA1LjY1NSAxNiA2VjdDMTYgNy4yNjUyMiAxNS44OTQ2IDcuNTE5NTcgMTUuNzA3MSA3LjcwNzExQzE1LjUxOTYgNy44OTQ2NCAxNS4yNjUyIDggMTUgOEg5QzguNzM0NzggOCA4LjQ4MDQzIDcuODk0NjQgOC4yOTI4OSA3LjcwNzExQzguMTA1MzYgNy41MTk1NyA4IDcuMjY1MjIgOCA3VjZDOCA1LjY1NSA4LjA0NCA1LjMyIDguMTI2IDVaTTggMTFDOCAxMC43MzQ4IDguMTA1MzYgMTAuNDgwNCA4LjI5Mjg5IDEwLjI5MjlDOC40ODA0MyAxMC4xMDU0IDguNzM0NzggMTAgOSAxMEgxNUMxNS4yNjUyIDEwIDE1LjUxOTYgMTAuMTA1NCAxNS43MDcxIDEwLjI5MjlDMTUuODk0NiAxMC40ODA0IDE2IDEwLjczNDggMTYgMTFDMTYgMTEuMjY1MiAxNS44OTQ2IDExLjUxOTYgMTUuNzA3MSAxMS43MDcxQzE1LjUxOTYgMTEuODk0NiAxNS4yNjUyIDEyIDE1IDEySDlDOC43MzQ3OCAxMiA4LjQ4MDQzIDExLjg5NDYgOC4yOTI4OSAxMS43MDcxQzguMTA1MzYgMTEuNTE5NiA4IDExLjI2NTIgOCAxMVpNOCAxNUM4IDE0LjczNDggOC4xMDUzNiAxNC40ODA0IDguMjkyODkgMTQuMjkyOUM4LjQ4MDQzIDE0LjEwNTQgOC43MzQ3OCAxNCA5IDE0SDEyQzEyLjI2NTIgMTQgMTIuNTE5NiAxNC4xMDU0IDEyLjcwNzEgMTQuMjkyOUMxMi44OTQ2IDE0LjQ4MDQgMTMgMTQuNzM0OCAxMyAxNUMxMyAxNS4yNjUyIDEyLjg5NDYgMTUuNTE5NiAxMi43MDcxIDE1LjcwNzFDMTIuNTE5NiAxNS44OTQ2IDEyLjI2NTIgMTYgMTIgMTZIOUM4LjczNDc4IDE2IDguNDgwNDMgMTUuODk0NiA4LjI5Mjg5IDE1LjcwNzFDOC4xMDUzNiAxNS41MTk2IDggMTUuMjY1MiA4IDE1WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODQxNV83ODgyIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=") no-repeat center/contain;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfODQxNV83ODgyKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgNEMxMS40Njk2IDQgMTAuOTYwOSA0LjIxMDcxIDEwLjU4NTggNC41ODU3OUMxMC4yMTA3IDQuOTYwODYgMTAgNS40Njk1NyAxMCA2SDE0QzE0IDUuNDY5NTcgMTMuNzg5MyA0Ljk2MDg2IDEzLjQxNDIgNC41ODU3OUMxMy4wMzkxIDQuMjEwNzEgMTIuNTMwNCA0IDEyIDRaTTkuMzU0IDNDMTAuMDU5IDIuMzc4IDEwLjk4NiAyIDEyIDJDMTMuMDE0IDIgMTMuOTQgMi4zNzggMTQuNjQ2IDNIMThDMTguNTMwNCAzIDE5LjAzOTEgMy4yMTA3MSAxOS40MTQyIDMuNTg1NzlDMTkuNzg5MyAzLjk2MDg2IDIwIDQuNDY5NTcgMjAgNVYyMEMyMCAyMC41MzA0IDE5Ljc4OTMgMjEuMDM5MSAxOS40MTQyIDIxLjQxNDJDMTkuMDM5MSAyMS43ODkzIDE4LjUzMDQgMjIgMTggMjJINkM1LjQ2OTU3IDIyIDQuOTYwODYgMjEuNzg5MyA0LjU4NTc5IDIxLjQxNDJDNC4yMTA3MSAyMS4wMzkxIDQgMjAuNTMwNCA0IDIwVjVDNCA0LjQ2OTU3IDQuMjEwNzEgMy45NjA4NiA0LjU4NTc5IDMuNTg1NzlDNC45NjA4NiAzLjIxMDcxIDUuNDY5NTcgMyA2IDNIOS4zNTRaTTguMTI2IDVINlYyMEgxOFY1SDE1Ljg3NEMxNS45NTYgNS4zMiAxNiA1LjY1NSAxNiA2VjdDMTYgNy4yNjUyMiAxNS44OTQ2IDcuNTE5NTcgMTUuNzA3MSA3LjcwNzExQzE1LjUxOTYgNy44OTQ2NCAxNS4yNjUyIDggMTUgOEg5QzguNzM0NzggOCA4LjQ4MDQzIDcuODk0NjQgOC4yOTI4OSA3LjcwNzExQzguMTA1MzYgNy41MTk1NyA4IDcuMjY1MjIgOCA3VjZDOCA1LjY1NSA4LjA0NCA1LjMyIDguMTI2IDVaTTggMTFDOCAxMC43MzQ4IDguMTA1MzYgMTAuNDgwNCA4LjI5Mjg5IDEwLjI5MjlDOC40ODA0MyAxMC4xMDU0IDguNzM0NzggMTAgOSAxMEgxNUMxNS4yNjUyIDEwIDE1LjUxOTYgMTAuMTA1NCAxNS43MDcxIDEwLjI5MjlDMTUuODk0NiAxMC40ODA0IDE2IDEwLjczNDggMTYgMTFDMTYgMTEuMjY1MiAxNS44OTQ2IDExLjUxOTYgMTUuNzA3MSAxMS43MDcxQzE1LjUxOTYgMTEuODk0NiAxNS4yNjUyIDEyIDE1IDEySDlDOC43MzQ3OCAxMiA4LjQ4MDQzIDExLjg5NDYgOC4yOTI4OSAxMS43MDcxQzguMTA1MzYgMTEuNTE5NiA4IDExLjI2NTIgOCAxMVpNOCAxNUM4IDE0LjczNDggOC4xMDUzNiAxNC40ODA0IDguMjkyODkgMTQuMjkyOUM4LjQ4MDQzIDE0LjEwNTQgOC43MzQ3OCAxNCA5IDE0SDEyQzEyLjI2NTIgMTQgMTIuNTE5NiAxNC4xMDU0IDEyLjcwNzEgMTQuMjkyOUMxMi44OTQ2IDE0LjQ4MDQgMTMgMTQuNzM0OCAxMyAxNUMxMyAxNS4yNjUyIDEyLjg5NDYgMTUuNTE5NiAxMi43MDcxIDE1LjcwNzFDMTIuNTE5NiAxNS44OTQ2IDEyLjI2NTIgMTYgMTIgMTZIOUM4LjczNDc4IDE2IDguNDgwNDMgMTUuODk0NiA4LjI5Mjg5IDE1LjcwNzFDOC4xMDUzNiAxNS41MTk2IDggMTUuMjY1MiA4IDE1WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODQxNV83ODgyIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=") no-repeat center/contain;
}

.lp-profile-exams__table {
  width: 100%;
  border-collapse: collapse;
}
.lp-profile-exams__table th,
.lp-profile-exams__table td {
  padding: 12px;
  border-bottom: 1px solid var(--lp-border-color, #e2e0db);
  text-align: left;
}
.lp-profile-exams__table th a:not(.lp-button),
.lp-profile-exams__table td a:not(.lp-button) {
  color: var(--lp-color-base, #333);
}
.lp-profile-exams__table th a:not(.lp-button):hover,
.lp-profile-exams__table td a:not(.lp-button):hover {
  color: var(--lp-primary-color, #ffb606);
}
.lp-profile-exams .lp-exam-submission-status {
  display: inline-flex;
  width: fit-content;
  padding: 4px 8px;
  border-radius: 20px;
  background: #F7F7F7;
  color: #6b7280;
  font-size: 11px;
  font-weight: 700;
}
.lp-profile-exams .lp-exam-submission-status--completed {
  background: #E7F6E9;
  color: #28A746;
}
.lp-profile-exams .lp-exam-submission-status--failed, .lp-profile-exams .lp-exam-submission-status--disqualified {
  background: #fee2e2;
  color: #991b1b;
}
.lp-profile-exams .lp-exam-submission-status--voided {
  background: #f9fafb;
  color: #6b7280;
}
.lp-profile-exams .lp-exam-submission-status--processing, .lp-profile-exams .lp-exam-submission-status--in-progress {
  background: #dbeafe;
  color: #1e40af;
}

@media (max-width: 782px) {
  .learn-press-exams {
    padding: 24px 16px 48px;
  }
  .lp-single-exam__title {
    font-size: 34px;
  }
  .lp-single-exam__meta, .lp-single-exam__rules ul {
    grid-template-columns: 1fr;
  }
  .lp-single-exam__rules {
    padding: 24px;
  }
  .lp-single-exam__password {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .lp-single-exam__guest-fields {
    grid-template-columns: 1fr;
  }
  .lp-single-exam__action-buttons {
    flex-direction: column;
    width: 100%;
  }
  .lp-single-exam__action-buttons .lp-button {
    width: 100%;
  }
  .lp-single-exam-attempt__details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lp-exam-workspace .lp-exam-workspace__header,
  .lp-exam-workspace .lp-exam-workspace__tools {
    align-items: flex-start;
    flex-direction: column;
  }
  .lp-exam-workspace .lp-exam-workspace__shell,
  .lp-exam-workspace .lp-exam-workspace__actions {
    grid-template-columns: 1fr;
  }
  .lp-exam-workspace .lp-exam-workspace__aside {
    position: static;
  }
  .lp-exam-result__grid {
    grid-template-columns: 1fr;
  }
  .lp-exam-result__actions, .lp-exam-result__score-meta {
    flex-direction: column;
  }
  .lp-course-exams__grid {
    grid-template-columns: 1fr;
  }
}