.kd-page .kd-article { padding-bottom: 0; }
.kd-meta { margin: 8px 0 0; color: #526278; }
.kd-frame { border: 1px solid #bbdaf1; border-radius: 12px; padding: clamp(14px, 2.6vw, 32px); }
.kd-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.kd-layout--toc { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.kd-sidebar { grid-column: 2; grid-row: 1; align-self: start; min-width: 0; }
.kd-sidebar .combitek-article-toc { margin: 0; max-width: none; }
.kd-article .kd-layout .entry-content { grid-column: 1; grid-row: 1; min-width: 0; margin: 0; max-width: none; overflow-wrap: anywhere; }
.kd-article .entry-content img { max-width: 100%; height: auto; }
.kd-article .entry-content :is(.wp-block-table, pre) { max-width: 100%; overflow-x: auto; }
.kd-navigation { display: flex; gap: 16px; margin-top: 24px; }
.kd-navigation [rel="next"] { margin-left: auto; }
.kd-related { margin: 32px 0; }
.kd-related-header { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px; margin-bottom: 16px; }
.kd-related-header a, .kd-related-copy span { color: #0078b8; }
.kd-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.kd-related-card { display: block; overflow: hidden; border: 1px solid #d2e4f4; border-radius: 10px; color: inherit; }
.kd-related-card img { display: block; width: 100%; height: auto; aspect-ratio: 2; object-fit: cover; }
.kd-related-copy { padding: 14px; }
.kd-related-copy h3 { margin-bottom: 8px; font-size: 2rem; font-weight: 800; }
@media (max-width: 767px) {
	.kd-layout--toc, .kd-related-grid { grid-template-columns: minmax(0, 1fr); }
	.kd-sidebar, .kd-article .kd-layout .entry-content { grid-column: auto; grid-row: auto; }
}

@media (min-width: 768px) {
	.kd-sidebar {
		position: sticky;
		top: 110px;
		max-height: calc(100dvh - 126px);
		overflow-y: auto;
	}
}

@media (min-width: 768px) {
	#wrap_all:has(.kd-article) {
		overflow: clip;
	}
}

@media (prefers-reduced-motion: no-preference) {
	html:has(.kd-sidebar .combitek-article-toc) {
		scroll-behavior: smooth;
	}
}
