/* ── Global loading-state polish ─────────────────────────────────────────────
1. Hide ![]()
alt text while the image is still fetching. The text remains
in the DOM for screen readers but is not painted.
2. Hide the raw ligature text inside Material Symbols spans until the icon
font has finished loading. The .fonts-loaded class is added to by
image-fallback.js once document.fonts.ready resolves (or after 3 s). */
img {
color: transparent;
}
.material-symbols-outlined {
opacity: 0;
transition: opacity 0.12s ease;
}
.fonts-loaded .material-symbols-outlined {
opacity: 1;
}
/* Dark mode overrides for surfaces that don't carry their own `dark:` variants
(most page backgrounds are set via an inline