/*
Theme Name: Fluent Themes Classic
Theme URI: https://fluentthemes.com/
Author: Fluent Themes
Description: Lightweight classic theme that preserves the audited Fluent Themes responsive presentation and exact-content contract.
Version: 1.2.9
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: fluent-themes-classic
*/

.ft-article-layout > .ft-page-hero {
	grid-column: 1 / -1;
	width: 100%;
}

.ft-content-shell {
	padding-block: 0;
}

.ft-content-shell > :first-child,
.ft-article-body > :first-child {
	margin-top: 0;
}

.ft-article-body figure,
.ft-content-shell figure {
	margin: var(--ft-space-6) 0;
	max-width: 100%;
	overflow: hidden;
}

.ft-article-body figure img,
.ft-content-shell figure img {
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}

.ft-article-body figure > a,
.ft-content-shell figure > a {
	display: block;
	border-radius: inherit;
}

.ft-article-body figure > a:focus-visible,
.ft-content-shell figure > a:focus-visible {
	outline: 3px solid var(--ft-color-primary-hover);
	outline-offset: 4px;
}

.ft-article-body figcaption,
.ft-content-shell figcaption {
	color: var(--ft-color-muted);
	font-size: 0.95rem;
	margin-top: var(--ft-space-2);
}

.ft-empty-state {
	padding-block: var(--ft-space-8);
}

.ft-article-toc {
	max-height: min(70vh, 42rem);
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
}


.ft-article-toc__details,
.ft-article-toc__details[open] {
	background: transparent;
}

.ft-article-toc__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ft-space-3);
	cursor: pointer;
	font-size: 1.05rem;
	font-weight: 800;
	list-style: none;
	margin: 0;
}

.ft-article-toc__summary::-webkit-details-marker {
	display: none;
}

.ft-article-toc__summary::after {
	border-block-end: 2px solid currentColor;
	border-inline-end: 2px solid currentColor;
	content: "";
	flex: none;
	height: 0.55rem;
	transform: rotate(45deg) translateY(-0.15rem);
	transition: transform 160ms ease;
	width: 0.55rem;
}

.ft-article-toc__details[open] > .ft-article-toc__summary::after {
	transform: rotate(225deg) translateY(-0.05rem);
}

.ft-article-toc__details > ol {
	margin-bottom: 0;
	margin-top: var(--ft-space-4);
}

.ft-article-body table,
.ft-content-shell table {
	border-collapse: collapse;
	margin-block: var(--ft-space-5);
	width: 100%;
}

.ft-article-body th,
.ft-article-body td,
.ft-content-shell th,
.ft-content-shell td {
	border: 1px solid var(--ft-color-border);
	min-width: 9rem;
	padding: var(--ft-space-3);
	text-align: start;
	vertical-align: top;
}

.ft-article-body th,
.ft-content-shell th {
	background: var(--ft-color-surface-soft);
	font-weight: 800;
}

.admin-bar .ft-article-toc {
	top: calc(var(--ft-space-5) + 32px);
}

@media (max-width: 48rem) {
	.ft-article-toc {
		max-height: none;
		overflow: visible;
		scrollbar-gutter: auto;
	}

	.ft-article-toc__summary {
		min-height: 2.75rem;
		touch-action: manipulation;
	}
}

@media (max-width: 48rem) {
	.ft-article-body table,
	.ft-content-shell table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

@media (max-width: 782px) {
	.admin-bar .ft-article-toc {
		top: calc(var(--ft-space-5) + 46px);
	}
}