/*
 * theme.css: "counsel" look, matched to the 2026-10 LinkedIn banner.
 * Loaded after index.css and the template's inline <style>, so it only overrides.
 * Revert: remove the theme.css <link> (and the fonts <link>) in template-main.php.
 */
:root {
	--th-ink: #15171c;
	--th-body: #33373e;
	--th-muted: #6b6f76;
	--th-bronze: #9a6a1f;
	--th-bronze-ink: #855a15;
	--th-paper: #f5efe6;
	--th-wash: #ece4d6;
	--th-line: #ded4c3;
	--th-serif: "Newsreader", "Iowan Old Style", Georgia, serif;
	--th-sans: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;

	/* Blog listing palette (index.css) re-pointed from green to bronze. */
	--bi-ink: var(--th-ink);
	--bi-muted: var(--th-muted);
	--bi-line: var(--th-line);
	--bi-wash: var(--th-wash);
	--bi-slate: var(--th-ink);
	--bi-green: var(--th-bronze);
	--bi-green-ink: var(--th-bronze-ink);
}

/* ---------- Base ---------- */
* {
	font-family: var(--th-sans);
}
body {
	color: var(--th-body);
	background: var(--th-paper);
	filter: none;
	font-size: 16px;
}
.content {
	color: var(--th-body);
	line-height: 1.75;
}
.content p {
	text-align: left;
}
.content h1, .content h2, .content h3,
.postHolder h2, .modal h3 {
	font-family: var(--th-serif);
	color: var(--th-ink);
	font-weight: 500;
	letter-spacing: -0.005em;
}
.content h1 {
	font-size: 2.3em;
	line-height: 1.15;
}
.content h2 {
	font-size: 1.75em;
	line-height: 1.2;
}
.content h3 {
	font-size: 1.2em;
	line-height: 1.3;
}
.content a, .content a:visited {
	color: var(--th-bronze-ink);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.content a:hover {
	color: var(--th-ink);
}
::selection {
	background: rgba(154, 106, 31, .18);
}

/* ---------- Header / hero ---------- */
header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	column-gap: 44px;
	align-items: center;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 24px 56px;
	text-align: left !important;
	background: none;
	color: var(--th-body);
	border-bottom: 1px solid var(--th-line);
}
header::before {
	display: none;
}
header nav {
	grid-column: 1 / -1;
	margin: 0 0 40px;
	padding: 18px 0 14px;
	border-bottom: 1px solid var(--th-line);
}
nav ul {
	margin: 0;
	padding: 0;
}
nav ul li {
	margin-left: 28px;
	line-height: 28px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .18em;
	text-transform: uppercase;
}
nav ul li a, nav ul li a:visited {
	color: var(--th-ink);
	text-decoration: none;
}
nav ul li a:hover {
	color: var(--th-bronze);
}
nav ul li[title] {
	text-shadow: none;
	text-decoration: none;
}
body[data-page] nav ul li[title] a {
	padding-bottom: 4px;
}
body[data-page="home"] nav li[title="home"] a,
body[data-page="second-opinion"] nav li[title="second-opinion"] a,
body[data-page="blog"] nav li[title="blog"] a,
body[data-page="about"] nav li[title="about"] a {
	border-bottom: 1px solid var(--th-bronze);
}

header > picture {
	grid-column: 2;
	grid-row: 2 / span 6;
	align-self: center;
}
header .profileImg,
body.loaded header .profileImg {
	display: block;
	width: 240px;
	height: 300px;
	margin: 0;
	object-fit: cover;
	object-position: 50% 20%;
	border: 0;
	border-radius: 2px;
	transform: none;
	transition: none;
	box-shadow: 0 1px 0 var(--th-line), 0 18px 40px -24px rgba(21, 23, 28, .45);
}

