/* pc-doc-link component + sidebar content styles */

.rd-doc-link {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.rd-doc-link:hover {
	opacity: 0.8;
}

.rd-doc-link-icon {
	font-size: 0.75em;
	opacity: 0.7;
}

.rd-doc-link:hover .rd-doc-link-icon {
	opacity: 1;
}

/* Rendered markdown content inside the sidebar */
.rd-doc-link-content {
	padding: 24px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--rd-text-color, #333);
	overflow-y: auto;
	max-height: 100%;
}

.rd-doc-link-content h1 {
	font-size: 1.5em;
	margin: 0 0 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--rd-border-color, #e0e0e0);
}

.rd-doc-link-content h2 {
	font-size: 1.25em;
	margin: 24px 0 12px;
}

.rd-doc-link-content h3 {
	font-size: 1.1em;
	margin: 20px 0 8px;
}

.rd-doc-link-content p {
	margin: 0 0 12px;
}

.rd-doc-link-content ul,
.rd-doc-link-content ol {
	margin: 0 0 12px;
	padding-left: 24px;
}

.rd-doc-link-content li {
	margin-bottom: 4px;
}

.rd-doc-link-content pre {
	background: #282c34;
	border-radius: 6px;
	padding: 12px 16px;
	overflow-x: auto;
	margin: 0 0 12px;
}

.rd-doc-link-content pre code {
	font-size: 13px;
	line-height: 1.5;
	color: #abb2bf;
}

.rd-doc-link-content code {
	background: rgba(0, 0, 0, 0.06);
	padding: 2px 5px;
	border-radius: 3px;
	font-size: 0.9em;
}

.rd-doc-link-content pre code {
	background: none;
	padding: 0;
}

.rd-doc-link-content table {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 12px;
}

.rd-doc-link-content th,
.rd-doc-link-content td {
	border: 1px solid var(--rd-border-color, #e0e0e0);
	padding: 8px 12px;
	text-align: left;
}

.rd-doc-link-content th {
	background: rgba(0, 0, 0, 0.04);
	font-weight: 600;
}

.rd-doc-link-content strong {
	font-weight: 600;
}

.rd-doc-link-content blockquote {
	border-left: 3px solid var(--rd-primary-color, #1976d2);
	margin: 0 0 12px;
	padding: 8px 16px;
	background: rgba(25, 118, 210, 0.04);
}