.yusei-summary-box,
.yusei-exam-point,
.yusei-point-box,
.yusei-caution {
  margin: 1.5rem 0;
  padding: 1.15rem 1.25rem;
  border-radius: 10px;
  line-height: 1.9;
}

.yusei-summary-box {
  color: #173447;
  background: #eef7fb;
  border-left: 6px solid #1673a5;
}

.yusei-exam-point {
  color: #4f3b0a;
  background: #fff7df;
  border-left: 6px solid #d89516;
}

.yusei-point-box {
  color: #173f33;
  background: #edf8f3;
  border-left: 6px solid #238264;
}

.yusei-caution {
  color: #5d2525;
  background: #fff0f0;
  border-left: 6px solid #c95050;
}

.yusei-summary-box p,
.yusei-exam-point p,
.yusei-point-box p,
.yusei-caution p {
  margin: 0.55rem 0;
}

.yusei-summary-box ul,
.yusei-exam-point ul,
.yusei-point-box ul,
.yusei-caution ul {
  margin: 0.7rem 0 0.2rem 1.25rem;
}

.yusei-article-figure {
  margin: 2rem auto;
  max-width: 1200px;
}

.yusei-article-figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 3px 14px rgba(22, 49, 67, 0.12);
}

.yusei-article-figure figcaption {
  margin-top: 0.55rem;
  color: #586b78;
  font-size: 0.9em;
  line-height: 1.7;
  text-align: center;
}

@media (max-width: 600px) {
  .yusei-summary-box,
  .yusei-exam-point,
  .yusei-point-box,
  .yusei-caution {
    padding: 1rem;
  }
}