html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

[onClick] {
	cursor: pointer;
}

body {
	font-family: sans-serif;
}

.records-tree {
	display: grid;

	.fqdn, .record {
		border-bottom: 1px solid #aaa;
		padding: 4px 0px;
	}

	.top {
		font-weight: bold;
	}

	&>.top {
	}

	.record {
		display: none;
		font-weight: normal;
		color: #444;

		&.show {
			display: block;
		}

		span:first-child {
			color: #800033;
		}

		span:last-child {
			color: #888;
		}
	}
}