header h1,
header > div:first-of-type:not(#contactModal) {
	grid-column: 1;
	margin: 0;
	font-family: var(--th-serif);
	font-size: 3.4em;
	font-weight: 500;
	line-height: 1.05;
	letter-spacing: -0.015em;
	color: var(--th-ink);
}
header h2,
header > div:nth-of-type(2):not(#contactModal) {
	grid-column: 1;
	margin: 4px 0 0;
	font-family: var(--th-serif);
	font-size: 2.6em;
	font-weight: 500;
	line-height: 1.1;
	color: var(--th-bronze);
	animation: none;
	transform: none;
}
header h2::after,
header > div:nth-of-type(2):not(#contactModal)::after {
	content: "";
	display: block;
	width: 64px;
	height: 2px;
	margin: 26px 0 0;
	background: var(--th-bronze);
}
header .marker {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}
header p {
	grid-column: 1;
	margin: 22px 0 0;
	font-size: 18px;
	line-height: 1.6;
	color: var(--th-body);
}

a.btn,
header a.btn {
	grid-column: 1;
	justify-self: start;
	width: auto;
	margin: 32px 0 0;
	padding: 15px 30px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .04em;
	color: var(--th-paper);
	background: var(--th-ink);
	border-radius: 2px;
	text-shadow: none;
	transition: background-color .2s;
}
a.btn:hover {
	transform: none;
	box-shadow: none;
	background: var(--th-bronze-ink);
}
header > a:not(.btn) {
	grid-column: 1;
	justify-self: start;
	margin-top: 16px;
	font-size: 14px;
	color: var(--th-muted);
	border-bottom: 1px solid var(--th-line);
}
header > a:not(.btn):hover {
	color: var(--th-ink);
	border-color: var(--th-ink);
}
header > a:not(.btn) i {
	font-size: .8em;
	margin-left: 2px;
}

@media (max-width: 760px) {
	header {
		grid-template-columns: 1fr;
		padding: 0 20px 40px;
	}
	header nav {
		margin-bottom: 28px;
	}
	header > picture {
		grid-column: 1;
		grid-row: auto;
		margin-bottom: 24px;
	}
	header .profileImg,
	body.loaded header .profileImg {
		width: 132px;
		height: 160px;
	}
	header h1,
	header > div:first-of-type:not(#contactModal) {
		font-size: 2.6em;
	}
	header h2,
	header > div:nth-of-type(2):not(#contactModal) {
		font-size: 2em;
	}
	header p {
		width: auto;
		margin: 20px 0 0;
		font-size: 17px;
	}
}
@media screen and (orientation: portrait) and (max-width: 430px) {
	header nav {
		float: none;
	}
	nav ul {
		text-align: left;
	}
	nav ul li {
		display: inline-block;
		margin: 0 18px 0 0;
		font-size: 11px;
		letter-spacing: .14em;
	}
	.content h2 {
		text-align: left;
	}
}

