/* ASSETS_V1: the shared site styles, served as one cached file (was inline in every page). Source of truth: edit HERE. */ :root { --primary: #005A8B; --secondary: #003f61; --accent: #D35400; --text-dark: #333333; --text-muted: #666666; --bg-light: #f4f6f8; /* PAGEBG_V1 (Mario, 2026-10-16: "make the light background ... a bit darker and bluer", picked B): the page itself. --bg-light stays the pale fill used INSIDE white cards. */ --page-bg: #dfe7f0; --pass-green: #28a745; --fail-grey: #e74c3c; --font-main: 'Montserrat', sans-serif; /* CARD3D_V1 (Mario, 2026-10-16: "fix the shadows between boxes and make the boxes look more 3d effect"). The old shadow was a single soft 15px blur at 5% — almost invisible against the page, so two stacked cards read as one flat slab with a gap. Three layers now, which is what gives depth: a tight contact shadow right under the card, a mid shadow for the lift, and a wide soft one for the ambient. The top highlight (inset, white) catches the light on the upper edge the way a real raised surface does, and it is what sells the 3D more than the shadow does. */ --shadow-base: 0 1px 2px rgba(16, 38, 56, 0.07), 0 4px 10px rgba(16, 38, 56, 0.07), 0 14px 32px rgba(16, 38, 56, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.85); --shadow-hover: 0 2px 4px rgba(16, 38, 56, 0.09), 0 10px 22px rgba(16, 38, 56, 0.11), 0 26px 54px rgba(16, 38, 56, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9); --card-radius: 8px; } /* Site-wide horizontal-overflow clamp. The old rule put overflow-x:hidden on body ONLY — that does not reliably stop the page from panning sideways on mobile (html stays the scroller), which left a blank gutter on the right. Clamp BOTH html and body. Use overflow-x: clip (not hidden) so we don't create a scroll container that would break the sticky