.mtr-basics-notice,
.mtr-basics-revision {
  font-size: 14px;
  line-height: 1.9;
  overflow-wrap: anywhere;
  color: #334c43;
}
.mtr-basics-notice {
  margin: 0 0 32px;
  padding: 20px 24px;
  border-left: 3px solid #557f6d;
  background: #f3f7f2;
}
.mtr-basics-revision {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid #dce4da;
}
.article__content .mtr-basics-editorial-title,
.mtr-basics-editorial-title {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 700;
}
.article__content .mtr-basics-notice p,
.article__content .mtr-basics-revision p,
.mtr-basics-notice p,
.mtr-basics-revision p { margin: 0 0 8px; }
.mtr-basics-editorial-title time { margin-left: 8px; font-size: 13px; font-weight: 400; }
.article__content .mtr-basics-revision ul,
.mtr-basics-revision ul {
  padding-left: 0;
  list-style: none;
  margin-top: 12px;
  margin-bottom: 12px;
}
.mtr-basics-revision li::marker { content: ""; }
/* A single recap panel, with hanging space reserved for decorative checks. */
.article__content :is(#summary, #lesson-summary) {
  border: 2px solid var(--color-blue);
  padding: 32px;
  margin-top: 64px;
}
.article__content :is(#summary, #lesson-summary) > h2 {
  display: table;
  max-width: 100%;
  margin: -52px auto 20px;
  padding: 0 16px;
  border: 0;
  background: #fff;
  color: var(--color-blue);
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
}
.article__content :is(#summary, #lesson-summary) > h2::after {
  content: none;
}
.article__content :is(#summary, #lesson-summary) ul {
  text-indent: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.article__content :is(#summary, #lesson-summary) li {
  padding-left: 32px;
  background: url('/img/icon_checked.svg') no-repeat 0 .5em / 20px 15px;
  font-weight: 400;
  line-height: 1.9;
}
.article__content :is(#summary, #lesson-summary) li:not(:last-child) {
  margin-bottom: 16px;
}
.article__content :is(#summary, #lesson-summary) ul + p {
  margin-top: 24px;
}
.article__content :is(#summary, #lesson-summary) p:last-child {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .article__content :is(#summary, #lesson-summary) {
    padding: 24px 16px;
    margin-top: 48px;
  }
  .article__content :is(#summary, #lesson-summary) > h2 {
    font-size: 20px;
    margin-top: -41px;
    padding: 0 12px;
  }
  .article__content :is(#summary, #lesson-summary) li {
    padding-left: 28px;
    background-size: 16px 12px;
  }
}
.talk__block { margin: 32px 0; }
.mtr-basics-revision a { text-decoration: underline; text-underline-offset: 3px; }
.mtr-basics-quiz-editorial { width: min(880px, calc(100% - 40px)); margin: 24px auto; }
.mtr-basics-think { margin: 28px 0; padding: 20px 24px; background: #fff8e9; border-left: 4px solid #dcb35b; }
.mtr-basics-flow { display: flex; flex-wrap: wrap; gap: 16px 36px; padding: 20px 20px 20px 42px; margin: 24px 0; background: #f2f6f0; list-style: decimal; }
.mtr-basics-hint { max-width: 640px; margin: 0 0 20px; line-height: 1.8; }
.mtr-basics-completion { line-height: 1.8; margin: 24px 0; }
.mt-subpage .page__wrapper--quiz { height: auto; padding: 32px 0 48px; }
.page__contents--quiz, .page__contents--quiz .quiz { height: auto; }
.page__contents--quiz .blackBoard { height: auto; min-height: 360px; padding: 40px 48px; background-size: 100% 100%; }
.page__contents--quiz .quiz__sentence { margin: 0 0 28px; line-height: 1.8; }
.page__contents--quiz .quiz__choices { margin: 0; }
.page__contents--quiz .quiz__choices__item { min-height: 64px; }
.page__contents--quiz .mtr-basics-completion { color: #fff; }
.mt-subpage .blackBoard--explanation .btn { color: #fff; background: transparent; }
.mt-subpage .blackBoard--explanation .btn:hover,
.mt-subpage .blackBoard--explanation .btn:focus-visible { color: #183d35; background: #fff; }
.quiz__result {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: min(680px, calc(100vw - 32px));
  height: auto;
  max-height: 80svh;
  overflow-y: auto;
  padding: 28px 32px;
  background: #fffdf7;
  border: 3px solid #3b7060;
  border-radius: 18px;
  box-shadow: 0 12px 60px #102b2466;
}
.quiz__result--incorrect { border-color: #a37b3d; }
.quiz__result .mtr-basics-result-title { width: 100%; height: auto; margin: 0 0 16px; text-align: center; font-size: 24px; font-weight: 700; }
.quiz__result .quiz__explanation, .quiz__result .mtr-basics-hint { width: 100%; height: auto; max-width: none; font-size: 18px; line-height: 1.8; margin: 0 0 24px; }
.quiz__result .quiz__btn { position: static; width: 100%; padding: 12px 16px; font-size: 20px; }
@media (max-width: 600px) {
  .mtr-basics-notice { padding: 16px; }
  .mtr-basics-flow { display: block; }
  .mtr-basics-flow li + li { margin-top: 12px; }
  .mtr-basics-think { padding: 16px; }
  .page__contents--quiz .blackBoard { min-height: 0; padding: 24px; }
  .quiz__result { padding: 22px 20px; }
  .quiz__result .mtr-basics-result-title { font-size: 20px; }
  .quiz__result .quiz__explanation, .quiz__result .mtr-basics-hint { font-size: 16px; }
}