.wdocs {
	box-sizing: border-box;
	color: var(--wd-text-color, #3c4858);
	font-family: var(--wd-font-family, inherit);
	--wd-brand-light: #1FA0E7;
	--wd-brand-dark: #1a4d80;
	--wd-tint: #eaf4fd;
	--wd-tint-strong: #d7e9f9;
}

.wdocs {
	--wd-tint: color-mix(in srgb, var(--wd-accent, #1573C2) 8%, #fff);
	--wd-tint-strong: color-mix(in srgb, var(--wd-accent, #1573C2) 16%, #fff);
}

.wdocs *,
.wdocs *::before,
.wdocs *::after {
	box-sizing: inherit;
}

.wdocs a {
	color: var(--wd-link-color, #1573C2);
}

.wdocs-notice {
	padding: 12px 16px;
	border-left: 3px solid var(--wd-accent, #1573C2);
	background: var(--wd-tint);
}

/* -------------------------------------------------- layout */

.wdocs-single,
.wdocs-embed {
	display: flex;
	align-items: flex-start;
	gap: 36px;
	max-width: calc(var(--wd-content-width, 860px) + var(--wd-sidebar-width, 280px) + 36px);
	margin: 0 auto;
	padding: 24px 16px 56px;
}

.wdocs-main {
	flex: 1 1 auto;
	min-width: 0;
	max-width: var(--wd-content-width, 860px);
}

.wdocs-no-sidebar .wdocs-main {
	margin: 0 auto;
}

/* -------------------------------------------------- sidebar */

.wdocs-sidebar {
	flex: 0 0 auto;
	width: var(--wd-sidebar-width, 280px);
	position: sticky;
	top: 24px;
	padding: 6px;
	border: 1px solid var(--wd-border-color, #dbe6f1);
	border-radius: calc(var(--wd-radius, 8px) + 4px);
	background: #fff;
	box-shadow: 0 1px 2px rgba(26, 77, 128, 0.05);
}

.wdocs-sidebar-head {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	padding: 12px 12px 14px;
	border-bottom: 1px solid var(--wd-border-color, #dbe6f1);
}

.wdocs-sidebar-head::before {
	content: "";
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	background-color: var(--wd-accent, #1573C2);
	-webkit-mask: center / 18px 18px no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E");
	mask: center / 18px 18px no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E");
}

.wdocs-sidebar-title {
	font-family: var(--wd-heading-font, inherit);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--wd-brand-dark, #1a4d80);
	text-decoration: none;
}

.wdocs-sidebar-title:hover {
	color: var(--wd-accent, #1573C2);
}

.wdocs-sidebar-toggle {
	display: none;
	width: 100%;
	padding: 11px 14px;
	border: 0;
	border-radius: var(--wd-radius, 8px);
	background: var(--wd-tint);
	color: var(--wd-brand-dark, #1a4d80);
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}

.wdocs-filter {
	position: relative;
	margin: 10px;
}

.wdocs-filter::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 11px;
	width: 15px;
	height: 15px;
	margin-top: -7px;
	pointer-events: none;
	background-color: #90a4bb;
	-webkit-mask: center / 15px 15px no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
	mask: center / 15px 15px no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
}

.wdocs-filter-input {
	width: 100%;
	padding: 9px 12px 9px 34px;
	border: 1px solid var(--wd-border-color, #dbe6f1);
	border-radius: var(--wd-radius, 8px);
	background: #fbfdff;
	color: inherit;
	font: inherit;
	font-size: 14px;
}

.wdocs-filter-input:focus {
	outline: none;
	border-color: var(--wd-accent, #1573C2);
	box-shadow: 0 0 0 3px var(--wd-tint);
	background: #fff;
}

.wdocs-nav {
	max-height: calc(100vh - 190px);
	overflow-y: auto;
	padding: 2px 6px 8px;
}

.wdocs-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wdocs-nav-item > .wdocs-nav-list {
	overflow: hidden;
	margin-left: 13px;
	padding-left: 9px;
	border-left: 1px solid var(--wd-border-color, #dbe6f1);
	transition: height 0.22s ease;
}

.wdocs-nav-item:not(.is-open) > .wdocs-nav-list {
	height: 0;
}

.wdocs-nav-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 1px 0;
	padding: 7px 8px;
	border-radius: 7px;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.wdocs-nav-row > a {
	flex: 1 1 auto;
	min-width: 0;
	color: inherit;
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
}

.wdocs-nav-icon {
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
	opacity: 0.75;
	background-color: currentColor;
	-webkit-mask: center / 15px 15px no-repeat var(--wd-icon);
	mask: center / 15px 15px no-repeat var(--wd-icon);
}

.wdocs-nav-item.is-leaf > .wdocs-nav-row > .wdocs-nav-icon {
	--wd-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E");
}

.wdocs-nav-item.has-children > .wdocs-nav-row > .wdocs-nav-icon {
	--wd-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h4l2 2.5h6a2 2 0 0 1 2 2V17a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}

.wdocs-nav-item.has-children.is-open > .wdocs-nav-row > .wdocs-nav-icon {
	--wd-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h4l2 2.5h6a2 2 0 0 1 2 2v1H3z'/%3E%3Cpath d='M3 10.5h18L19.2 18a2 2 0 0 1-2 1.5H5.8A2 2 0 0 1 4 18z'/%3E%3C/svg%3E");
}

.wdocs-nav-row:hover {
	background: var(--wd-tint);
	color: var(--wd-accent, #1573C2);
}

.wdocs-nav-item.is-ancestor > .wdocs-nav-row > a {
	color: var(--wd-brand-dark, #1a4d80);
	font-weight: 600;
}

.wdocs-nav-item.is-current > .wdocs-nav-row {
	background: var(--wd-tint-strong);
	box-shadow: inset 2px 0 0 var(--wd-accent, #1573C2);
	color: var(--wd-accent, #1573C2);
}

.wdocs-nav-item.is-current > .wdocs-nav-row > a {
	font-weight: 600;
}

.wdocs-nav-item.is-current.has-children > .wdocs-nav-row {
	background: var(--wd-accent, #1573C2);
	box-shadow: none;
	color: #fff;
}

.wdocs-nav-item.is-current > .wdocs-nav-row > .wdocs-nav-icon {
	opacity: 1;
}

.wdocs-nav-toggle {
	flex: 0 0 auto;
	position: relative;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	border-radius: 5px;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.wdocs-nav-toggle:hover {
	background: rgba(255, 255, 255, 0.35);
}

.wdocs-nav-toggle::before {
	content: "";
	position: absolute;
	top: 7px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	opacity: 0.6;
	transition: transform 0.18s ease;
}

.wdocs-nav-item.is-open > .wdocs-nav-row > .wdocs-nav-toggle::before,
.wdocs-card-section.is-open > .wdocs-card-row > .wdocs-nav-toggle::before {
	transform: rotate(45deg);
}

.wdocs-filter-empty {
	margin: 10px;
	font-size: 14px;
	opacity: 0.7;
}

/* -------------------------------------------------- breadcrumb */

.wdocs-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-bottom: 18px;
	font-size: 14px;
}

.wdocs-breadcrumb a {
	text-decoration: none;
}

.wdocs-breadcrumb a:hover {
	color: var(--wd-brand-light, #1FA0E7);
	text-decoration: underline;
}

.wdocs-breadcrumb .wdocs-sep {
	opacity: 0.45;
}

.wdocs-crumb-current {
	opacity: 0.75;
}

/* -------------------------------------------------- article */

.wdocs-article-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}

.wdocs-title {
	margin: 0 0 var(--wd-heading-bottom, 12px);
	font-family: var(--wd-heading-font, inherit);
	font-size: var(--wd-h1-size, 32px);
	font-weight: var(--wd-heading-weight, 700);
	color: var(--wd-heading-color, #1a4d80);
	line-height: 1.2;
}

.wdocs-print {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border: 1px solid var(--wd-border-color, #dbe6f1);
	border-radius: var(--wd-radius, 8px);
	background: #fff no-repeat center / 16px 16px url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231573C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V2h12v7'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E");
	cursor: pointer;
}

.wdocs-print:hover {
	border-color: var(--wd-accent, #1573C2);
	background-color: var(--wd-tint);
}

/* -------------------------------------------------- entry content */

.wdocs-entry {
	font-size: var(--wd-font-size, 16px);
	font-weight: var(--wd-font-weight, 400);
	line-height: var(--wd-line-height, 1.7);
	text-align: var(--wd-text-align, left);
	overflow-wrap: break-word;
}

.wdocs-entry > *:first-child {
	margin-top: 0;
}

.wdocs-entry p {
	margin: 0 0 var(--wd-para-spacing, 18px);
}

.wdocs-entry h1,
.wdocs-entry h2,
.wdocs-entry h3,
.wdocs-entry h4,
.wdocs-entry h5,
.wdocs-entry h6,
.wdocs-full-title {
	margin: var(--wd-heading-top, 30px) 0 var(--wd-heading-bottom, 12px);
	font-family: var(--wd-heading-font, inherit);
	font-weight: var(--wd-heading-weight, 700);
	color: var(--wd-heading-color, #1a4d80);
	line-height: 1.3;
}

.wdocs-entry h1 { font-size: var(--wd-h1-size, 32px); }
.wdocs-entry h2 { font-size: var(--wd-h2-size, 26px); }
.wdocs-entry h3 { font-size: var(--wd-h3-size, 22px); }
.wdocs-entry h4 { font-size: var(--wd-h4-size, 19px); }
.wdocs-entry h5 { font-size: var(--wd-h5-size, 17px); }
.wdocs-entry h6 { font-size: var(--wd-h6-size, 15px); }

.wdocs-entry ul,
.wdocs-entry ol {
	margin: 0 0 var(--wd-para-spacing, 18px);
	padding-left: var(--wd-list-indent, 24px);
}

.wdocs-entry ul { list-style-type: var(--wd-list-style, disc); }
.wdocs-entry ol { list-style-type: var(--wd-list-number, decimal); }

.wdocs-entry li {
	margin-bottom: var(--wd-list-gap, 6px);
}

.wdocs-entry li > ul,
.wdocs-entry li > ol {
	margin: var(--wd-list-gap, 6px) 0 0;
}

.wdocs-entry a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.wdocs-entry a:hover {
	color: var(--wd-brand-light, #1FA0E7);
}

.wdocs-entry img {
	max-width: 100%;
	height: auto;
	border: var(--wd-image-border, 1px) solid var(--wd-border-color, #dbe6f1);
	border-radius: var(--wd-image-radius, 4px);
}

.wdocs-entry figure {
	margin: 0 0 var(--wd-para-spacing, 18px);
}

.wdocs-entry blockquote {
	margin: 0 0 var(--wd-para-spacing, 18px);
	padding: 4px 0 4px 18px;
	border-left: 3px solid var(--wd-border-color, #dbe6f1);
	font-style: italic;
}

.wdocs-entry hr {
	height: 0;
	margin: 28px 0;
	border: 0;
	border-top: 1px solid var(--wd-border-color, #dbe6f1);
}

.wdocs-entry code {
	padding: 2px 5px;
	border-radius: 4px;
	background: #eef3f8;
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 0.9em;
}

.wdocs-entry pre {
	margin: 0 0 var(--wd-para-spacing, 18px);
	padding: 14px 16px;
	overflow-x: auto;
	border: 1px solid var(--wd-border-color, #dbe6f1);
	border-radius: var(--wd-radius, 8px);
	background: #f7fafd;
	line-height: 1.5;
}

.wdocs-entry pre code {
	padding: 0;
	background: none;
}

.wdocs-note,
.wdocs-warning {
	margin: 0 0 var(--wd-para-spacing, 18px);
	padding: 14px 16px;
	border-left: 3px solid var(--wd-accent, #1573C2);
	border-radius: 0 var(--wd-radius, 8px) var(--wd-radius, 8px) 0;
	background: var(--wd-tint);
}

.wdocs-warning {
	border-left-color: #d98324;
	background: #fdf6ec;
}

.wdocs-small {
	font-size: 0.85em;
}

/* tables */

.wdocs-table-wrap {
	max-width: 100%;
	margin: 0 0 var(--wd-para-spacing, 18px);
	overflow-x: auto;
}

.wdocs-entry table {
	width: 100%;
	margin: 0 0 var(--wd-para-spacing, 18px);
	border-collapse: collapse;
	font-size: var(--wd-table-font-size, 15px);
}

.wdocs-table-wrap table {
	margin: 0;
}

.wdocs-entry th,
.wdocs-entry td {
	padding: 9px 12px;
	border: 1px solid var(--wd-border-color, #dbe6f1);
	text-align: left;
	vertical-align: top;
}

.wdocs-entry th {
	background: var(--wd-table-head-bg, #eaf4fd);
	font-weight: 600;
	color: var(--wd-heading-color, #1a4d80);
}

.wdocs-entry td > p:last-child,
.wdocs-entry th > p:last-child {
	margin-bottom: 0;
}

.wdocs-entry table.wdocs-table-striped tbody tr:nth-child(even) {
	background: rgba(26, 77, 128, 0.035);
}

.wdocs-entry .wdocs-table-compact th,
.wdocs-entry .wdocs-table-compact td {
	padding: 5px 8px;
	font-size: 0.92em;
}

/* -------------------------------------------------- child index & nav */

.wdocs-child-index {
	margin-top: 36px;
	padding: 18px 22px;
	border: 1px solid var(--wd-border-color, #dbe6f1);
	border-radius: var(--wd-radius, 8px);
	background: #fafcff;
}

.wdocs-child-index h2 {
	margin: 0 0 10px;
	font-family: var(--wd-heading-font, inherit);
	font-size: var(--wd-h3-size, 22px);
	font-weight: var(--wd-heading-weight, 700);
	color: var(--wd-heading-color, #1a4d80);
}

.wdocs-index {
	margin: 0;
	padding-left: 20px;
}

.wdocs-index ul {
	padding-left: 20px;
}

.wdocs-index li {
	margin: 4px 0;
}

.wdocs-pagenav {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin-top: 32px;
	padding-top: 18px;
	border-top: 1px solid var(--wd-border-color, #dbe6f1);
}

.wdocs-pagenav a {
	max-width: 48%;
	padding: 8px 12px;
	border-radius: var(--wd-radius, 8px);
	text-decoration: none;
	transition: background-color 0.15s ease;
}

.wdocs-pagenav a:hover {
	background: var(--wd-tint);
}

.wdocs-pagenav .wdocs-next {
	margin-left: auto;
	text-align: right;
}

.wdocs-pagenav span {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	opacity: 0.6;
}

.wdocs-pagenav strong {
	font-weight: 600;
}

.wdocs-article-foot {
	margin-top: 22px;
	font-size: 13px;
	opacity: 0.7;
}

/* -------------------------------------------------- card list */

.wdocs-list {
	max-width: calc(var(--wd-content-width, 860px) + var(--wd-sidebar-width, 280px) + 36px);
	margin: 0 auto;
	padding: 8px 0 32px;
}

.wdocs-single-card {
	max-width: 100%;
	padding: 0;
}

.wdocs-list-filter {
	max-width: 420px;
	margin: 0 0 24px;
}

.wdocs-cards {
	display: grid;
	grid-template-columns: repeat(var(--wd-cols, 2), minmax(0, 1fr));
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wdocs-cards.cols-1 { --wd-cols: 1; }
.wdocs-cards.cols-2 { --wd-cols: 2; }
.wdocs-cards.cols-3 { --wd-cols: 3; }
.wdocs-cards.cols-4 { --wd-cols: 4; }

.wdocs-cards.is-single {
	grid-template-columns: minmax(0, 480px);
}

.wdocs-card {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 22px 24px;
	border: 1px solid var(--wd-border-color, #dbe6f1);
	border-radius: calc(var(--wd-radius, 8px) + 2px);
	background: #fff;
	box-shadow: 0 1px 2px rgba(26, 77, 128, 0.05);
	transition: box-shadow 0.18s ease, border-color 0.18s ease;
}

.wdocs-card:hover {
	border-color: var(--wd-brand-light, #1FA0E7);
	box-shadow: 0 6px 18px rgba(26, 77, 128, 0.1);
}

.wdocs-card-title {
	margin: 0 0 14px;
	font-family: var(--wd-heading-font, inherit);
	font-size: var(--wd-h3-size, 22px);
	font-weight: var(--wd-heading-weight, 700);
	line-height: 1.25;
}

.wdocs-card-title a {
	color: var(--wd-heading-color, #1a4d80);
	text-decoration: none;
}

.wdocs-card-title a:hover {
	color: var(--wd-accent, #1573C2);
}

.wdocs-card-body {
	flex: 1 1 auto;
	max-height: 264px;
	overflow-y: auto;
	padding-right: 6px;
	scrollbar-width: thin;
}

.wdocs-card-tree,
.wdocs-card-articles {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wdocs-card-articles {
	overflow: hidden;
	margin: 0 0 4px 8px;
	padding-left: 14px;
	border-left: 1px solid var(--wd-border-color, #dbe6f1);
	transition: height 0.22s ease;
}

.wdocs-card-section:not(.is-open) > .wdocs-card-articles {
	height: 0;
}

.wdocs-card-row {
	display: flex;
	align-items: center;
	gap: 4px;
	border-radius: 6px;
	padding: 2px 4px;
	transition: background-color 0.15s ease;
}

.wdocs-card-row:hover {
	background: var(--wd-tint);
}

.wdocs-card-row > a {
	flex: 1 1 auto;
	padding: 4px 0;
	color: var(--wd-brand-dark, #1a4d80);
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
}

.wdocs-card-row > a:hover {
	color: var(--wd-accent, #1573C2);
}

.wdocs-card-articles li {
	position: relative;
}

.wdocs-card-articles a {
	display: block;
	padding: 5px 6px;
	border-radius: 5px;
	font-size: 14px;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.wdocs-card-articles a:hover {
	background: var(--wd-tint);
	color: var(--wd-accent, #1573C2);
}

.wdocs-card-empty {
	margin: 0;
	font-size: 14px;
	opacity: 0.7;
}

.wdocs-card-foot {
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid var(--wd-border-color, #dbe6f1);
}

.wdocs-more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	text-decoration: none;
}

.wdocs-more::after {
	content: "";
	width: 14px;
	height: 14px;
	background-color: currentColor;
	-webkit-mask: center / 14px 14px no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E");
	mask: center / 14px 14px no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E");
	transition: transform 0.15s ease;
}

.wdocs-more:hover {
	color: var(--wd-brand-light, #1FA0E7);
}

.wdocs-more:hover::after {
	transform: translateX(3px);
}

/* -------------------------------------------------- responsive */

@media (max-width: 880px) {
	.wdocs-single,
	.wdocs-embed {
		flex-direction: column;
		gap: 16px;
		padding: 16px 12px 40px;
	}

	.wdocs-sidebar {
		position: static;
		width: 100%;
		padding: 0;
		border: 0;
		box-shadow: none;
	}

	.wdocs-sidebar-toggle {
		display: block;
	}

	.wdocs-sidebar-head,
	.wdocs-sidebar .wdocs-filter,
	.wdocs-sidebar .wdocs-nav {
		display: none;
	}

	.wdocs-sidebar.is-open .wdocs-sidebar-head,
	.wdocs-sidebar.is-open .wdocs-filter,
	.wdocs-sidebar.is-open .wdocs-nav {
		display: block;
	}

	.wdocs-sidebar.is-open .wdocs-sidebar-head {
		display: flex;
	}

	.wdocs-sidebar.is-open {
		padding: 6px;
		border: 1px solid var(--wd-border-color, #dbe6f1);
		border-radius: calc(var(--wd-radius, 8px) + 4px);
	}

	.wdocs-nav {
		max-height: 60vh;
	}

	.wdocs-main {
		max-width: 100%;
	}

	.wdocs-cards,
	.wdocs-cards.is-single {
		grid-template-columns: 1fr;
	}

	.wdocs-card-body {
		max-height: none;
	}

	.wdocs-pagenav {
		flex-direction: column;
	}

	.wdocs-pagenav a {
		max-width: 100%;
	}

	.wdocs-pagenav .wdocs-next {
		text-align: left;
	}
}

/* -------------------------------------------------- print */

@media print {
	.wdocs-sidebar,
	.wdocs-breadcrumb,
	.wdocs-pagenav,
	.wdocs-print,
	.wdocs-filter {
		display: none !important;
	}

	.wdocs-single,
	.wdocs-embed {
		display: block;
		padding: 0;
	}

	.wdocs-main {
		max-width: 100%;
	}

	.wdocs-entry a {
		text-decoration: none;
	}
}