/*!
 * Base Styles - Knowledge AGMA Theme
 * Version: 2.4.3
 * Base typography, links, and global styles
 */

/* Reset & Base */
html, body {
	margin: 0;
	padding: 0;
	font-family: var(--font-a);
	font-weight: normal;
	letter-spacing: -0.2px;
	font-size: var(--font-size-base);
	color: var(--m-color);
	background: var(--b-color);
}

/* Links */
a {
	color: var(--m-color);
	text-decoration: unset;
}

a:hover {
	color: var(--s-color);
	text-decoration: unset;
}

li a:hover {
	text-decoration: underline;
}

/* Typography - Running Text */
.wc_item_content,
.single_post_wrap .article_content,
.page-template-page-about main .page p,
.main .page div.b_box p,
.article_content p,
.page-content p,
.b_box p,
.article_content li,
.page-content li,
.b_box li {
	font-size: 1rem;
	line-height: var(--line-height-base);
	margin-bottom: 1em;
	font-family: var(--font-b);
}

/* Headings */
h3, h4, h5, h6 {
	font-family: var(--font-a);
	line-height: 1.2;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 1.72rem;
	line-height: 1.3;
}

h4 {
	font-size: 1.5rem;
	line-height: 1.3;
}

h5 {
	font-size: 1.22rem;
	line-height: 1.4;
}

h6 {
	font-size: 1rem;
	line-height: var(--line-height-base);
}

/* Lists */
.article_content ul,
.article_content ol,
.page-content ul,
.page-content ol,
.b_box ul,
.b_box ol {
	padding-left: 1.5em;
	margin-bottom: 1em;
}

.article_content li,
.page-content li,
.b_box li {
	margin-bottom: 0.5em;
	line-height: var(--line-height-base);
}

/* Content Headings */
.article_content h3,
.page-content h3,
.b_box h3 {
	font-size: 1.5rem;
	line-height: 1.3;
	margin-top: 1.2em;
	margin-bottom: 0.5em;
}

/* Scrollbar - Global */
::-webkit-scrollbar {
	width: var(--scrollbar-width);
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: #888;
}

::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/* Responsive Typography Adjustments */

/* Tablet/Medium screens */
@media screen and (max-width: 1399px) and (min-width: 765px) {
	body {
		font-size: 13px;
	}
}

/* Mobile Typography Adjustments */
@media screen and (max-width: 768px) {
	body {
		font-size: 16px;
		overflow-x: clip;
	}

	p, li, span {
		line-height: 1.3 !important;
	}

	.wc_item_content,
	.single_post_wrap .article_content,
	.page-template-page-about main .page p,
	.main .page div.b_box p,
	.article_content p,
	.page-content p,
	.b_box p,
	.article_content li,
	.page-content li,
	.dictionary_text p,
	.dictionary_text li,
	.dictionary_text ul,
	.dictionary_text,
	.b_box li {
		font-size: 1rem;
		line-height: var(--line-height-base);
	}

	h3 {
		font-size: 1.625rem;
		line-height: 1.2;
	}

	h4 {
		font-size: 1.375rem;
		line-height: 1.25;
	}

	h5 {
		font-size: 1.25rem;
		line-height: 1.3;
	}

	h6 {
		font-size: 1rem;
		line-height: var(--line-height-base);
	}

	.article_content h3,
	.page-content h3,
	.b_box h3 {
		font-size: 1.375rem;
		line-height: 1.25;
		margin-top: 1em;
		margin-bottom: 0.4em;
	}

	.article_content ul,
	.article_content ol,
	.page-content ul,
	.page-content ol,
	.dictionary_text ul,
	.dictionary_text ol,
	.b_box ul,
	.b_box ol {
		padding-left: 1.2em;
		margin-bottom: 0.8em;
	}

	.article_content li,
	.page-content li,
	.b_box li {
		margin-bottom: 0.4em;
		line-height: var(--line-height-base);
	}
}