/* KB Portal Custom Styles */
body {
    color: #222222;
    line-height: 1.43;
    overflow-x: hidden;
    margin: 0;
    line-height: inherit;
    padding: 0;
    box-sizing: border-box;
}
/* Grid pattern background */
.bg-grid-pattern {
	background-image: 
		linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px);
	background-size: 20px 20px;
}

/* Blob animation */
@keyframes blob {
	0% {
		transform: translate(0px, 0px) scale(1);
	}
	33% {
		transform: translate(30px, -50px) scale(1.1);
	}
	66% {
		transform: translate(-20px, 20px) scale(0.9);
	}
	100% {
		transform: translate(0px, 0px) scale(1);
	}
}

.animate-blob {
	animation: blob 7s infinite;
}

.animation-delay-2000 {
	animation-delay: 2s;
}

.animation-delay-4000 {
	animation-delay: 4s;
}

/* Line clamp utility */
.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Smooth scrolling for TOC navigation */
html {
	scroll-behavior: smooth;
}

/* Custom focus styles */
.kb-portal input:focus,
.kb-portal button:focus {
	outline: 2px solid #3b82f6;
	outline-offset: 2px;
}

/* Portal specific overrides */
.kb-portal {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Ensure proper z-index stacking */
#kb-hero-dropdown {
	z-index: 50;
}

#kb-help-modal {
	z-index: 50;
}

#kb-help-fab {
	z-index: 40;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.animate-blob {
		display: none;
	}
}

/* Print styles */
@media print {
	.kb-portal .fixed,
	.kb-portal .sticky {
		position: static !important;
	}
	
	.kb-portal button {
		display: none !important;
	}
}