/*
 * EazyDocs content styles ported from the developer site (Docy theme), so docs
 * look the same there and here. Scoped to EazyDocs containers only; the site
 * header/footer keep the OEM theme styles.
 */
.doc_documentation_area,
.eazydocs_shortcode {
	font-family: Inter, sans-serif;
	font-size: 14.5px;
	line-height: 28px;
}

.doc_documentation_area h1,
.doc_documentation_area h2,
.doc_documentation_area h3,
.doc_documentation_area h4 {
	color: #0c0d0e;
	line-height: 1.3;
}

.doc_documentation_area .doc-title {
	font-family: Inter, sans-serif;
}

.doc-scrollable p {
	margin-bottom: 20.8px;
	line-height: 1.9;
}

.doc-scrollable h2,
.doc-scrollable h3 {
	margin-bottom: 20px;
	scroll-margin-top: 80px; /* Docy's anchor offset under the header. */
}

.doc-scrollable h2 {
	font-weight: 600;
}

.doc-scrollable h3 {
	font-weight: 500;
}

.doc-scrollable ul,
.doc-scrollable ol {
	padding-left: 20px;
	margin-bottom: 10px;
}

.doc-scrollable a {
	color: #000;
	text-decoration: underline 2px rgba(115, 90, 255, 0.4);
	text-underline-offset: 3px;
}

/* Tables: no cell borders, light row rules, heavy header rule. */
.doc-scrollable table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 25px;
}

.doc-scrollable thead {
	border-bottom: 3px solid #000;
}

.doc-scrollable .wp-block-table th,
.doc-scrollable .wp-block-table td,
.doc-scrollable th,
.doc-scrollable td {
	border: 0;
	border-top: 1px solid #ebebeb;
	padding: 0.5em;
	vertical-align: middle;
}

.doc-scrollable .wp-block-table th,
.doc-scrollable th {
	font-weight: 500;
	padding-right: 10px;
}

/* Inline code / kbd chips. */
.doc-scrollable code {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 0.875em;
	color: #d63384;
	background: #f9f9f9;
	padding: 0.25em 0.5em;
}

.doc-scrollable pre code {
	color: inherit;
	background: none;
	padding: 0;
}

.doc-scrollable kbd {
	display: inline-block;
	font-family: Roboto, sans-serif;
	font-size: 13.6px;
	line-height: 9.6px;
	color: #6b707f;
	background: #fff;
	border: 1px solid #ebebeb;
	border-radius: 0.3em;
	padding: 0.5em 0.6em 0.4em;
	margin: 2px 0;
}

/* Share modal: center every icon (the X link holds an SVG, which sat off the font-icon baseline). */
.eazydocs-share-wrap > .social-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	padding-top: 0;
}

/* EazyDocs hangs a 75px grey filler under the sidebar (for its credit line, unused here); it spilled over the site footer. */
.doc_left_sidebarlist.credit-text-container::after {
	display: none;
}
