.journal-diagram {
  padding: 28px;
  border: 1px solid #d5dfd5;
  border-radius: 16px;
  background: #f6f8f3;
}
.diagram-title { color: #153d30; font-weight: 650; line-height: 1.4; }
.article-body .diagram-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 0;
  margin: 22px 0 0;
  list-style: none;
}
.article-body .diagram-steps li {
  margin: 0;
  padding: 20px;
  background: #fff;
  border: 1px solid #d5dfd5;
  border-radius: 10px;
}
.diagram-steps li:first-child { border-top: 4px solid #edc622; }
.diagram-label { color: #536c5e; font-size: 12px; font-weight: 650; display: block; }
.diagram-steps strong { display: block; font-size: 18px; line-height: 1.4; margin-top: 8px; }
.article-body .diagram-steps p { font-size: 15px; line-height: 1.6; margin: 10px 0 0; }
.diagram-note { padding: 16px 0 0; font-size: 15px; line-height: 1.6; }
@media (max-width: 580px) {
  .journal-diagram { padding: 20px; }
  .article-body .diagram-steps { grid-template-columns: minmax(0, 1fr); }
}