.dkt-exam-module {
  box-sizing: border-box;
  container-type: inline-size;
  width: 100%;
  overflow: hidden;
  border: 1px solid #f4c3c9;
  border-radius: 18px;
  background: #fff;
  color: #102d52;
  font: 400 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  box-shadow: 0 8px 26px rgba(63, 39, 52, .07);
}
.dkt-exam-module *, .dkt-exam-module *::before, .dkt-exam-module *::after { box-sizing: border-box; }
.dkt-exam-module__hero {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: linear-gradient(117deg, #fff1f2 0%, #fffbfb 58%, #fce3e5 100%);
}
.dkt-exam-module__art {
  display: block;
  width: 64px;
  height: 64px;
  min-width: 0;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 12px;
  background: #ffe6e9;
}
.dkt-exam-module__art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.dkt-exam-module--focus-top .dkt-exam-module__art img { object-position: center top; }
.dkt-exam-module--focus-bottom .dkt-exam-module__art img { object-position: center bottom; }
.dkt-exam-module__image-square { display: none !important; }
.dkt-exam-module__eyebrow { display: block; color: #ae263d; font-size: 13px; font-weight: 800; letter-spacing: .04em; }
.dkt-exam-module__intro { display: block; min-width: 0; }
.dkt-exam-module__title { display: block; margin: 2px 0 3px; color: #9c2137; font-size: clamp(20px, 2.6cqw, 27px); line-height: 1.24; font-weight: 800; }
.dkt-exam-module__description { display: block; margin: 0 0 5px; color: #4f5567; font-size: 15px; }
.dkt-exam-module__status { display: table; margin: 0; padding: 3px 8px; border-radius: 999px; background: #ffebee; color: #9c2137; font-size: 13px; font-weight: 750; }
.dkt-exam-module__view-all { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; min-width: 174px; padding: 9px 12px; border-radius: 9px; background: #a6263c; color: #fff !important; font-size: 15px; font-weight: 750; text-align: center; text-decoration: none !important; white-space: nowrap; box-shadow: 0 3px 0 rgba(90, 25, 38, .18); }
.dkt-exam-module__view-all:hover { background: #8e2035; }
.dkt-exam-module__details > summary { list-style: none; cursor: pointer; }
.dkt-exam-module__details > summary::-webkit-details-marker { display: none; }
.dkt-exam-module__details > summary:hover .dkt-exam-module__view-all { background: #8e2035; }
.dkt-exam-module__close-label { display: none; }
.dkt-exam-module__details[open] .dkt-exam-module__open-label { display: none; }
.dkt-exam-module__details[open] .dkt-exam-module__close-label { display: inline; }
.dkt-exam-module__content { padding: 17px 22px 21px; }
.dkt-exam-module__heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; margin-bottom: 11px; }
.dkt-exam-module__heading h3 { margin: 0; color: #142c4e; font-size: 18px; font-weight: 800; }
.dkt-exam-module__heading a { color: #a4263b; font-size: 14px; font-weight: 700; }
.dkt-exam-module__items { display: grid; gap: 9px; }
.dkt-exam-module__item { min-width: 0; padding: 12px 14px; border: 1px solid #e7edf6; border-radius: 11px; background: #fff; }
.dkt-exam-module__item[hidden],.dkt-exam-module__item-action[hidden] { display: none !important; }
.dkt-exam-module__item-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 5px 12px; }
.dkt-exam-module__item h4 { margin: 0; font-size: 16px; font-weight: 750; overflow-wrap: anywhere; }
.dkt-exam-module__badge { flex: 0 0 auto; border-radius: 100px; padding: 3px 8px; font-size: 11px; font-weight: 800; }
.dkt-exam-module__badge.is-open { background: #e7f5ec; color: #18633a; }
.dkt-exam-module__badge.is-soon { background: #fff1d9; color: #79510b; }
.dkt-exam-module__meta { margin: 4px 0 7px; color: #526780; font-size: 13px; }
.dkt-exam-module__start-form { margin: 0; }
.dkt-exam-module__item-action { display: inline-block; width: auto; border: 0; border-radius: 7px; padding: 7px 11px; background: #a8263d; color: #fff !important; font: inherit; font-size: 12px; font-weight: 800; text-decoration: none !important; cursor: pointer; }
.dkt-exam-module__item-action:hover { background: #862036; }
.dkt-exam-module__item-muted { color: #64748b; font-size: 13px; font-weight: 700; }
.dkt-exam-module__empty { margin: 0; border-radius: 11px; padding: 16px; background: #f5f8fc; color: #526780; }
.dkt-exam-module__empty[hidden] { display: none !important; }
.dkt-exam-module--square .dkt-exam-module__hero { grid-template-columns: minmax(0, 1fr); justify-items: start; }
.dkt-exam-module--square .dkt-exam-module__art { width: 72px; height: 72px; }
.dkt-exam-module--square .dkt-exam-module__image-wide { display: none !important; }
.dkt-exam-module--square .dkt-exam-module__image-square { display: block !important; }
.dkt-exam-module--compact .dkt-exam-module__hero { grid-template-columns: 52px minmax(0, 1fr) auto; padding: 10px 12px; }
.dkt-exam-module--compact .dkt-exam-module__art { width: 52px; height: 52px; }
.dkt-exam-module--compact .dkt-exam-module__description { display: none; }
.dkt-exam-module--compact .dkt-exam-module__content { padding: 12px 14px; }
@container (max-width: 540px) {
  .dkt-exam-module--auto .dkt-exam-module__hero { grid-template-columns: 52px minmax(0, 1fr); padding: 12px; }
  .dkt-exam-module--auto .dkt-exam-module__art { width: 52px; height: 52px; }
  .dkt-exam-module--auto .dkt-exam-module__image-wide { display: none !important; }
  .dkt-exam-module--auto .dkt-exam-module__image-square { display: block !important; }
  .dkt-exam-module__title { font-size: 20px; }
  .dkt-exam-module--auto .dkt-exam-module__view-all { grid-column: 2; justify-self: start; }
  .dkt-exam-module__content { padding: 15px 17px; }
}
@container (max-width: 340px) {
  .dkt-exam-module--auto .dkt-exam-module__view-all { grid-column: 1 / -1; justify-self: stretch; min-width: 0; white-space: normal; }
}
.dkt-exam-module :focus-visible { outline: 3px solid #1f73b8; outline-offset: 2px; }
.dkt-official-modal { position: fixed; inset: 0; z-index: 100001; display: flex; align-items: center; justify-content: center; padding: 20px; font: 400 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }
body.dkt-official-modal-open { overflow: hidden; }
.dkt-official-modal[hidden] { display: none !important; }
.dkt-official-modal__backdrop { position: absolute; inset: 0; background: rgba(11,30,52,.48); backdrop-filter: blur(2px); }
.dkt-official-modal__dialog { position: relative; box-sizing: border-box; width: min(470px, calc(100vw - 34px)); border: 1px solid #e6d8dc; border-radius: 18px; padding: 24px; background: #fff; color: #102d52; box-shadow: 0 24px 70px rgba(12,40,72,.28); }
.dkt-official-modal__icon { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 14px; border-radius: 16px; background: #ffe6e9; color: #aa293f; font-size: 32px; }
.dkt-official-modal__eyebrow { font-size: 13px; font-weight: 800; color: #a6263c; letter-spacing: .04em; }
.dkt-official-modal__dialog h2 { margin: 5px 0 9px; font-size: 22px; line-height: 1.3; }
.dkt-official-modal__dialog p { margin: 0 0 20px; color: #526780; }
.dkt-official-modal__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.dkt-official-modal__actions a,.dkt-official-modal__actions button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 42px; border: 1px solid transparent; border-radius: 9px; padding: 9px 14px; font: inherit; font-size: 13px; font-weight: 750; text-decoration: none; cursor: pointer; box-shadow: 0 3px 0 rgba(39,62,89,.2); }
.dkt-official-modal__primary { background: #a6263c; color: #fff !important; }
.dkt-official-modal__secondary { border-color: #dce7f2 !important; background: #f0f6fc; color: #174a82; }
.dkt-official-modal :focus-visible { outline: 3px solid #1f73b8; outline-offset: 2px; }