.wtrl-code-ansi pre {
	padding: 7px 30px;
	}

/*----- Status messages for push and pop ---------------------*/


/*----- Signatures -------------------------------------------*/

div.wtrl-signature-multiline {
	border: solid 0.1em #cce;
	padding:0.5em;
	border-radius:0.3em;
	}
div.wtrl-signature-param {
	font-family: monospace;
	padding-left: 3em;
	}
div.wtrl-signature-ret {
	font-family: monospace;
	padding-left: 0em;
	}
.wtrl-section div.wtrl-signature-multiline {
	border: 0;
	padding: 0em;
	}

/*----- Visited links ----------------------------------------*/

/* We don't change color since it carries semantics like
   "module:, "class", or "function". */
a.wtrl_module:visited {
	color: var(--wtrl-class-color);
	}
a.wtrl_class:visited {
	color: var(--wtrl-class-color);
	}
a.wtrl_func:visited {
	color: var(--wtrl-func-color);
	}
a.wtrl_type:visited {
	color: var(--wtrl-type-color);
	}
a.wtrl_var:visited {
	color: var(--wtrl-var-color);
	}

/*----- Broken links -----------------------------------------*/

span.wtrl_ref_unresolved
	{
	color: #f30;
	font-weight: bold;
	}

/*----- Roles ------------------------------------------------*/

.wtrl_attr
	{
	font-family:monospace;

	color:var(--wtrl-attr-color);
	font-weight:var(--wtrl-attr-font-weight);
	font-style:var(--wtrl-attr-font-style);

	background-color:inherit;
	}
.wtrl_class
	{
	font-family:monospace;

	color:var(--wtrl-class-color);
	font-weight:var(--wtrl-class-font-weight);
	font-style:var(--wtrl-class-font-style);

	background-color:inherit;
	}
.wtrl_cmd
	{
	font-family:monospace;

	color:var(--wtrl-cmd-color);
	font-weight:var(--wtrl-cmd-font-weight);
	font-style:var(--wtrl-cmd-font-style);

	background-color:inherit;
	}
.wtrl_dfn
	{
	font-family: inherit;

	color:var(--wtrl-dfn-color);
	font-weight:var(--wtrl-dfn-font-weight);
	font-style:var(--wtrl-dfn-font-style);

	background-color:inherit;
	}
.wtrl_file {
	font-family:monospace;

	color:var(--wtrl-file-color);
	font-weight:var(--wtrl-file-font-weight);
	font-style:var(--wtrl-file-font-style);

	background-color:inherit;
	}
.wtrl_func
	{
	font-family:monospace;

	color:var(--wtrl-func-color);
	font-weight:var(--wtrl-func-font-weight);
	font-style:var(--wtrl-func-font-style);

	background-color:inherit;
	}
.wtrl_key
	{
	font-family:monospace;

	color:var(--wtrl-key-color);
	font-weight:var(--wtrl-key-font-weight);
	font-style:var(--wtrl-key-font-style);
	border: 1px solid black;
	border-radius:3px;
	padding-left:3px;
	padding-right:3px;

	background-color:inherit;
	}
.wtrl_label
	{
	font-family:inherit;

	color:var(--wtrl-label-color);
	font-weight:var(--wtrl-label-font-weight);
	font-style:var(--wtrl-label-font-style);
	font-size: 100%;

	background-color:inherit;
	}
.wtrl_lit
	{
	font-family:monospace;

	color: var(--wtrl-lit-color);
	font-weight:var(--wtrl-lit-font-weight);
	font-style:var(--wtrl-lit-font-style);

	background-color:inherit;
	}
.wtrl_mod
	{
	font-family:monospace;

	color: var(--wtrl-mod-color);
	font-weight:var(--wtrl-mod-font-weight);
	font-style:var(--wtrl-mod-font-style);

	background-color:inherit;
	}
.wtrl_norm
	{
	font-family:inherit;

	color:var(--wtrl-norm-color);
	font-weight:var(--wtrl-norm-font-weight);
	font-style:var(--wtrl-norm-font-style);
	font-size: 100%;

	background-color:inherit;
	}
.wtrl_norm::after
	{
	content: " \2696";
	font-weight:bold;
	font-style:normal;
	}
.wtrl_op
	{
	font-family:monospace;

	color:var(--wtrl-op-color);
	font-weight:var(--wtrl-op-font-weight);
	font-style:var(--wtrl-op-font-style);

	background-color:inherit;
	}
.wtrl_opt
	{
	font-family:monospace;

	color:var(--wtrl-opt-color);
	font-weight:var(--wtrl-opt-font-weight);
	font-style:var(--wtrl-opt-font-style);

	background-color:inherit;
	}
.wtrl_pkg
	{
	font-family:monospace;

	color: var(--wtrl-pkg-color);
	font-weight:var(--wtrl-pkg-font-weight);
	font-style:var(--wtrl-pkg-font-style);

	background-color:inherit;
	}
