/* Docs article (com_content/article/document.php): the blog "On this page" card (css/blog-toc.css)
   in a right sidebar, wider than the blog's because the docs container is wider. No Share footer. */
@media (min-width: 992px) {
	.view-document .content-documents > .row {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 280px;
		column-gap: 40px;
		margin-left: 0;
		margin-right: 0;
	}
	.view-document .content-documents > .row > [class*="col-"] {
		width: auto;
		max-width: none;
		flex: none;
		padding-left: 0;
		padding-right: 0;
	}
	/* Sidebar comes first in the markup (mobile flow); show it on the right. */
	.view-document .content-documents > .row > .col-sm-3 { grid-column: 2; grid-row: 1; }
	.view-document .content-documents > .row > .col-sm-9 { grid-column: 1; grid-row: 1; }
	.view-document .sidebar { text-align: left; }
	/* No Share card under the TOC: keep all four corners round. */
	.item-blog.view-document .sidebar > .px-toc:not([hidden]):last-child { border-radius: 16px; margin-bottom: 24px; }
}
@media (min-width: 1200px) {
	.view-document .content-documents > .row { grid-template-columns: minmax(0, 1fr) 320px; column-gap: 56px; }
}
@media (min-width: 1400px) {
	.view-document .content-documents > .row { grid-template-columns: minmax(0, 1fr) 340px; column-gap: 64px; }
}
@media (max-width: 991.98px) {
	.view-document .content-documents > .row > .col-sm-3,
	.view-document .content-documents > .row > .col-sm-9 { flex: 0 0 100%; max-width: 100%; }
	.view-document .sidebar { position: static; }
}

/* Breadcrumbs above the title: plain text line, no box. */
.view-document .document-breadcrumbs { margin: 0 0 12px; font-size: .9rem; }
.view-document .document-breadcrumbs > *,
.view-document .document-breadcrumbs nav,
.view-document .document-breadcrumbs .breadcrumb,
.view-document .document-breadcrumbs .mod-breadcrumbs { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }