/* Personal-site additions, kept separate from the HTML5 UP theme. */
img {
	height: auto;
}

h2[id], article[id] {
	scroll-margin-top: 6em;
}

a:focus-visible {
	outline: 2px solid #6c63ff;
	outline-offset: 4px;
}

.publication-index {
	font-size: 0.85em;
}

@media screen and (max-width: 980px) {
	#header .links {
		display: block;
		min-width: 0;
		overflow-x: auto;
		white-space: nowrap;
	}
}

@media screen and (max-width: 736px) {
	body {
		padding-top: 6em;
	}

	#header {
		display: block;
		height: auto;
	}

	#header h1 {
		height: 2.75em;
		margin: 0;
	}

	#header .links {
		border-left: 0;
		border-top: solid 1px rgba(160, 160, 160, 0.3);
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0 1em;
	}

	#header .links ul {
		display: flex;
		justify-content: space-between;
	}

	#header .links ul li {
		border: 0;
		line-height: inherit;
		margin: 0;
		padding: 0;
	}

	#header .links ul li a {
		display: block;
		font-size: 0.65em;
		letter-spacing: 0.06em;
	}

	h2[id], article[id] {
		scroll-margin-top: 7em;
	}
}