a-markdown {
  --cell-max-width: 100px;
  opacity: 1;
  padding: var(--pad);
  transition: opacity 0.5s;

  &:empty {
  	opacity: 0;
  }

	& table {
	  border-collapse: collapse;
	  width: 100%;
	}

	& th, td {
	  border: 1px solid var(--border-color);
	  padding: var(--pad);
	  overflow-x: auto;
	  max-width: var(--cell-max-width);
	}

	& .error { color: darkred; }
}

@media (min-width: 640px) {
	a-markdown {
	  --cell-max-width:  360px;
	}
}

a-markdown[display="html"],
a-markdown[display="markdown"] {
	background-color: var(--bg2-color);
	font-family: ui-monospace;
	white-space: pre;
}