/* Mountain Diary — the links to the legal pages in the footer (Legal): one row from edge to edge of
   the header's column from 992 px up, centred lines that wrap below. They take the theme's footer
   link colour, which the design tokens point at the text of the dark band; where the list sits is
   the site footer's. */

.md-legal-nav {
	font-size: 17px;
	line-height: 1.4;
}

.md-legal-nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 32px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.md-legal-nav li {
	margin: 0;
}

/* At least 24 px tall, for touch */
.md-legal-nav a {
	display: inline-block;
	min-height: 24px;
	padding: 2px 0;
	font-weight: 600;
	text-decoration: none;
}

.md-legal-nav a:hover,
.md-legal-nav a[aria-current="page"] {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.md-legal-nav a:focus-visible {
	outline: 2px solid currentcolor;
	outline-offset: 2px;
	border-radius: 2px;
}

/* Where the theme's container becomes a fixed column; German, the longest, leaves 19 px between
   the links at the narrowest, 940 px. Range notation, which browsers read since 2023: an older one
   keeps the centred lines */
@media (width >= 992px) {
	.md-legal-nav ul {
		justify-content: space-between;
		column-gap: 16px;
	}
}

@media (width <= 768px) {
	.md-legal-nav ul {
		gap: 10px 24px;
	}
}