/* CRT hero: scale the wide ASCII art to fit its container and
   hide the horizontal scrollbar (art remains scrollable by touch). */
.crt pre,
.crt code {
	white-space: pre;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	/* Longest art line is ~95 chars; scale to fit the content column */
	font-size: clamp(5px, 1.55vw, 12px);
	line-height: 1.15;
}

.crt pre::-webkit-scrollbar,
.crt code::-webkit-scrollbar {
	display: none;
}

/* Center the homepage intro paragraphs */
p.centered {
	text-align: center;
}

/* CRT treatment for the footer social icons */
#site-footer #external-links {
	display: flex;
	justify-content: center;
	padding: 0.5rem 1.5rem;
}

/* Icons glow accent green like the CRT text */
#site-footer #external-links a {
	color: var(--accent-color);
}

#site-footer #external-links a:hover {
	color: var(--fg-color);
}

/* Glow the icons themselves */
#site-footer #external-links a .icon {
	filter: drop-shadow(0 0 0.25rem hsl(from var(--accent-color) h s l / 0.5))
		drop-shadow(0 0 0.75rem hsl(from var(--accent-color) h calc(s * 2) l / 0.4));
}

/* Keep rounded corners for the hero, square them for the footer screen */
#site-footer #external-links {
	border-radius: 0;
}