.host-list {
	font-family:
		-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	max-width: 1200px;
	margin: 2rem auto;
	padding: 0 1rem;
}

.host-card {
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	padding: 1rem 1.5rem;
	margin-bottom: 1rem;
	display: grid;
	grid-template-columns: 2fr 0.5fr 2fr 1.5fr;
	gap: 1rem;
	align-items: center;
	transition: box-shadow 0.2s ease;
}

.host-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.host-card a {
	color: #0d6efd;
	text-decoration: none;
	word-break: break-all;
}

.host-card a:hover {
	text-decoration: underline;
}

.port-label,
.cert-label {
	font-size: 0.85rem;
	color: #6c757d;
	margin-bottom: 0.25rem;
	display: block;
}

.data-value {
	font-family: "SF Mono", Monaco, monospace;
}