/* Puzzle Clients — self-contained front-end styles (portable to any theme) */
.pzcli-wrap {
	--pzcli-pink: #EA267A;
	--pzcli-mustard: #d6a337;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Plus Jakarta Sans", Roboto, sans-serif;
	box-sizing: border-box;
	padding: 8px 0;
}
.pzcli-wrap * { box-sizing: border-box; }
.pzcli-empty { color: #666; font-style: italic; }

.pzcli-groups { display: flex; flex-direction: column; gap: 34px; }
.pzcli-group h4 {
	font-family: ui-monospace, "JetBrains Mono", SFMono-Regular, monospace;
	font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase;
	margin: 0 0 6px;
}
.pzcli-gp-desc { font-size: .86rem; margin: 0 0 14px; max-width: 64ch; }
.pzcli-cloud { display: flex; flex-wrap: wrap; gap: 10px; }
.pzcli-tag {
	display: inline-block;
	border-radius: 99px;
	padding: 9px 16px;
	font-weight: 600;
	font-size: 13.5px;
	text-decoration: none;
	transition: border-color .15s ease, background-color .15s ease;
}

/* Dark variant (default — matches the site's Clients page) */
.pzcli-dark { background: #131114; color: #fff; padding: 34px; border-radius: 32px; }
.pzcli-dark .pzcli-group h4 { color: var(--pzcli-mustard); }
.pzcli-dark .pzcli-gp-desc { color: #b8b3ba; }
.pzcli-dark .pzcli-tag { border: 1.5px solid rgba(255,255,255,.38); color: #fff; }
.pzcli-dark .pzcli-tag:hover { border-color: var(--pzcli-pink); background: rgba(234,38,122,.12); }

/* Light variant */
.pzcli-light .pzcli-group h4 { color: var(--pzcli-pink); }
.pzcli-light .pzcli-gp-desc { color: #6b6470; }
.pzcli-light .pzcli-tag { border: 1.5px solid #000; color: #000; background: #fff; }
.pzcli-light .pzcli-tag:hover { border-color: var(--pzcli-pink); background: rgba(234,38,122,.08); }