/* ---------- Home page blocks (webcontent.php) ---------- */
#home.content {
	padding-top: 24px;
}
#home h2 {
	margin: 56px 0 16px;
}
.hp-lead {
	font-size: 1.12em;
	color: var(--th-ink);
}
.hp-pill {
	background: none;
	border: 1px solid var(--th-line);
	border-radius: 2px;
	box-shadow: none;
	color: var(--th-ink);
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: .72em;
}
.hp-grid, .hp-proof, .hp-checklist {
	gap: 0 40px;
}
.hp-card, .hp-proof-item, .hp-check {
	padding: 22px 0 26px;
	background: none;
	border: 0;
	border-top: 1px solid var(--th-line);
	border-radius: 0;
}
a.hp-card, a.hp-card:visited {
	color: var(--th-body);
	text-decoration: none;
}
a.hp-card:hover h3 {
	color: var(--th-bronze-ink);
}
.hp-card i, .hp-proof-item i, .hp-check i {
	display: none;
}
.hp-card h3, .hp-proof-item h3 {
	font-size: 1.3em;
	margin: 0 0 8px;
}
.hp-card p, .hp-proof-item p, .hp-check span {
	opacity: 1;
	color: var(--th-body);
}
.hp-check strong {
	font-family: var(--th-serif);
	font-size: 1.2em;
	font-weight: 500;
	color: var(--th-ink);
}
.hp-proof-item p {
	font-family: var(--th-serif);
	font-style: italic;
	font-size: 1.12em;
	line-height: 1.55;
	color: var(--th-ink);
}
.hp-proof-item small {
	opacity: 1;
	color: var(--th-muted);
	letter-spacing: .14em;
	font-size: .7em;
}
.hp-note {
	margin: 40px 0;
	padding: 4px 0 4px 28px;
	border-left: 2px solid var(--th-bronze);
	border-radius: 0;
	background: none;
	font-family: var(--th-serif);
	font-size: 1.45em;
	line-height: 1.45;
	color: var(--th-ink);
}
.hp-roadmap {
	padding: 28px;
	border: 1px solid var(--th-line);
	border-radius: 2px;
	background: var(--th-wash);
}
.hp-roadmap strong {
	font-family: var(--th-serif);
	font-size: 1.3em;
	font-weight: 500;
	color: var(--th-ink);
}
.hp-roadmap span {
	opacity: 1;
}
.content .hp-roadmap a, .content .hp-roadmap a:visited {
	padding: 13px 24px;
	background: var(--th-ink);
	color: var(--th-paper);
	border-radius: 2px;
	font-weight: 500;
	letter-spacing: .04em;
}
.content .hp-roadmap a:hover {
	background: var(--th-bronze-ink);
}
.brands-container::before, .pr-container::before {
	background: linear-gradient(to right, var(--th-paper), transparent) !important;
}
.brands-container::after, .pr-container::after {
	background: linear-gradient(to left, var(--th-paper), transparent) !important;
}

/* ---------- Blog, posts, about ---------- */
.postHolder .tldr {
	border-left: 2px solid var(--th-bronze);
	background: var(--th-wash);
}
.postHolder .geoFig, .postHolder table.geoTable th, .postHolder table.geoTable td,
.postHolder .postMeta, .further-reading {
	border-color: var(--th-line);
}
.postHolder table.geoTable th {
	background: var(--th-wash);
}
.postHolder .geoSteps li {
	background: var(--th-wash);
	border-left-color: var(--th-bronze);
}
.bi-bar {
	background: rgba(245, 239, 230, .94);
}
.bi-year summary {
	background: var(--th-paper);
}
.bi-card {
	border-radius: 2px;
	background: #fff;
}
.bi-card .bi-title, .bi-row .bi-title {
	font-family: var(--th-serif);
	font-weight: 500;
	font-size: 1.2em;
}
.bi-search input[type=search] {
	border-radius: 2px;
}
.bi-search input[type=search]:focus {
	box-shadow: 0 0 0 3px rgba(154, 106, 31, .2);
}
.bi-search button {
	border-radius: 2px;
}
.bi-chip, .bi-chip:visited {
	border-radius: 2px;
}
.passion, .passion ~ .passion {
	transform: none;
	box-shadow: none;
	border: 1px solid var(--th-line);
}

/* ---------- Contact modal ---------- */
.modal-content {
	border-radius: 2px;
	background: var(--th-paper);
}
.modal-content::before {
	background: var(--th-bronze);
	border-radius: 0;
	height: 2px;
}
.modal h3 {
	font-size: 1.7em;
}
.modal .modal-sub {
	color: var(--th-body);
}
.modal input, .modal textarea {
	border: 1px solid var(--th-line);
	border-radius: 2px;
	background: #fff;
	color: var(--th-ink);
}
.modal input:focus, .modal textarea:focus {
	border-color: var(--th-bronze);
	box-shadow: 0 0 0 3px rgba(154, 106, 31, .15);
}
.modal button[type="submit"] {
	background: var(--th-ink);
	color: var(--th-paper);
	text-shadow: none;
	border-radius: 2px;
	font-weight: 500;
	letter-spacing: .04em;
}
.modal button[type="submit"]:hover {
	transform: none;
	box-shadow: none;
	background: var(--th-bronze-ink);
}

/* ---------- Footer ---------- */
footer {
	margin: 0;
	padding: 40px 20px 32px;
	border-top: 1px solid var(--th-line);
	color: var(--th-muted);
}
.footerNav a {
	color: var(--th-ink);
	font-weight: 500;
	font-size: 13px;
	letter-spacing: .12em;
	text-transform: uppercase;
}
footer > a > i {
	font-size: 1.6em;
	color: var(--th-ink);
}

