.article-page .rpg-ai-reading {
  max-width: 920px;
  margin-inline: auto;
}

.rpg-ai-reading > :is(.eyebrow, h1, .rpg-ai-lead, .article-evidence, .door-summary) {
  max-width: 720px;
  margin-inline: auto;
}

.rpg-ai-reading > .rpg-ai-lead {
  margin-bottom: 16px;
  color: #405c5c;
}

.rpg-ai-reading .door-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-block: 0 12px;
  padding: 0;
  list-style: none;
}

.rpg-ai-reading .door-summary li {
  margin: 0;
  padding: 12px 16px;
  border: 1px solid #d7e5dc;
  border-radius: 10px;
  background: #f2f7f3;
}

.rpg-ai-reading .door-summary strong,
.rpg-ai-reading .door-summary span {
  display: block;
  color: #26483e;
}

.rpg-ai-reading .door-summary strong { font-size: .82rem; }
.rpg-ai-reading .door-summary span { margin-top: 3px; }
.article-page .rpg-ai-reading > .article-evidence { margin-inline: auto; }
.rpg-ai-reading > figure { margin: 28px 0 38px; }
.rpg-ai-reading > figure img { display: block; width: 100%; height: auto; }
.article-page .rpg-ai-reading .article-body { max-width: 660px; margin-inline: auto; }
.article-page .rpg-ai-reading .article-body h2 { color: #214c3f; margin-block: 2em .55em; }
.rpg-ai-reading .door-comparison .cell-label { display: none; }

@media (max-width: 640px) {
  .rpg-ai-reading .door-summary { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .rpg-ai-reading > figure { margin-block: 20px 28px; }
  .rpg-ai-reading .door-comparison :is(table, tbody, tr, td) {
    display: block;
    min-width: 0;
    width: 100%;
  }
  .rpg-ai-reading .door-comparison { overflow: visible; }
  .rpg-ai-reading .door-comparison thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .rpg-ai-reading .door-comparison table { border: 0; background: transparent; }
  .rpg-ai-reading .door-comparison tr {
    margin-bottom: 12px;
    border: 1px solid #d7e5dc;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
  }
  .rpg-ai-reading .door-comparison td { padding: 10px 14px; border: 0; }
  .rpg-ai-reading .door-comparison td + td { border-top: 1px solid #e5ece7; }
  .rpg-ai-reading .door-comparison .cell-label {
    display: block;
    margin-bottom: 3px;
    color: #31594b;
    font-size: .8rem;
  }
}