.wtrl_tag
	{
	font-family:monospace;

	color:var(--wtrl-tag-color);
	font-weight:var(--wtrl-tag-font-weight);
	font-style:var(--wtrl-tag-font-style);

	background-color:inherit;
	}
.wtrl_term
	{
	font-family:inherit;
	color:var(--wtrl-term-color);
	font-weight:var(--wtrl-term-font-weight);
	font-style:var(--wtrl-term-font-style);
	font-size:100%;

	background-color:inherit;
	}
.wtrl_type
	{
	font-family:monospace;

	color:var(--wtrl-type-color);
	font-weight:var(--wtrl-type-font-weight);
	font-style:var(--wtrl-type-font-style);

	background-color:inherit;
	}
.wtrl_url {
	font-family:monospace;

	color:var(--wtrl-url-color);
	font-weight:var(--wtrl-url-font-weight);
	font-style:var(--wtrl-url-font-style);

	background-color:inherit;
	}
.wtrl_value
	{
	font-family:monospace;
	color:var(--wtrl-value-color);
	font-weight:var(--wtrl-value-font-weight);
	font-style:var(--wtrl-value-font-style);
	font-size:90%;

	background-color:inherit;
	}
.wtrl_var
	{
	font-family: monospace;
	color:var(--wtrl-var-color);
	font-weight:var(--wtrl-var-font-weight);
	font-style:var(--wtrl-var-font-style);

	background-color:inherit;
	}
.wtrl_out_of_scope, .wtrl_out_of_scope *
	{
	color:#777 !important;
	opacity:0.85;
	}

/*===== Docstring boxes for modules, classes, callables ======*/

/*--- The relation of docstring boxes w.r.t each others ------*/
table.wtrl-box {
/* Here we interfer a little. Docstring boxes are not quite
   like "normal" tables. We need to create a more technical
   look, like a data-sheet. It does not need to be 100%, but
   should be a fixed number. */
	width:100%;
	}

/*----- Docstring box interior -------------------------------*/

table.wtrl-box td {
	vertical-align: top;
	}

table.wtrl-box th {
	vertical-align: bottom;
	}

table.wtrl-box > thead > tr > th .wtrl-obj-kind {
	font-weight:normal;
	}

table.wtrl-box > thead.wtrl-box-head-module > tr > th .wtrl-obj-kind {
	color:var(--wtrl-mod-color);
	}

table.wtrl-box > thead.wtrl-box-head-class > tr > th .wtrl-obj-kind {
	color:var(--wtrl-class-color);
	}

table.wtrl-box > thead.wtrl-box-head-function > tr > th .wtrl-obj-kind {
	color:var(--wtrl-func-color);
	}

table.wtrl-box > thead.wtrl-box-head-method > tr > th .wtrl-obj-kind {
	color:var(--wtrl-func-color);
	}

table.wtrl-box > thead.wtrl-box-head-inherited_method > tr > th .wtrl-obj-kind {
	font-weight:normal;
	color:var(--wtrl-func-color);
	}

table.wtrl-box > thead > tr > th p.wtrl-obj-qid {
	font-family:monospace;
	font-weight:bold;
	}

table.wtrl-box > thead.wtrl-box-head-module > tr > th p.wtrl-obj-qid {
	color:var(--wtrl-mod-color);
	}
table.wtrl-box > thead.wtrl-box-head-class > tr > th p.wtrl-obj-qid {
	color:var(--wtrl-class-color);
	}
table.wtrl-box > thead.wtrl-box-head-function > tr > th p.wtrl-obj-qid {
	color:var(--wtrl-func-color);
	}
table.wtrl-box > thead.wtrl-box-head-method > tr > th p.wtrl-obj-qid {
	color:var(--wtrl-func-color);
	}
table.wtrl-box > thead.wtrl-box-head-inherited_method > tr > th p.wtrl-obj-qid {
	color:var(--wtrl-func-color);
	}

/* Prevent docstring boxes from expanding horizontally due to long pre/code
   elements (e.g. long Literal["..."] type annotations).
   max-width:82% keeps the right td in the intended table proportion;
   pre-wrap + break-all then wraps verbatim content at any character. */

table.wtrl-box td:nth-child(2) {
	max-width: 82%;
	}

table.wtrl-box > tbody > tr > td:nth-child(2) pre,
table.wtrl-box > tbody > tr > td:nth-child(2) span.pre,
table.wtrl-box > tbody > tr > td:nth-child(2) code.literal {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	word-break: break-all;
	}

/* For sections "Notes" which contains a rubric elements.*/
table.wtrl-box > tbody > tr.wtrl-section p + p.rubric {
	margin-top:0.5lh;
	margin-bottom:0.0lh;
	}

table.wtrl-box > tbody > tr.wtrl-section ul {
	margin-top: 0.2lh;
	}