/* =============================================================================
   Ported Claude Design pages — global utilities, scoped to .igi-port so they
   can't affect the shared header/footer or any native-block sections.
   The page markup itself is inline-styled (exact from the export); this file
   only carries the reset, the hover/focus utility classes (.scp*), and the
   scroll-reveal animation those pages depend on.
   ============================================================================= */

.igi-port { width: 100%; }
.igi-port *, .igi-port *::before, .igi-port *::after { margin: 0; padding: 0; box-sizing: border-box; }
.igi-port a { color: inherit; text-decoration: none; }
.igi-port img { display: block; max-width: 100%; }
.igi-port button { font: inherit; cursor: pointer; }
.igi-port ::selection { background: rgb(231, 163, 37); color: rgb(36, 28, 23); }

/* Hover / focus utility classes (verbatim values from the export) */
.igi-port .scp0:hover { background: rgb(240, 178, 69); }
.igi-port .scp1:hover { border-color: rgb(237, 230, 218); }
.igi-port .scp2:hover { color: rgb(47, 110, 150); }
.igi-port .scp3:hover { color: rgb(36, 28, 23); }
.igi-port .scp4:hover { color: rgb(255, 255, 255); }
.igi-port .scp5:hover { background: rgba(111, 168, 204, 0.12); }
.igi-port .scp6:hover { background: rgba(231, 163, 37, 0.12); }
.igi-port .scp7:hover { background: rgba(217, 105, 79, 0.14); }
.igi-port .scp8:focus { outline: rgb(47, 110, 150) solid 2px; outline-offset: 0px; border-color: rgb(47, 110, 150); }
.igi-port .scp9:hover { background: rgb(47, 110, 150); }
.igi-port .scpa:hover { border-color: rgb(111, 168, 204); }
.igi-port .scpb:hover { border-color: rgb(231, 163, 37); }
.igi-port .scpc:hover { border-color: rgb(217, 105, 79); }
.igi-port .scpd:hover { background: rgb(58, 130, 176); }
.igi-port .scpe:hover { background: rgb(210, 101, 76); }
.igi-port .scpf:hover { border-color: rgb(47, 110, 150); }
.igi-port .scpg:hover { color: rgb(231, 163, 37); }
.igi-port .scph:hover { color: rgb(240, 178, 69); }

/* Scroll-reveal (the export's [data-rev] entries) */
@media (prefers-reduced-motion: no-preference) {
	@keyframes igiRise {
		0% { opacity: 0; transform: translateY(24px); }
		100% { opacity: 1; transform: none; }
	}
	@supports (animation-timeline: view()) {
		.igi-port [data-rev] {
			animation-name: igiRise;
			animation-fill-mode: both;
			animation-timeline: view();
			animation-range: entry 8% entry 80%;
		}
	}
}