/* ===========================================================================
   Cocoa Packet Analyzer — Sparkle release-notes stylesheet
   Dark theme tuned for the Sparkle updater's WKWebView panel (~500px wide)
   =========================================================================== */

body {
	margin: 12px 16px 16px;
	background: #0a0c10;
	color: rgba(255, 255, 255, 0.92);
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text",
		"Helvetica Neue", system-ui, sans-serif;
	font-size: 1em;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

table.dots {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}

tr, td {
	border: none;
	padding: 8px 0;
	vertical-align: top;
	font-size: 1.0em;
}

td.banner {
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	padding: 16px 0 4px;
	background: transparent;
}

tr:first-child td.banner { border-top: none; padding-top: 4px; }

td.banner h3 {
	font-size: 1.25em;
	font-weight: 700;
	color: #0a84ff;
	letter-spacing: -0.01em;
	margin: 0;
	display: inline;
}

td.banner h4 {
	font-size: 1em;
	font-family: ui-monospace, "SF Mono", Menlo, Consolas,
		"Liberation Mono", monospace;
	color: rgba(255, 255, 255, 0.40);
	margin: 2px 0 0;
	font-weight: 400;
	display: block;
}

ul {
	list-style: square;
	margin: 8px 0 0;
	padding-left: 20px;
	color: rgba(255, 255, 255, 0.92);
	font-size: 1em;
}

ul li::marker {
	color: rgba(255, 255, 255, 0.40);
}

ul li {
	margin: 4px 0;
}

ul li p {
	display: block;
	margin: 0;
}

p {
	margin: 4px 0;
}

a {
	color: #0a84ff;
	text-decoration: none;
}
a:hover {
	color: #409cff;
	text-decoration: underline;
}

.bread {
	color: rgba(255, 255, 255, 0.40);
	font-size: 0.75em;
	margin: 8px 0;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}