.main-article-container {
  display: block;
  background-color: rgb(var(--color-background));
}
.main-article-container .main-article {
  max-width: 1000px;
  padding-inline: 20px;
}
.main-article-container .main-article__layout { min-width: 0; }
.main-article-container .main-article__layout > :not(.main-article__cover-image) {
  max-width: 720px;
  margin-inline: auto;
}
.main-article-container .main-article__journal-link {
  display: block;
  margin-block-end: 22px;
  color: rgb(var(--color-button-text-link));
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.main-article-container .main-article__title {
  margin-block: 0 22px;
  padding: 0;
  font-size: 44px;
  line-height: 1.15;
  letter-spacing: -.025em;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.main-article-container .main-article__info {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  border: 0;
  color: rgb(var(--color-light-text));
  font-size: 14px;
  line-height: 1.6;
}
.main-article-container .main-article__cover-image {
  aspect-ratio: var(--aspect-ratio, 16/9);
  margin-block: 36px 44px;
  overflow: hidden;
  border-radius: 10px;
}
.main-article-container .main-article__cover-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-article-container .main-article__content {
  margin-block: 0;
  font-size: 18px;
  line-height: 1.8;
  overflow-wrap: break-word;
}
.main-article-container .main-article__content > :first-child { margin-block-start: 0; }
.main-article-container .main-article__content p { margin-block: 0 20px; }
.main-article-container .main-article__content :is(h2,h3,h4) {
  color: rgb(var(--color-text));
  scroll-margin-block-start: 140px;
  overflow-wrap: anywhere;
}
.main-article-container .main-article__content h2 {
  margin-block: 48px 18px;
  font-size: 30px;
  line-height: 1.25;
  letter-spacing: -.015em;
}
.main-article-container .main-article__content h3 {
  margin-block: 30px 12px;
  font-size: 23px;
  line-height: 1.35;
}
.main-article-container .main-article__content h4 {
  margin-block: 26px 10px;
  font-size: 20px;
  line-height: 1.4;
}
.main-article-container .main-article__content a,
.main-article-container .main-article__link {
  color: rgb(var(--color-button-text-link));
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.main-article-container a:hover { text-decoration-thickness: 2px; }
.main-article-container :is(a,summary,[tabindex="0"]):focus-visible {
  outline: 2px solid rgb(var(--color-button-text-link));
  outline-offset: 5px;
}
.main-article-container .main-article__content :is(ul,ol) {
  margin-block: 18px 24px;
  padding-inline-start: 26px;
}
.main-article-container .main-article__content li { margin-block: 10px; padding-inline-start: 3px; }
.main-article-container .main-article__content li > :is(ul,ol) { margin-block: 10px; }
.main-article-container .main-article__content figure {
  width: 100%;
  margin: 32px 0;
}
.main-article-container .main-article__content img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.main-article-container .main-article__content figure img { width: 100%; }
.main-article-container .main-article__content figcaption {
  margin-block-start: 10px;
  color: rgb(var(--color-light-text));
  font-size: 14px;
  line-height: 1.6;
  text-align: start;
}
.main-article-container .main-article__content blockquote {
  margin: 30px 0;
  padding: 6px 0 6px 22px;
  border-inline-start: 3px solid rgb(var(--color-button-text-link));
  font: inherit;
}
.main-article-container .main-article__content blockquote.dm-callout,
.main-article-container .main-article__content .dm-journal-answer {
  padding: 22px 24px;
  border-inline-start: 3px solid rgb(var(--color-button-text-link));
  border-radius: 0 8px 8px 0;
  background: #edf3f7;
}
.main-article-container .main-article__content blockquote > :last-child { margin-block-end: 0; }
.main-article-container .main-article__content .dm-journal-table-scroll {
  max-width: 100%;
  margin-block: 28px 32px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  border: 1px solid #d8e0e6;
  border-radius: 8px;
}
.main-article-container .main-article__content table {
  width: 100%;
  margin: 28px 0;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 15px;
  line-height: 1.65;
}
.main-article-container .dm-journal-table-scroll table { min-width: 720px; margin: 0; }
.main-article-container .main-article__content > table { display: block; max-width: 100%; overflow-x: auto; }
.main-article-container .main-article__content :is(th,td) {
  padding: 16px 18px;
  border: 0;
  border-block-end: 1px solid #d8e0e6;
  text-align: start;
  vertical-align: top;
  word-break: normal;
  overflow-wrap: normal;
}
.main-article-container .main-article__content th {
  background: #edf3f7;
  white-space: nowrap;
  font-weight: 600;
}
.main-article-container .main-article__content tbody tr:last-child td { border-block-end: 0; }
.main-article-container .main-article__content tbody tr:nth-child(even) { background: #fafbfC; }
.main-article-container .main-article__content .dm-journal-toc {
  margin-block: 28px 40px;
  padding-block: 20px;
  border-block: 1px solid #d8e0e6;
  font-size: 15px;
  line-height: 1.6;
}
.main-article-container .dm-journal-toc summary {
  width: fit-content;
  color: rgb(var(--color-text));
  font-weight: 600;
  cursor: pointer;
}
.main-article-container .main-article__content .dm-journal-toc ul {
  columns: 2;
  column-gap: 28px;
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
.main-article-container .main-article__content .dm-journal-toc li {
  break-inside: avoid;
  margin: 0;
  padding: 0;
}
.main-article-container .dm-journal-toc a { display: inline-block; padding-block: 7px; }
.main-article-container .main-article__content :is(.dm-journal-faq-title,.dm-faq > h2) {
  padding-block-start: 30px;
  border-block-start: 1px solid #d8e0e6;
}
.main-article-container .main-article__content :is(.dm-journal-faq-question,.dm-faq > h3) {
  margin-block: 26px 10px;
  font-size: 21px;
  line-height: 1.4;
}
.main-article-container .main-article__content .dm-journal-faq-answer { margin-block-end: 24px; }
.main-article-container .dm-journal-related {
  margin-block: 52px 0;
  padding-block-start: 32px;
  border-block-start: 1px solid #d8e0e6;
}
.main-article-container .dm-journal-related > h2 { margin: 0 0 22px; font-size: 28px; line-height: 1.3; }
.main-article-container .dm-journal-related__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,210px),1fr));
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-article-container .dm-journal-related__link { display: block; color: inherit; text-decoration: none; }
.main-article-container .dm-journal-related__link img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/10;
  object-fit: cover;
  border-radius: 8px;
}
.main-article-container .dm-journal-related__link h3 { margin: 14px 0 0; font-size: 21px; line-height: 1.35; }
.main-article-container .dm-journal-related__list > li:only-child .dm-journal-related__link { display: grid; grid-template-columns: 160px 1fr; gap: 22px; align-items: center; }
.main-article-container .dm-journal-related__list > li:only-child h3 { margin: 0; }
.main-article-container .dm-journal-related__link h3:only-child { grid-column: 1 / -1; }
.main-article-container .dm-journal-related__link:hover h3 { text-decoration: underline; text-underline-offset: 4px; }
.main-article-container .main-article__share { margin-block: 32px 24px; }
.main-article-container .main-article__button-back { margin-block: 0 36px; font-size: 15px; }
.main-article-container .main-article__button-back svg { width: .8em; height: .8em; transform: rotate(90deg); }
.main-article-container .main-article__comment-title { padding-block: 32px 20px; }
.main-article-container .main-article__comment-list { display: flex; flex-direction: column; gap: 20px; margin-block-end: 32px; }
.main-article-container .main-article__comment-item { display: flex; flex-direction: column; gap: 24px; padding: 24px; border: 1px solid #d8e0e6; border-radius: 8px; }
.main-article-container .main-article__comment-info { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: end; }
.main-article-container .main-article__comment-fields { display: flex; gap: 20px; }
.main-article-container .main-article .text-area + .field__label { inset-block-start: 20px; }
.main-article-container .main-article__comment-submit { display: flex; justify-content: center; margin-block-start: 28px; }
.main-article-container .main-article__comment-form { padding-block-start: 32px; border-block-start: 1px solid #d8e0e6; }
.main-article-container .main-article__comment-form-title { margin-block-end: 28px; }
.main-article-container .main-article__comment-tip { padding-block: 28px; }
.main-article-container .main-article .field__info { padding-block-end: 28px; }
.main-article-container .main-article__comment-dot { width: 4px; height: 4px; background: currentColor; border-radius: 50%; }
@media (min-width: 768px) {
  .main-article-container .dm-journal-table-scroll table { min-width: 0; }
}
@media (min-width: 960px) {
  .main-article-container .main-article__content .dm-journal-table-scroll {
    --dm-journal-table-width: min(960px, calc(100vw - 80px));
    width: var(--dm-journal-table-width);
    max-width: none;
    margin-inline: calc((720px - var(--dm-journal-table-width)) / 2);
  }
  .main-article-container .main-article__content .dm-journal-table-short-cell { white-space: nowrap; }
}
@media (max-width: 767px) {
  .main-article-container .main-article__journal-link { margin-block-end: 18px; }
  .main-article-container .main-article__title { font-size: 30px; line-height: 1.2; margin-block-end: 18px; }
  .main-article-container .main-article__info { font-size: 13px; }
  .main-article-container .main-article__cover-image { margin-block: 26px 30px; border-radius: 8px; }
  .main-article-container .main-article__content { font-size: 17px; line-height: 1.75; }
  .main-article-container .main-article__content p { margin-block-end: 18px; }
  .main-article-container .main-article__content h2 { margin-block: 36px 16px; font-size: 26px; line-height: 1.3; }
  .main-article-container .main-article__content h3 { font-size: 21px; }
  .main-article-container .main-article__content figure { margin-block: 24px; }
  .main-article-container .main-article__content blockquote.dm-callout,
  .main-article-container .main-article__content .dm-journal-answer { padding: 18px; }
  .main-article-container .main-article__content .dm-journal-toc { margin-block: 24px 30px; }
  .main-article-container .main-article__content .dm-journal-toc ul { columns: 1; }
  .main-article-container .dm-journal-table-scroll::before {
    content: attr(data-scroll-hint);
    display: block;
    position: sticky;
    inset-inline-start: 0;
    width: fit-content;
    max-width: 100%;
    padding: 10px 14px;
    color: rgb(var(--color-light-text));
    font-size: 13px;
    line-height: 1.5;
  }
  .main-article-container .main-article__comment-fields { flex-direction: column; }
  .main-article-container .main-article__comment-item { padding: 18px; }
  .main-article-container .dm-journal-related__list > li:only-child .dm-journal-related__link { grid-template-columns: 120px 1fr; gap: 16px; }
}