/* Astrid subpage: palette + page-specific components.
   Shared components live in /shared/base.css, linked before this file. */

:root {
	--accent-900: #1b4332;
	--accent-700: #2d6a4f;
	--accent-100: #e7f3ea;
	--accent-50: #f4f9f5;
	--ink: #26332c;
	--ink-soft: #3c4d43;
	--caption-ink: #46564d;
	--tag-ink: #33513f;
	--muted: #5b6b62;
	--line: #dbe5dd;
	--bg: #f7faf7;
	--amber: #b45309;
	--red: #b91c1c;
	--good: #2d6a4f;
	--focus: #74a98c;
	--card-shadow: rgba(27, 67, 50, 0.06);
}

/* The single giant pixel-art scene */
.pixel-figure { margin: 1.4rem 0 2rem; }
.pixel-bleed {
	width: min(1360px, calc(100vw - 2rem));
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.pixel-bleed img {
	display: block;
	width: 100%;
	height: auto;
	image-rendering: pixelated;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 12px;
	box-shadow: 0 2px 6px rgba(27, 67, 50, 0.08);
}
.pixel-figure figcaption {
	font-size: 0.86rem;
	color: var(--caption-ink);
	margin-top: 0.6rem;
	line-height: 1.55;
}

/* Researcher list with colour swatches */
.team-list { list-style: none; padding-left: 0; }
.team-list li { margin: 0.45rem 0; }
.swatch {
	display: inline-block;
	width: 0.85em;
	height: 0.85em;
	border-radius: 3px;
	border: 1px solid rgba(27, 67, 50, 0.25);
	vertical-align: -0.08em;
	margin-right: 0.45em;
}
.tree-list { margin: 0.4rem 0 1rem; }

.site-footer .small { margin: 0; }