@media (min-width: 1280px) {
	.container {
		max-width: 1000px;
	}
}

@media (min-width: 1536px) {
	.container {
		max-width: 1000px;
	}
}

.hidden {
	display: none !important;
}

header,
main,
footer {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

article {
	margin-bottom: 1rem;
}

footer {
	text-align: center;
}

button.success {
	background-color: var(--pico-form-element-valid-border-color);
	border-color: var(--pico-form-element-valid-border-color);
}

button.failed {
	background-color: var(--pico-form-element-invalid-border-color);
	border-color: var(--pico-form-element-invalid-border-color);
}

tr.network:hover {
	--pico-background-color: var(--pico-primary-focus);
	cursor: pointer;
}

.greatSignal {
	background-color: var(--pico-form-element-valid-border-color);
}

.normalSignal {
	background-color: #e48500;
}

.badSignal {
	background-color: var(--pico-form-element-invalid-border-color);
}

.primary {
	border: 0.25rem solid var(--pico-form-element-invalid-border-color);
	padding: 1rem;
	margin-bottom: 1rem;
}

.logo {
	display: inline-block;
	padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
	vertical-align: baseline;
	line-height: var(--pico-line-height);
	background-color: var(--pico-code-kbd-background-color);
	border-radius: var(--pico-border-radius);
  color: var(--pico-code-kbd-color);
  font-weight: bolder;
	font-size: 1.3rem;
  font-family: var(--pico-font-family-monospace);
}

nav li a:has(> div.logo) {
	margin-bottom: 0;
}