/**
 * Support Knowledge Base Portal template responsive styles.
 */

@media (max-width: 768px) {
	.skb-topbar {
		padding: 0 14px !important;
		height: auto !important;
		min-height: 52px;
		flex-wrap: wrap;
		gap: 8px;
	}

	.skb-topbar__nav {
		display: none;
	}

	.skb-topbar__actions {
		flex-wrap: wrap;
		gap: 6px;
	}

	.skb-hero {
		padding: 36px 16px 30px !important;
	}

	.skb-hero__title {
		font-size: clamp(24px, 7vw, 36px) !important;
	}

	.skb-body {
		padding: 24px 14px 48px !important;
	}

	.skb-grid,
	.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 480px) {
	.skb-topbar__logo img {
		height: 28px !important;
	}

	.skb-hero__cta {
		flex-direction: column;
		width: 100%;
	}

	.skb-hero__cta-btn {
		width: 100%;
		justify-content: center;
	}
}