/* ---------- Page-specific inline blocks (webcontent.php) ----------
 * Those <style> tags load after this file, so every rule here is scoped
 * under .content to win on specificity rather than on order. */
.content .secpage {
	--ink: var(--th-ink);
	--muted: var(--th-muted);
	--line: var(--th-line);
	--surface: var(--th-wash);
	--green: var(--th-bronze);
	--amber: var(--th-bronze);
}
.content .pressPage {
	--slate: var(--th-ink);
	--ink: var(--th-ink);
	--accent: var(--th-bronze);
	--muted: var(--th-muted);
	--hair: var(--th-line);
	--wash: var(--th-wash);
}

/* Boxes: flat, hairline, square. */
.content .rm-card, .content .rm-niche, .content .free20-card, .content .sv-offer,
.content .hp-verdict, .content .sec-card {
	background: #fff;
	border: 1px solid var(--th-line);
	border-radius: 2px;
	box-shadow: none;
}
.content .rm-steps li {
	background: none;
	border-top: 1px solid var(--th-line);
	border-radius: 0;
}
.content .rm-steps li::before {
	background: none;
	border: 1px solid var(--th-bronze);
	color: var(--th-bronze-ink);
	font-family: var(--th-serif);
	font-weight: 500;
}

/* Highlight panels: warm wash instead of the green/amber gradient. */
.content .rm-price, .content .rm-cta, .content .free20-callout,
.content .sec-cta, .content .sec-price {
	background: var(--th-wash);
	border: 1px solid var(--th-line);
	border-radius: 2px;
}

/* Side notes: bronze hairline, no tint. */
.content .rm-note, .content .free20-cta, .content .sv-proof,
.content .sv-bounds, .content .sec-ask, .content .pressCta {
	background: none;
	border-left: 2px solid var(--th-bronze);
	border-radius: 0;
}

/* Tags. */
.content .sv-terms {
	background: none;
	border: 1px solid var(--th-line);
	border-radius: 2px;
	color: var(--th-ink);
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: .72em;
}

/* Buttons: ink, square, bronze on hover. */
.content .rm-cta a.rm-btn, .content a.rm-btn, .content .sv-btn, .content .sec-btn,
.content .hp-roadmap a {
	background: var(--th-ink);
	color: var(--th-paper);
	border-radius: 2px;
	font-weight: 500;
	letter-spacing: .04em;
	text-decoration: none;
	transition: background-color .2s;
}
.content .rm-cta a.rm-btn:hover, .content a.rm-btn:hover, .content .sv-btn:hover,
.content .sec-btn:hover, .content .hp-roadmap a:hover {
	background: var(--th-bronze-ink);
	color: var(--th-paper);
}

/* Home page blocks re-scoped so the inline <style> cannot win. */
.content .hp-pill {
	background: none;
	border: 1px solid var(--th-line);
	border-radius: 2px;
	box-shadow: none;
}
.content .hp-card, .content .hp-proof-item, .content .hp-check {
	background: none;
	border: 0;
	border-top: 1px solid var(--th-line);
	border-radius: 0;
	padding: 22px 0 26px;
}
.content a.hp-card:hover {
	border-color: var(--th-bronze);
	transform: none;
}
.content .hp-note {
	background: none;
	border-left: 2px solid var(--th-bronze);
	border-radius: 0;
	padding: 4px 0 4px 28px;
}
.content .hp-roadmap {
	background: var(--th-wash);
	border: 1px solid var(--th-line);
	border-radius: 2px;
}

.content .hp-card i, .content .hp-proof-item i, .content .hp-check i {
	display: none;
}
.content .hp-card h3, .content .hp-proof-item h3 {
	font-size: 1.3em;
	margin: 0 0 12px;
}
.content .hp-card p, .content .hp-proof-item p, .content .hp-check span {
	opacity: 1;
}

