.argument {
  position: relative;
  word-break: break-word;
}

.argument header {
  margin-bottom: calc( var(--spacing) / 2 );
}

.argument p {
  margin-bottom: var(--spacing);
}

.argument a {
  color: currentColor;
}

.argument .title {
  display: inline;
  font-size: 1.2em;
  font-weight: normal;
}

.column .stance,
.argument .stance {
  margin-right: var(--spacing);
  font-weight: bold;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: smaller;
}

.pro.column .stance,
.pro.argument .stance,
.pro.argument .title {
  color: var(--c-pro);
  border-color: var(--c-pro);
}

.con.column .stance,
.con.argument .stance,
.con.argument .title {
  color: var(--c-con);
  border-color: var(--c-con);
}

.cons .argument .stance,
.pros .argument .stance {
  display:none;
}

.argument:after {
  content: "";
  clear: both;
  display: block;
}