body.article-template-v2 .article-body blockquote.article03-assignment {
  background:
    radial-gradient(circle at 96% 4%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--accent-soft) 54%, #ffffff) 100%);
}

body.article-template-v2 .article-body blockquote:not(.article03-assignment) {
  background:
    radial-gradient(circle at 96% 4%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--accent-soft) 29%, #ffffff) 100%);
}

body.article-template-v2 .article-body > ul:not(.source-list) {
  border-color: color-mix(in srgb, var(--accent) 17%, transparent);
  background:
    radial-gradient(circle at 96% 4%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--accent-soft) 29%, #ffffff) 100%);
}

body.article-template-v2 .article-action {
  background:
    radial-gradient(circle at 96% 4%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--accent-soft) 54%, #ffffff) 100%);
}

body.article-template-v2 .article03-process-roles {
  display: grid;
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
}

body.article-template-v2 .article03-process-role {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin: 0;
}

body.article-template-v2 .article03-process-role dt {
  margin: 0;
  font-weight: 800;
  white-space: nowrap;
}

body.article-template-v2 .article03-process-role dd {
  min-width: 0;
  margin: 0;
}

@media (max-width: 640px) {
  body.article-template-v2 .article03-process-role {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 9px;
  }
}