/* Link cards: body-coloured text, serif title, bronze on hover. */
.content a.rm-niche, .content a.rm-niche:visited {
	color: var(--th-body);
	text-decoration: none;
	transition: border-color .2s;
}
.content a.rm-niche b {
	display: block;
	margin-bottom: 6px;
	font-family: var(--th-serif);
	font-size: 1.2em;
	font-weight: 500;
	color: var(--th-ink);
}
.content a.rm-niche:hover {
	border-color: var(--th-bronze);
}
.content a.rm-niche:hover b {
	color: var(--th-bronze-ink);
}
/* Decorative icons inside cards go; the serif title carries the card. */
.content .rm-card i.fa-solid, .content .free20-card i.fa-solid, .content .sv-offer i.fa-solid,
.content .sec-card h3 i, .content .hp-verdict i.fa-solid {
	display: none;
}
.content .rm-card h3, .content .sec-card h3 {
	font-family: var(--th-serif);
	font-weight: 500;
	font-size: 1.25em;
	color: var(--th-ink);
}
.content .rm-price .rm-amount, .content .sec-price strong {
	font-family: var(--th-serif);
	font-weight: 500;
	color: var(--th-ink);
}
.content a.bi-chip, .content a.bi-chip:visited {
	color: var(--th-ink);
	text-decoration: none;
}
.content a.bi-chip[aria-pressed=true] {
	color: var(--th-paper);
}

/* Client and press logos: monochrome marks (files/logos-mono), toned down to match body text. */
.content .brands-container img, .content .pr-container img {
	height: 60px;
	opacity: .78;
}
@media screen and (orientation: portrait) and (max-width: 430px) {
	.content .brands-container img, .content .pr-container img {
		height: 40px;
	}
}

/* ---------- One grid (2026-10-08) ----------
 * Every page body sits in the hero's 980px container and starts at the hero's left edge.
 * Running text keeps a ~70 character measure; card grids and panels use the full width.
 * !important because each page's inline <style> sets its own #id.content width. */
.content {
	max-width: 980px !important;
	margin: 0 auto !important;
	padding: 56px 24px 32px !important;
}
.content p, .content ul, .content ol, .content blockquote {
	max-width: 35rem;
}
.content h1, .content h2, .content h3 {
	max-width: 40rem;
}
.content p {
	margin: 0 0 1.1em;
}
.content [class*="-grid"] p, .content [class*="-card"] p, .content [class*="-niche"] span,
.content .hp-proof p, .content .hp-checklist span {
	max-width: none;
}
body #home.content h2 {
	margin: 80px 0 20px;
}
body #home.content h2:first-of-type {
	margin-top: 8px;
}
.content .hp-card, .content .hp-proof-item, .content .hp-check {
	padding: 26px 0 34px;
}

/* "Where I help": the arrow sits at the far right of the heading and wakes up on hover. */
.content a.hp-card h3 {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
}
.content a.hp-card h3::after {
	content: "\2192";
	flex: none;
	font-family: var(--th-sans);
	font-size: .75em;
	color: var(--th-muted);
	opacity: .7;
	transition: transform .2s, color .2s, opacity .2s;
}
.content a.hp-card:hover h3::after {
	color: var(--th-bronze);
	opacity: 1;
	transform: translateX(3px);
}

/* Credibility line under the hero CTA: a label, so it keeps the uppercase treatment. */
header p.hero-cred {
	grid-column: 1;
	margin: 28px 0 0;
	max-width: none;
	font-size: 11.5px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--th-muted);
}
@media (max-width: 760px) {
	header p.hero-cred {
		font-size: 10.5px;
		letter-spacing: .12em;
	}
	.content {
		padding: 40px 20px 24px !important;
	}
}

/* Blog posts are often bare text with <br>, so cap the post body itself; the listing stays wide. */
body[data-page="blog"] .content .postHolder:not(:has(.bi-bar)) {
	max-width: 38rem;
}
body[data-page="blog"] .content .postHolder:not(:has(.bi-bar)) .tableWrap,
body[data-page="blog"] .content .postHolder:not(:has(.bi-bar)) table {
	max-width: 100%;
}

