/* Part of the component CSS split: one file per component.
   Loaded by views/layout.templ in cascade order after tokens.css.
   Component: see views/components/ (same base name). */

.footer-legal {
	width: min(calc(100% - 3rem), var(--page-width));
	margin-inline: auto;
	padding: 1.25rem 0 1.5rem;
	border-top: 1px solid var(--panel-border);
}

.footer-legal p {
	margin: 0;
	font: .67rem/1.8 var(--font-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--panel-fg-muted);
}

.footer-legal p:first-child {
	color: var(--panel-fg);
	font-weight: 700;
}

.footer-legal a {
	color: var(--panel-fg);
	font-weight: 700;
	text-decoration-color: var(--accent);
}

.footer-legal a:hover { color: var(--accent); }