/*
 * pcl-fc-pages — viewer styles.
 *
 * The viewer reuses FluentCommunity's portal layout primitives:
 *  - .fcom_single_layout / .fhr_content_layout / .el-scrollbar
 *  - .fhr_content_layout_header + .fhr_page_title (sticky title bar)
 *  - .fhr_content_layout_body.no_bg_layout (the content area)
 *  - .feed_md_content (FC's typography for blocks/lists/headings)
 *
 * That means we inherit FC's spacing, sticky header, scrollbar and content
 * styling for free. The rules below only fill in tiny gaps.
 */

.pcl-fc-page__body img {
	max-width: 100%;
	height: auto;
}

/*
 * Code blocks: WordPress' block editor emits <pre class="wp-block-code">
 * with its own border/background, which collides with FC's feed_md_content
 * pre styling. Re-apply FC's native rules, scoped to our body.
 */
.pcl-fc-page__body pre,
.pcl-fc-page__body pre.wp-block-code {
	margin: 10px 0;
	background: rgba(0, 0, 0, .07);
	font-family: monospace;
	padding: 10px;
	overflow: auto;
	white-space: pre-wrap;
	word-break: break-word;
	max-height: 40vh;
	max-width: 100%;
	box-sizing: border-box;
	border-radius: 8px;
	border: 0;
	color: var(--fcom-primary-text, #606266);
	font-style: normal;
}

.pcl-fc-page__body pre code,
.pcl-fc-page__body pre.wp-block-code code {
	background: transparent;
	white-space: pre-wrap;
	word-break: break-word;
	color: inherit;
}

/*
 * Mobile bottom spacing is handled inline on .el-scrollbar__view via
 * padding-bottom: var(--fcom-mobile-menu-height, 0px) — same pattern as
 * pcl-fc-calendar. On desktop the variable is 0, on mobile FC sets it
 * (e.g. 65px) so the last content line clears the bottom tab bar.
 */