:root {
	--sino-v3-ink: #172033;
	--sino-v3-muted: #667085;
	--sino-v3-blue: #0066cc;
	--sino-v3-line: rgba(23, 32, 51, 0.1);
}

body.post-type-archive-docs,
body.single-docs,
body.tax-doc_category {
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", sans-serif;
}

body.post-type-archive-docs .wp-site-blocks > .wp-block-group.is-layout-constrained {
	width: 100%;
	max-width: none;
	padding: 0;
}

.sinoaio-docs-hero {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: clamp(72px, 9vw, 128px) max(24px, calc((100vw - 1200px) / 2));
	background:
		radial-gradient(circle at 82% 18%, rgba(77, 156, 219, 0.2), transparent 28%),
		linear-gradient(145deg, #f8fbff 0%, #eef5f8 56%, #f5f5f7 100%);
	border-bottom: 1px solid var(--sino-v3-line);
}

.sinoaio-docs-hero__inner {
	max-width: 880px;
}

.sinoaio-docs-eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 20px;
	color: var(--sino-v3-blue);
	font-size: 12px;
	font-weight: 650;
	letter-spacing: 0.095em;
}

.sinoaio-docs-eyebrow::before {
	content: "";
	display: block;
	width: 22px;
	height: 2px;
	background: linear-gradient(90deg, #0066cc, #00a6d6);
}

.sinoaio-docs-hero h1 {
	max-width: 800px;
	margin: 0 0 24px;
	color: var(--sino-v3-ink);
	font-size: clamp(48px, 6vw, 80px);
	font-weight: 680;
	letter-spacing: -0.06em;
	line-height: 1.02;
}

.sinoaio-docs-hero__inner > p:last-child {
	max-width: 720px;
	margin: 0;
	color: var(--sino-v3-muted);
	font-size: clamp(17px, 1.5vw, 21px);
	line-height: 1.72;
}

body.post-type-archive-docs [class^="betterdocs-searchbox-"] {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 46px max(24px, calc((100vw - 1200px) / 2));
	background: #f6f8fa;
}

body.post-type-archive-docs .betterdocs-search-layout-1 {
	max-width: 820px;
	margin: 0 auto;
}

body.post-type-archive-docs .betterdocs-search-layout-1 .search-bar {
	border: 1px solid rgba(0, 102, 204, 0.14);
	border-radius: 18px;
	box-shadow: 0 14px 42px rgba(28, 55, 81, 0.08);
}

body.post-type-archive-docs .betterdocs-category-grid-wrapper {
	box-sizing: border-box;
	width: 100%;
	max-width: 1256px;
	margin: 0 auto;
	padding: clamp(68px, 8vw, 112px) 28px;
}

body.post-type-archive-docs .betterdocs-category-grid-inner-wrapper {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px !important;
}

body.post-type-archive-docs .betterdocs-single-category-wrapper {
	min-width: 0;
	border: 1px solid rgba(55, 111, 151, 0.14) !important;
	border-radius: 28px !important;
	box-shadow: 0 16px 44px rgba(30, 52, 72, 0.075) !important;
	overflow: hidden;
}

body.post-type-archive-docs .betterdocs-single-category-inner {
	height: 100%;
	padding: 30px !important;
	background: radial-gradient(circle at 100% 0%, rgba(70, 153, 255, 0.14), transparent 36%), linear-gradient(145deg, #f4f8fb 0%, #fff 78%);
}

body.post-type-archive-docs .betterdocs-category-title a,
body.post-type-archive-docs .betterdocs-articles-list a {
	color: var(--sino-v3-ink) !important;
}

body.post-type-archive-docs .betterdocs-category-title a:hover,
body.post-type-archive-docs .betterdocs-articles-list a:hover {
	color: var(--sino-v3-blue) !important;
}

body.single-docs .betterdocs-entry-content,
body.tax-doc_category .betterdocs-content-area {
	color: #344054;
	font-size: 17px;
	line-height: 1.78;
}

body.single-docs .betterdocs-entry-content h2 {
	margin-top: 2.4em;
	color: var(--sino-v3-ink);
	font-size: clamp(28px, 3vw, 40px);
	font-weight: 650;
	letter-spacing: -0.035em;
}

body.single-docs .docs-single-title .betterdocs-entry-title {
	text-transform: none !important;
}

body.single-docs .betterdocs-entry-content code {
	padding: 0.12em 0.38em;
	background: #eef4f8;
	border-radius: 5px;
	color: #075985;
}

@media (max-width: 900px) {
	body.post-type-archive-docs .betterdocs-category-grid-inner-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	html,
	body {
		overflow-x: hidden;
	}

	body.home .sinoaio-hero-grid {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body.home .sinoaio-hero-copy,
	body.home .sinoaio-hero-art-column {
		box-sizing: border-box;
		width: calc(100% - 18px) !important;
		max-width: calc(100% - 18px) !important;
		flex-basis: auto !important;
	}

	body.home .sinoaio-hero-art-column {
		margin-top: 44px;
	}

	body.home .sinoaio-hero-title {
		max-width: 100%;
		font-size: clamp(35px, 9.4vw, 40px);
		letter-spacing: -0.025em;
		line-height: 1.06;
		text-wrap: wrap;
		word-break: break-all;
		overflow-wrap: anywhere;
	}

	body.home .sinoaio-hero-lead {
		max-width: 100%;
		font-size: 16px;
		line-height: 1.72;
		word-break: normal;
		overflow-wrap: break-word;
	}

	body.home .sinoaio-nowrap {
		white-space: nowrap;
	}

	body.home .sinoaio-hero-art {
		box-sizing: border-box;
		width: 100%;
		transform: none;
	}

	.sinoaio-docs-hero {
		padding: 66px 22px 70px;
	}

	.sinoaio-docs-hero__inner {
		width: calc(100% - 18px);
		max-width: calc(100% - 18px);
	}

	.sinoaio-docs-hero h1 {
		font-size: clamp(37px, 10.4vw, 48px);
		letter-spacing: -0.025em;
		line-height: 1.06;
		text-wrap: wrap;
		word-break: break-all;
		overflow-wrap: anywhere;
	}

	.sinoaio-docs-hero__inner > p:last-child {
		word-break: break-all;
		overflow-wrap: anywhere;
	}

	body.post-type-archive-docs [class^="betterdocs-searchbox-"] {
		padding: 28px 22px;
	}

	body.post-type-archive-docs .betterdocs-category-grid-wrapper {
		padding: 54px 22px 76px;
	}

	body.post-type-archive-docs .betterdocs-category-grid-inner-wrapper {
		grid-template-columns: 1fr;
	}
}