/* Hero divider inset to the same edges as the nav rule and the content column. */
header {
	border-bottom: 0;
	background: linear-gradient(var(--th-line), var(--th-line)) center bottom / calc(100% - 48px) 1px no-repeat;
}
@media (max-width: 760px) {
	header {
		background-size: calc(100% - 40px) 1px;
	}
}

/* About page (inline styles in index.php). */
body #about.content h2 {
	margin: 72px 0 18px;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	font-size: 1.75em;
	text-transform: none;
	letter-spacing: -0.005em;
}
.content .abt-intro span {
	background: none;
	border: 1px solid var(--th-line);
	border-radius: 2px;
	color: var(--th-ink);
	font-weight: 500;
	font-size: .72em;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.content .abt-card {
	background: none;
	border: 0;
	border-top: 1px solid var(--th-line);
	border-radius: 0;
	padding: 24px 0 30px;
}
.content .abt-card:hover {
	background: none;
	border-color: var(--th-line);
}
.content .abt-card .abt-ic {
	display: none;
}
.content .abt-card h3 {
	font-size: 1.3em;
	margin: 0 0 10px;
}
.content .abt-card p {
	opacity: 1;
	max-width: none;
}
.content .abt-grid {
	gap: 0 40px;
}
.content .abt-note {
	background: none;
	border-left: 2px solid var(--th-bronze);
	border-radius: 0;
}
.content .abt-lead, .content .abt-closing {
	opacity: 1;
}

/* Blog listing: lists and rows span the column; the section labels stay small sans labels. */
.content .bi-featured ol, .content .bi-year ol, .content .bi-row p, .content .bi-card p,
.content .bi-row .bi-ex, .content .bi-card .bi-ex {
	max-width: none;
}
.content .bi-featured h2 {
	max-width: none;
	font-family: var(--th-sans);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--th-muted);
}
.content .bi-year h2 {
	max-width: none;
	font-size: 1.6em;
}
.content .bi-card:hover {
	box-shadow: 0 10px 24px rgba(21, 23, 28, .06);
}

/* About: closing call to action, same panel as the home page's "Before you sign". */
.content .abt-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 24px;
	margin: 64px 0 8px;
	padding: 28px;
	background: var(--th-wash);
	border: 1px solid var(--th-line);
	border-radius: 2px;
}
.content .abt-cta div {
	max-width: 30rem;
}
.content .abt-cta strong {
	display: block;
	margin-bottom: 4px;
	font-family: var(--th-serif);
	font-size: 1.3em;
	font-weight: 500;
	color: var(--th-ink);
}
.content .abt-cta a, .content .abt-cta a:visited {
	display: inline-block;
	padding: 13px 24px;
	background: var(--th-ink);
	color: var(--th-paper);
	border-radius: 2px;
	font-weight: 500;
	letter-spacing: .04em;
	text-decoration: none;
	white-space: nowrap;
}
.content .abt-cta a:hover {
	background: var(--th-bronze-ink);
}
body[data-page="about"] header > div:nth-of-type(2):not(#contactModal) {
	font-size: 2.1em;
}
@media (max-width: 760px) {
	body[data-page="about"] header > div:nth-of-type(2):not(#contactModal) {
		font-size: 1.7em;
	}
}

/* About: compact credentials row, set as a label. */
.content p.abt-creds {
	max-width: none;
	margin: 48px 0 0;
	padding: 18px 0;
	border-top: 1px solid var(--th-line);
	border-bottom: 1px solid var(--th-line);
	font-size: 11.5px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--th-ink);
}

/* About photo cards: tight frame, serif italic caption, no paragraph spacing. */
.content .passion {
	padding: 16px 16px 14px;
	background: #fff;
}
.content .passion img {
	display: block;
	width: 100%;
	height: auto;
}
.content .passion p {
	max-width: none;
	margin: 12px 0 0;
	font-family: var(--th-serif);
	font-style: italic;
	font-size: 1.05em;
	line-height: 1.4;
	text-align: left;
	color: var(--th-body);
}