trwnh.com/unified.test.hugo/assets/styles/common/content.scss

.hugo-content {
	> * {
		margin-block: 1em;
		&:first-child {
			margin-block-start: 0;
		}
		&:last-child {
			margin-block-end: 0;
		}
	}
	/* text */
	line-height: 2;
	/* semantics */ 
	em {font-style: italic}
	strong {font-weight: bold}
	/* text formatting */
	--script-size: 0.65em;
	sup {
		position: relative;
		font-size: var(--script-size);
		inset-block-start: -1em;
	}
	sub {
		position: relative;
		font-size: var(--script-size);
	}
	@supports #{'selector\(:has(kbd))'} {
		/* style individual keys only (for the innermost <kbd> element) */
		kbd kbd,
		kbd:not(:has(kbd)) {
			font-family: monospace;
			padding: 0.25em;
			background: var(--ui-overlay);
			color: var(--ui-overlay-text);
		}
	}
	@supports not #{'selector\(:has(kbd))'} {
		/* style the entire key sequence */
		kbd {
			font-family: monospace;
			padding: 0.25em;
			background: var(--ui-overlay);
			color: var(--ui-overlay-text);
		}
		/* and prevent double-styling for nested keys */
		kbd kbd {
			background: none;
		}
	}
	mark {
		background: var(--primary-accent-transparent);
		color: var(--ui-text);
		--pad-x-highlight: 0.125em;
		padding-inline-start: var(--pad-x-highlight);
		padding-inline-end: var(--pad-x-highlight);
	}
	abbr[title]:after {
		content: '?';
		font-size: var(--script-size);
		color: var(--ui-text-muted);
	}
	>*:not(.highlight) code {
		font-family: monospace;
		background: var(--ui-overlay);
		color: var(--ui-overlay-text);
		padding: 0.25rem;
		font-size: 1rem;
		white-space: pre-wrap;
	}
	/* lists */
	ul, ol {
		padding-inline-start: 0;
		margin-block: 1em;
		position: relative;
	}
	ul {list-style: disc;}
	ol {list-style: decimal;}
	li {margin-block-end: 1em; line-height: 2; margin-inline-start: 1em;}
	dl {margin-block: 1em; line-height: 1.4;}
	dt {font-weight: 700;}
	dd {margin-inline-start: 1em;}
	pre:not(.chroma) {
		font-family: monospace;
		font-size: 1rem;
		line-height: 1.4;
		overflow: auto;
		white-space: pre-wrap;
		word-break: break-word;
		display: grid;
		tab-size: 3;
		margin-block-end: 1em;
	}
	/* tables */
	table {text-align: center;}
	thead {
		font-weight: 700;
		background: var(--ui-overlay);
		color: var(--ui-overlay-text);
	}
	th, td {
		border: 1px solid var(--ui-text);
		padding: 0.5em;
	}
	/* hugo-specific citation footnote */
	cite sup {
		position: inherit;
		font-size: inherit;
		a {
			padding: 0.25em;
		}
		&:before {
			content: ' [';
		}
		&:after {
			content: ']';
		}
	}
	/* the actual footnotes section */
	.footnotes {
		hr {
			display: flex;
			align-items: center;
			border: 0;
			&:before {
				content: 'Footnotes';
				color: var(--ui-text);
				text-transform: uppercase;
				font-weight: 900;
				font-size: 0.8em;
			}
			&:after {
				content: '';
				width: 100%;
				margin-inline-start: 1rem;
				border-block-end: 1px solid var(--ui-text-muted);
			}
		}
	}
}