/* Source-backed RTD guide composition. */
.single-tc_guide .tc-rich-content {
	padding-block: 80px;
}

.single-tc_guide .tc-guide-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 336px);
	gap: 64px;
	align-items: start;
	width: 100%;
	max-width: none;
}

.tc-guide-layout > .wp-block-group {
	min-width: 0;
}

.tc-guide-main {
	max-width: 656px;
}

.tc-guide-main > :first-child {
	margin-top: 0;
}

.tc-guide-main > h2:first-child {
	font-size: clamp(24px, 2.2vw, 30px);
}

.tc-guide-main > .wp-block-table {
	display: flex;
	flex-direction: column;
	margin-top: 24px;
}

.tc-guide-main > .wp-block-table .tc-table-scroll {
	order: 2;
	overflow: visible;
}

.tc-guide-main > .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
}

.tc-guide-main > .wp-block-table figcaption {
	order: 1;
	margin: 0 0 14px;
	color: var(--tc-ink);
	font-size: 16px;
	font-weight: 600;
	text-align: left;
}

.tc-guide-main > .wp-block-table th,
.tc-guide-main > .wp-block-table td {
	border: 0;
	border-bottom: 1px solid var(--tc-rule);
	padding: 8px 16px 8px 0;
	text-align: left;
	vertical-align: top;
}

.tc-guide-main > .wp-block-table thead th {
	border-bottom-color: var(--tc-ink);
}

.tc-guide-main > .wp-block-table th:first-child,
.tc-guide-main > .wp-block-table td:first-child {
	width: 144px;
}

.tc-guide-main > .wp-block-table tbody th {
	font-weight: 400;
}

.tc-guide-sidebar {
	position: sticky;
	top: 32px;
}

.tc-guide-choice {
	position: relative;
	padding: 28px;
	background:
		linear-gradient(#444, #444) left top / 22px 1px no-repeat,
		linear-gradient(#444, #444) left top / 1px 22px no-repeat,
		linear-gradient(#444, #444) right top / 22px 1px no-repeat,
		linear-gradient(#444, #444) right top / 1px 22px no-repeat,
		linear-gradient(#444, #444) left bottom / 22px 1px no-repeat,
		linear-gradient(#444, #444) left bottom / 1px 22px no-repeat,
		linear-gradient(#444, #444) right bottom / 22px 1px no-repeat,
		linear-gradient(#444, #444) right bottom / 1px 22px no-repeat;
}

.tc-guide-choice h2 {
	margin: 0 0 16px;
	font-size: 24px;
}

.tc-guide-choice h2::before {
	content: none;
}

.tc-guide-choice p {
	font-size: 15px;
}

.tc-guide-choice > p:last-child {
	margin: 24px 0 0;
}

.tc-guide-choice > p:last-child a {
	display: block;
	padding: 12px 16px;
	border: 1px solid var(--tc-ink);
	color: var(--tc-ink);
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
}

.tc-guide-sidebar > h3 {
	margin: 40px 0 0;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--tc-ink);
	font-size: 17px;
	font-weight: 600;
}

.tc-guide-sidebar > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tc-guide-sidebar > ul li {
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px solid var(--tc-rule);
}

.tc-guide-sidebar > ul a {
	font-weight: 500;
	text-decoration: none;
}

@media (max-width: 850px) {
	.single-tc_guide .tc-rich-content {
		padding-block: 48px;
	}

	.single-tc_guide .tc-guide-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
	}

	.tc-guide-main {
		max-width: none;
	}

	.tc-guide-sidebar {
		position: static;
	}
}

@media (max-width: 560px) {
	.tc-guide-main > .wp-block-table th:first-child,
	.tc-guide-main > .wp-block-table td:first-child {
		width: 104px;
	}
}

/* Imported reference tables inside guide bodies (for example the EMF conversion tables). */
.single-tc_guide .tc-prose .tc-table-scroll{border:1px solid var(--tc-rule);background:#fff;margin:24px 0 38px}
.single-tc_guide .tc-prose table{width:100%;min-width:620px;border-collapse:collapse;font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums;margin:0}
.single-tc_guide .tc-prose th,.single-tc_guide .tc-prose td{padding:7px 10px;border-bottom:1px solid var(--tc-rule);text-align:right;vertical-align:middle;white-space:nowrap}
.single-tc_guide .tc-prose th:first-child,.single-tc_guide .tc-prose td:first-child{text-align:left;position:sticky;left:0;background:#fff;border-right:1px solid var(--tc-rule)}
.single-tc_guide .tc-prose th{background:var(--tc-stage);font-weight:600}
.single-tc_guide .tc-prose td p{margin:0}
.single-tc_guide .tc-prose tbody tr:nth-child(even) td{background:#fafafa}
.single-tc_guide .tc-prose tbody tr:nth-child(even) td:first-child{background:#f4f4f3}
.single-tc_guide .tc-prose tr:last-child>td{border-bottom:0}
