/**
 * Monthly statistics posts (Kaz, October 27, 2026): each section runs the screen width, the words
 * on the left and a chart on the right drawn from the post's own figures. Loaded on a single post
 * whose content carries .seymour-mstats (inc/blog.php). Charts are plain HTML bars, so the figures
 * stay readable as text for people, screen readers and AI crawlers.
 *
 * Colours: navy for the month in question, gold for the comparison. Gold is light on white, so
 * every bar carries its figure as a label beside it.
 */

.seymour-blog-post .seymour-mstats {
	--stats-a: var(--navy);
	--stats-b: var(--gold-500, #c9a84c);
	--stats-muted: #d9dee6;
	--stats-track: #eef1f5;
	--stats-ink: var(--ink, #1a2433);
	--stats-ink-2: var(--grey-600, #5a6472);
	--stats-up: #2e7d4f;
	--stats-down: #a33a2a;
	--stats-surface: var(--white, #fff);
	color: var(--stats-ink);
	margin: 0 calc(50% - 50vw);
	max-width: none;
	width: 100vw;
}

.seymour-mstats__band {
	background: var(--stats-surface);
	padding: var(--space-8, 72px) clamp(16px, 3vw, 40px);
}

.seymour-mstats__band--cream {
	--stats-surface: #faf8f3;
	background: var(--stats-surface);
}

.seymour-mstats__band--navy {
	--stats-a: #e8c97a;
	--stats-b: #8fb0dc;
	--stats-muted: rgba(255, 255, 255, 0.22);
	--stats-track: rgba(255, 255, 255, 0.08);
	--stats-ink: var(--white, #fff);
	--stats-ink-2: rgba(255, 255, 255, 0.72);
	--stats-up: #7fd19c;
	--stats-down: #f0a08f;
	--stats-surface: var(--footer-bg, #0a1628);
	background: var(--stats-surface);
}

.seymour-mstats__grid {
	align-items: start;
	display: grid;
	gap: var(--space-7, 56px);
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	margin: 0 auto;
	max-width: 1360px; /* Wider, with less margin on each side (Kaz, October 27, 2026). */
}

/* ---- The words ---- */

.seymour-blog-post .seymour-mstats p,
.seymour-blog-post .seymour-mstats li {
	color: var(--stats-ink-2);
}

.seymour-blog-post .seymour-mstats strong {
	color: var(--stats-ink);
}

.seymour-blog-post .seymour-mstats .seymour-eyebrow {
	color: var(--gold-800, #8a6d22);
	margin: 0 0 var(--space-3, 12px);
}

.seymour-mstats__band--navy .seymour-eyebrow {
	color: var(--gold-500, #c9a84c) !important;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__h2 {
	color: var(--stats-ink);
	font-size: clamp(30px, 3.2vw, 42px);
	line-height: 1.12;
	margin: 0 0 var(--space-5, 24px);
}

.seymour-mstats__h2 em {
	color: var(--gold-500, #c9a84c);
	font-style: italic;
}

.seymour-mstats__band:not(.seymour-mstats__band--navy) .seymour-mstats__h2 em {
	color: var(--gold-800, #8a6d22);
}

.seymour-blog-post .seymour-mstats .seymour-mstats__h3 {
	color: var(--stats-ink);
	font-size: var(--fs-h3);
	margin: var(--space-5, 24px) 0 var(--space-2, 8px);
}

.seymour-mstats__aside em {
	color: var(--stats-ink);
	font-family: var(--font-serif);
	font-size: 1.1em;
}

.seymour-mstats__list {
	margin: 0 0 var(--space-4, 16px);
	padding-left: 1.1em;
}

.seymour-mstats__list li {
	margin: 0 0 var(--space-2, 8px);
}

.seymour-mstats__list li::marker {
	color: var(--gold-500, #c9a84c);
}

.seymour-mstats__card {
	background: var(--white, #fff);
	border: 1px solid #e8dcc8;
	border-left: 3px solid var(--gold-500, #c9a84c);
	margin: 0 0 var(--space-5, 24px);
	padding: var(--space-5, 24px);
}

.seymour-mstats__card--ours {
	border-left-color: var(--navy);
}

/* The advice boxes take the headline's colours: For Buyers navy, For Sellers gold (Kaz, October 27, 2026). */
.seymour-mstats__boxes .seymour-mstats__card {
	border-left-color: var(--navy);
}

.seymour-mstats__boxes .seymour-mstats__card--ours {
	border-left-color: var(--gold-500, #c9a84c);
}

.seymour-blog-post .seymour-mstats .seymour-mstats__card-title {
	color: var(--stats-ink);
	font-family: var(--font-serif);
	font-size: 21px;
	margin: 0 0 var(--space-3, 12px);
}

.seymour-mstats__card p:last-child {
	margin-bottom: 0;
}

.seymour-mstats__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3, 12px);
	margin-top: var(--space-5, 24px);
}

.seymour-blog-post .seymour-mstats a.seymour-button {
	color: var(--white, #fff);
	text-decoration: none;
}

.seymour-blog-post .seymour-mstats a.seymour-button:hover {
	color: var(--footer-bg, #0a1628);
}

.seymour-blog-post .seymour-mstats a.seymour-mstats__gold {
	background: var(--footer-gold, #c9a84c);
	border-color: var(--footer-gold, #c9a84c);
	color: var(--footer-bg, #0a1628);
}

.seymour-blog-post .seymour-mstats a.seymour-mstats__gold:hover {
	background: var(--white, #fff);
	border-color: var(--white, #fff);
}

.seymour-blog-post .seymour-mstats a.seymour-mstats__outline {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.45);
	color: var(--white, #fff);
}

.seymour-blog-post .seymour-mstats a.seymour-mstats__outline:hover {
	background: var(--footer-gold, #c9a84c);
	border-color: var(--footer-gold, #c9a84c);
	color: var(--footer-bg, #0a1628);
}

.seymour-mstats__band--navy a:not(.seymour-button) {
	color: var(--gold-500, #c9a84c) !important;
}

/* ---- The closing call to action, centred ---- */

.seymour-mstats__band--cta {
	text-align: center;
}

.seymour-mstats__band--cta .seymour-eyebrow {
	justify-content: center;
}

.seymour-mstats__band--cta > p:not(.seymour-eyebrow) {
	margin-left: auto;
	margin-right: auto;
	max-width: 560px;
}

/* One line on wider screens (Kaz, October 27, 2026). */
@media (min-width: 760px) {
	.seymour-mstats__band--cta > p.seymour-mstats__oneline {
		max-width: none;
		white-space: nowrap;
	}
}

.seymour-mstats__band--cta .seymour-mstats__actions {
	justify-content: center;
}

/* ---- The chart panel ---- */

.seymour-blog-post .seymour-mstats .seymour-mstats__chart {
	background: var(--stats-surface);
	border: 1px solid #e3e7ed;
	margin: 0;
	padding: var(--space-5, 24px) var(--space-5, 24px) var(--space-4, 16px);
	/* Locked in place beside the words, scrolling with the page (Kaz, October 27, 2026: no sliding). */
	position: static;
}

.seymour-mstats__band--cream .seymour-mstats__chart {
	--stats-surface: var(--white, #fff);
}

.seymour-mstats__band--navy .seymour-mstats__chart {
	--stats-surface: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.14);
}

.seymour-blog-post .seymour-mstats .seymour-mstats__chart--image {
	border: 0;
	padding: 0;
}

.seymour-mstats__chart--image img {
	display: block;
	width: 100%;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__title {
	align-items: baseline;
	border-bottom: 1px solid var(--stats-muted);
	color: var(--stats-ink);
	display: flex;
	flex-wrap: wrap;
	font-family: var(--font-serif);
	font-size: 22px;
	gap: var(--space-2, 8px) var(--space-3, 12px);
	justify-content: space-between;
	line-height: 1.25;
	margin: 0 0 var(--space-4, 16px);
	padding-bottom: var(--space-3, 12px);
}

.seymour-mstats__title span {
	color: var(--stats-ink-2);
	font-family: var(--font-sans);
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__sub {
	color: var(--stats-ink);
	font-size: 14px;
	font-weight: 600;
	margin: var(--space-4, 16px) 0 var(--space-2, 8px);
}

/* The headline number */
.seymour-mstats__hero {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3, 12px);
	margin-bottom: var(--space-3, 12px);
}

.seymour-mstats__big {
	color: var(--stats-ink);
	font-family: var(--font-serif);
	font-size: 64px;
	line-height: 1;
}

.seymour-mstats__big-lbl {
	color: var(--stats-ink-2);
	font-size: 15px;
}

/* Horizontal bars: label, track, value */
.seymour-mstats__bars {
	display: grid;
	gap: 10px;
}

.seymour-mstats__row {
	align-items: center;
	border-radius: 4px;
	display: grid;
	gap: var(--space-3, 12px);
	grid-template-columns: minmax(0, 9.5em) minmax(0, 1fr) auto;
	position: relative;
}

.seymour-mstats__bars--stacked .seymour-mstats__row {
	grid-template-columns: minmax(0, 1fr) auto;
	row-gap: 6px;
}

.seymour-mstats__bars--stacked .seymour-mstats__label {
	grid-column: 1 / -1;
}

.seymour-mstats__bars--grouped .seymour-mstats__row {
	grid-template-columns: minmax(0, 1fr) 4.5em;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__group {
	color: var(--stats-ink);
	font-size: 14px;
	font-weight: 600;
	margin: var(--space-2, 8px) 0 -2px;
}

.seymour-mstats__label {
	color: var(--stats-ink-2);
	font-size: 14px;
	line-height: 1.3;
}

.seymour-mstats__track,
.seymour-mstats__dtrack {
	background: var(--stats-track);
	border-radius: 4px;
	display: block;
	height: 14px;
	position: relative;
}

.seymour-mstats__fill {
	background: var(--stats-a);
	border-radius: 0 4px 4px 0;
	display: block;
	height: 100%;
	transition: filter 0.15s;
	width: var(--w);
}

.seymour-mstats__fill--b {
	background: var(--stats-b);
}

.seymour-mstats__value {
	color: var(--stats-ink);
	font-size: 14px;
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	text-align: right;
	white-space: nowrap;
}

/* A dashed line at 100% of asking (the bars run 0 to 110%). */
.seymour-mstats__bars--ref .seymour-mstats__track::after {
	border-left: 2px dashed var(--stats-ink-2);
	bottom: -4px;
	content: "";
	left: 90.9%;
	position: absolute;
	top: -4px;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__axis {
	color: var(--stats-ink-2);
	font-size: 12px;
	margin: 6px 0 0;
	position: relative;
}

.seymour-mstats__axis-ref {
	left: 90.9%;
	position: absolute;
	transform: translateX(-50%);
	white-space: nowrap;
}

/* Diverging bars around zero (zero sits 15% in from the left). */
.seymour-mstats__diverge {
	display: grid;
	gap: 12px;
}

.seymour-mstats__diverge .seymour-mstats__row {
	grid-template-columns: 7.5em minmax(0, 1fr) 6.5em;
}

.seymour-mstats__dtrack::before {
	background: var(--stats-ink-2);
	bottom: -5px;
	content: "";
	left: 15%;
	position: absolute;
	top: -5px;
	width: 2px;
}

.seymour-mstats__dfill {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: var(--w);
}

.seymour-mstats__dfill--up {
	background: var(--stats-a);
	border-radius: 0 4px 4px 0;
	left: calc(15% + 2px);
}

.seymour-mstats__dfill--down {
	background: var(--stats-b);
	border-radius: 4px 0 0 4px;
	right: 85%;
}

.seymour-mstats__axis--zero {
	margin-left: calc(7.5em + var(--space-3, 12px)) !important;
	margin-right: calc(6.5em + var(--space-3, 12px)) !important;
}

.seymour-mstats__axis--zero span {
	left: 15%;
	position: absolute;
	transform: translateX(-50%);
}

/* A single bar split into parts, with a 2px gap between them */
.seymour-mstats__split {
	border-radius: 4px;
	display: flex;
	gap: 2px;
	height: 22px;
	margin: var(--space-2, 8px) 0;
	overflow: hidden;
}

.seymour-mstats__seg {
	background: var(--stats-a);
	display: block;
	height: 100%;
	position: relative;
	width: var(--w);
}

.seymour-mstats__seg--b {
	background: var(--stats-b);
}

.seymour-mstats__seg--muted {
	background: var(--stats-muted);
}

/* Legend */
.seymour-blog-post .seymour-mstats .seymour-mstats__legend {
	display: flex;
	flex-wrap: wrap;
	gap: 6px var(--space-4, 16px);
	list-style: none;
	margin: var(--space-2, 8px) 0 var(--space-3, 12px);
	padding: 0;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__legend li {
	align-items: center;
	color: var(--stats-ink-2);
	display: flex;
	font-size: 13px;
	gap: 6px;
	margin: 0;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__legend--centre {
	justify-content: center;
}

.seymour-mstats__key {
	border-radius: 2px;
	display: inline-block;
	height: 10px;
	width: 10px;
}

.seymour-mstats__key--a { background: var(--stats-a); }
.seymour-mstats__key--b { background: var(--stats-b); }
.seymour-mstats__key--muted { background: var(--stats-muted); }

/* Tiles under a chart */
.seymour-mstats__tiles {
	display: grid;
	gap: var(--space-3, 12px);
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	margin-top: var(--space-4, 16px);
}

.seymour-mstats__tile {
	border-top: 2px solid var(--gold-500, #c9a84c);
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-top: var(--space-3, 12px);
}

.seymour-mstats__num {
	color: var(--stats-ink);
	font-family: var(--font-serif);
	font-size: 26px;
	line-height: 1.1;
}

.seymour-mstats__lbl,
.seymour-mstats__note {
	color: var(--stats-ink-2);
	font-size: 13px;
}

.seymour-mstats__label .seymour-mstats__note {
	margin-left: 4px;
	opacity: 0.85;
}

/* Up and down changes: an arrow and a sign, never colour alone */
.seymour-mstats__chg {
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}

.seymour-mstats__chg--up { color: var(--stats-up); }
.seymour-mstats__chg--down { color: var(--stats-down); }

.seymour-blog-post .seymour-mstats .seymour-mstats__facts {
	list-style: none;
	margin: var(--space-2, 8px) 0 0;
	padding: 0;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__facts li {
	font-size: 14px;
	margin: 0 0 4px;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__source {
	border-top: 1px solid var(--stats-muted);
	color: var(--stats-ink-2);
	font-size: 12px;
	line-height: 1.5;
	margin: var(--space-4, 16px) 0 0;
	padding-top: var(--space-3, 12px);
	text-align: center; /* Centred (Kaz, October 27, 2026). */
}

/* Hover: the mark brightens and a tooltip names the figure */
.seymour-mstats [data-tip] {
	cursor: default;
}

.seymour-mstats [data-tip]:hover .seymour-mstats__fill,
.seymour-mstats [data-tip]:hover .seymour-mstats__dfill,
.seymour-mstats__seg[data-tip]:hover {
	filter: brightness(1.15);
}

.seymour-mstats [data-tip]:hover::after {
	background: var(--footer-bg, #0a1628);
	border: 1px solid rgba(201, 168, 76, 0.6);
	border-radius: 4px;
	bottom: calc(100% + 6px);
	color: var(--white, #fff);
	content: attr(data-tip);
	font-size: 13px;
	left: 0;
	line-height: 1.35;
	max-width: 280px;
	padding: 6px 10px;
	pointer-events: none;
	position: absolute;
	white-space: normal;
	width: max-content;
	z-index: 5;
}

.seymour-mstats__split {
	overflow: visible;
}

.seymour-mstats__seg:first-child { border-radius: 4px 0 0 4px; }
.seymour-mstats__seg:last-child { border-radius: 0 4px 4px 0; }

/* ---- The September card (the post's own infographic, kept as it was, beside the words) ---- */
.seymour-blog-post .seymour-mstats .seymour-mstats__ig {
	border: 1.5px solid #e8dcc8;
	padding: 32px 28px 20px;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__ig-head {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin: 0 0 28px;
}

.seymour-mstats__ig-head > span:first-child {
	display: flex;
	flex-direction: column;
}

.seymour-mstats__ig-kicker {
	color: #9a8a6a;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.seymour-mstats__ig-place {
	color: var(--footer-bg, #0a1628);
	font-family: var(--font-serif);
	font-size: 21px;
}

.seymour-mstats__ig-tag {
	background: var(--footer-bg, #0a1628);
	color: #e8c97a;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 6px 14px;
	text-transform: uppercase;
	white-space: nowrap;
}

.seymour-mstats__ig-circles,
.seymour-mstats__ig-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	text-align: center;
}

.seymour-mstats__ig-circles {
	border-bottom: 1px solid #e8dcc8;
	padding-bottom: 24px;
}

.seymour-mstats__ig-stats {
	border-bottom: 1px solid #e8dcc8;
	padding: 24px 0;
}

.seymour-mstats__ig-circle,
.seymour-mstats__ig-stat {
	display: flex;
	flex-direction: column;
	position: relative;
}

.seymour-mstats__ig-ring {
	align-items: center;
	background: #faf8f3;
	border: 2px solid var(--gold-500, #c9a84c);
	border-radius: 50%;
	color: var(--footer-bg, #0a1628);
	display: flex;
	font-family: var(--font-serif);
	font-size: 34px;
	height: 84px;
	justify-content: center;
	margin: 0 auto 10px;
	width: 84px;
}

.seymour-mstats__ig-num {
	color: var(--footer-bg, #0a1628);
	font-family: var(--font-serif);
	font-size: 21px;
	margin-bottom: 8px;
}

.seymour-mstats__ig-num--down {
	color: #9b1c1c;
}

.seymour-mstats__ig-num--up {
	color: #1a6e3a;
}

.seymour-mstats__ig-lbl {
	color: #6b7a90;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 1.5px;
	line-height: 1.8;
	text-transform: uppercase;
}

.seymour-mstats__ig-stat .seymour-mstats__ig-lbl {
	color: #9a8a6a;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__ig-brand {
	color: var(--gold-500, #c9a84c);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 3px;
	margin: 16px 0 0;
	text-align: center;
	text-transform: uppercase;
}

.seymour-mstats__ig .seymour-mstats__source {
	border-top: 0 !important;
	padding-top: 4px !important;
	text-align: center;
}

/* Two topics side by side, each with its own words and chart under them (Kaz, October 27, 2026:
 * Speed of Sale on the left, Feature Sales on the right). The charts sit in the flow here. */
.seymour-mstats__grid--pair {
	gap: var(--space-7, 56px) clamp(32px, 5vw, 72px);
}

.seymour-blog-post .seymour-mstats .seymour-mstats__grid--pair .seymour-mstats__chart {
	margin-top: var(--space-5, 24px);
	position: static;
}

.seymour-mstats__band:not(.seymour-mstats__band--cream) .seymour-mstats__card {
	background: #faf8f3;
}

/* A full-width section of side-by-side boxes (Kaz, October 27, 2026: For Buyers on the left, For
 * Sellers on the right). */
.seymour-mstats__wide {
	margin: 0 auto;
	max-width: 1360px;
}

.seymour-mstats__boxes {
	display: grid;
	gap: var(--space-5, 24px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: var(--space-5, 24px);
}

.seymour-mstats__boxes .seymour-mstats__card {
	margin: 0;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__card--box .seymour-mstats__h3 {
	margin-top: 0;
}

/* For Buyers and For Sellers as gold labels, no dashes (Kaz, October 27, 2026). */
.seymour-blog-post .seymour-mstats .seymour-mstats__card--box h3.seymour-mstats__h3 {
	color: var(--gold-800, #8a6d22);
	font-family: var(--font-sans);
	font-size: var(--fs-eyebrow, 13px);
	font-weight: var(--weight-medium, 500);
	letter-spacing: var(--tracking-eyebrow, 0.16em);
	line-height: 1.4;
	margin-bottom: var(--space-3, 12px);
	text-transform: uppercase;
}

@media (max-width: 900px) {
	.seymour-mstats__boxes {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* The chart's top in line with the first paragraph, under the heading (Kaz, October 27, 2026:
 * the opening card and Pricing Trends). The label and heading sit in their own row over the words. */
@media (min-width: 901px) {
	.seymour-mstats__grid--headed {
		grid-template-areas: "head ." "text chart";
		row-gap: 0;
	}

	.seymour-mstats__grid--headed > .seymour-mstats__head { grid-area: head; }
	.seymour-mstats__grid--headed > .seymour-mstats__text { grid-area: text; }
	.seymour-mstats__grid--headed > .seymour-mstats__chart { grid-area: chart; }
}

/* A section with the chart on the left and the words on the right (Kaz, October 27, 2026: Market
 * Overview). On phones the words still come first. */
@media (min-width: 901px) {
	.seymour-mstats__grid--flip .seymour-mstats__chart {
		order: -1;
	}
}

/* Scroll-in animation (Kaz, October 27, 2026; assets/js/stats.js adds .seymour-mstats--anim and
 * marks each chart .is-in as it comes into view). Bars grow from zero, one after another. */
.seymour-mstats--anim .seymour-mstats__fill,
.seymour-mstats--anim .seymour-mstats__seg {
	transition: width 0.9s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.15s;
}

.seymour-mstats--anim :is(.seymour-mstats__chart, .seymour-mstats__glance):not(.is-in) .seymour-mstats__fill,
.seymour-mstats--anim :is(.seymour-mstats__chart, .seymour-mstats__glance):not(.is-in) .seymour-mstats__seg {
	width: 0;
}

.seymour-mstats--anim .seymour-mstats__row:nth-child(2) .seymour-mstats__fill { transition-delay: 0.08s; }
.seymour-mstats--anim .seymour-mstats__row:nth-child(3) .seymour-mstats__fill { transition-delay: 0.16s; }
.seymour-mstats--anim .seymour-mstats__row:nth-child(4) .seymour-mstats__fill { transition-delay: 0.24s; }
.seymour-mstats--anim .seymour-mstats__row:nth-child(5) .seymour-mstats__fill { transition-delay: 0.32s; }
.seymour-mstats--anim .seymour-mstats__row:nth-child(n+6) .seymour-mstats__fill { transition-delay: 0.4s; }
.seymour-mstats--anim .seymour-mstats__seg + .seymour-mstats__seg { transition-delay: 0.2s; }

/* The September card: circles and figures rise in. */
.seymour-mstats--anim .seymour-mstats__ig-circle,
.seymour-mstats--anim .seymour-mstats__ig-stat {
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.seymour-mstats--anim :is(.seymour-mstats__chart, .seymour-mstats__glance):not(.is-in) .seymour-mstats__ig-circle,
.seymour-mstats--anim :is(.seymour-mstats__chart, .seymour-mstats__glance):not(.is-in) .seymour-mstats__ig-stat {
	opacity: 0;
	transform: translateY(12px);
}

.seymour-mstats--anim .seymour-mstats__ig-circle:nth-child(2),
.seymour-mstats--anim .seymour-mstats__ig-stat:nth-child(2) { transition-delay: 0.1s; }
.seymour-mstats--anim .seymour-mstats__ig-circle:nth-child(3),
.seymour-mstats--anim .seymour-mstats__ig-stat:nth-child(3) { transition-delay: 0.2s; }
.seymour-mstats--anim .seymour-mstats__ig-stats .seymour-mstats__ig-stat { transition-delay: 0.3s; }

/* The Numbers at a Glance: the figure in bold, its breakdown on the line under it (Kaz, October 27,
 * 2026: less cluttered). */
.seymour-blog-post .seymour-mstats .seymour-mstats__list--glance li {
	margin: 0 0 var(--space-3, 12px);
}

.seymour-mstats__detail {
	color: var(--stats-ink-2);
	display: block;
	font-size: 0.88em;
	line-height: 1.45;
	margin-top: 2px;
}

/* The Numbers at a Glance as figure tiles (Kaz, October 27, 2026), two to a row, each with its
 * figure, a small bar where a split helps, and its breakdown. */
.seymour-mstats__glance {
	background: var(--white, #fff);
	border: 1px solid #e8dcc8;
	border-top: 3px solid var(--gold-500, #c9a84c);
	margin: 0 0 var(--space-5, 24px);
	padding: var(--space-5, 24px);
}

.seymour-mstats__gtiles {
	display: grid;
	gap: var(--space-4, 16px) var(--space-5, 24px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.seymour-mstats__gtile {
	border-top: 1px solid var(--stats-muted);
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-top: var(--space-3, 12px);
	position: relative;
}

.seymour-mstats__gtile--wide {
	grid-column: 1 / -1;
}

.seymour-mstats__glbl {
	color: var(--gold-800, #8a6d22); /* Gold labels on the tiles (Kaz, October 27, 2026). */
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.seymour-mstats__gnum {
	align-items: baseline;
	color: var(--stats-ink);
	display: flex;
	flex-wrap: wrap;
	font-family: var(--font-serif);
	font-size: 26px;
	gap: 4px 10px;
	line-height: 1.15;
}

.seymour-mstats__gnum .seymour-mstats__chg {
	font-family: var(--font-sans);
}

.seymour-mstats__gside {
	color: var(--stats-ink-2);
	font-family: var(--font-sans);
	font-size: 14px;
}

.seymour-mstats__gdet {
	color: var(--stats-ink-2);
	font-size: 13.5px;
	line-height: 1.5;
}

.seymour-mstats__split--mini {
	height: 10px;
	margin: 4px 0 2px;
}

.seymour-mstats__mini {
	display: grid;
	gap: 6px;
	margin-top: 4px;
}

.seymour-mstats__minirow {
	align-items: center;
	color: var(--stats-ink-2);
	display: grid;
	font-size: 13px;
	gap: 8px;
	grid-template-columns: 4.8em minmax(0, 1fr) 1.6em;
}

.seymour-mstats__minirow > span:last-child {
	color: var(--stats-ink);
	font-weight: 600;
	text-align: right;
}

.seymour-mstats__minirow .seymour-mstats__track {
	height: 10px;
}

@media (max-width: 520px) {
	.seymour-mstats__gtiles {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* September sales by bedrooms (Kaz, October 27, 2026): the infographic's two tables rebuilt in our
 * style, then the infographic's own 12-month chart, cropped from the image, under them. */
.seymour-blog-post .seymour-mstats .seymour-mstats__table {
	border-collapse: collapse;
	display: table;
	font-size: 14px;
	font-variant-numeric: tabular-nums;
	margin: 0 0 var(--space-5, 24px);
	overflow: visible;
	width: 100%;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__table caption {
	color: var(--stats-ink);
	font-family: var(--font-serif);
	font-size: 18px;
	margin: 0 0 var(--space-2, 8px);
	text-align: left;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__table th,
.seymour-blog-post .seymour-mstats .seymour-mstats__table td {
	border: 0;
	border-bottom: 1px solid var(--stats-muted);
	padding: 9px 8px;
	text-align: right;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__table th:first-child {
	padding-left: 0;
	text-align: left;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__table td:last-child {
	padding-right: 0;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__table thead th {
	border-bottom: 2px solid var(--gold-500, #c9a84c);
	color: var(--stats-ink-2);
	font-family: var(--font-sans);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	padding-bottom: 8px;
	text-transform: uppercase;
	white-space: nowrap;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__table thead th:last-child {
	padding-right: 0;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__table tbody th {
	color: var(--stats-ink);
	font-weight: 600;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__table td {
	color: var(--stats-ink);
}

.seymour-blog-post .seymour-mstats .seymour-mstats__table tbody tr:hover {
	background: #faf8f3;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__note--centre {
	display: block;
	font-style: italic;
	margin: -8px 0 var(--space-5, 24px);
	text-align: center;
}

/* Gold labels inside the panel: Sales Breakdown, 12-Month Price Average (Kaz, October 27, 2026). */
.seymour-blog-post .seymour-mstats .seymour-mstats__flabel {
	margin: 0 0 var(--space-3, 12px);
}

.seymour-blog-post .seymour-mstats .seymour-mstats__table + .seymour-mstats__flabel {
	border-top: 1px solid var(--stats-muted);
	padding-top: var(--space-5, 24px);
}

/* Over or under asking in the bedroom tables (Kaz, October 27, 2026): green at 100% of list and
 * above, red below. */
.seymour-blog-post .seymour-mstats .seymour-mstats__table td.seymour-mstats__pct--over {
	color: var(--stats-up);
	font-weight: 600;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__table td.seymour-mstats__pct--under {
	color: var(--stats-down);
	font-weight: 600;
}

/* The 12-month price line (SVG) and the homes-sold columns, drawn from Jethro's monthly
 * spreadsheet. The line draws itself in and the columns rise as the panel scrolls into view. */
.seymour-mstats__line {
	display: block;
	height: auto;
	overflow: visible;
	width: 100%;
}

.seymour-mstats__grid-line {
	stroke: var(--stats-muted);
	stroke-width: 1;
}

.seymour-mstats__axis-t {
	fill: var(--stats-ink-2);
	font-family: var(--font-sans);
	font-size: 11px;
}

.seymour-mstats__line-path {
	fill: none;
	stroke: var(--stats-a);
	stroke-linejoin: round;
	stroke-width: 2;
}

.seymour-mstats__pt {
	fill: var(--stats-a);
	stroke: var(--stats-surface);
	stroke-width: 2;
}

.seymour-mstats__pt:hover {
	fill: var(--gold-500, #c9a84c);
}

.seymour-mstats__pt-lbl {
	fill: var(--stats-ink);
	font-family: var(--font-sans);
	font-size: 12px;
	font-weight: 600;
}

.seymour-mstats--anim .seymour-mstats__line-path {
	stroke-dasharray: 1;
	transition: stroke-dashoffset 1.4s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.seymour-mstats--anim :is(.seymour-mstats__chart, .seymour-mstats__glance):not(.is-in) .seymour-mstats__line-path {
	stroke-dashoffset: 1;
}

.seymour-mstats--anim .seymour-mstats__pt,
.seymour-mstats--anim .seymour-mstats__pt-lbl {
	transition: opacity 0.4s ease 1s;
}

.seymour-mstats--anim :is(.seymour-mstats__chart, .seymour-mstats__glance):not(.is-in) :is(.seymour-mstats__pt, .seymour-mstats__pt-lbl) {
	opacity: 0;
}

/* The combined chart (Kaz, October 27, 2026, like the infographic's): homes sold as gold bars on
 * the left scale, the average price as a navy line on the right scale, each axis in its colour. */
.seymour-mstats__combo {
	display: block;
	height: auto;
	overflow: visible;
	width: 100%;
}

.seymour-mstats__cbar rect {
	fill: var(--stats-b);
	opacity: 0.55;
	transform-box: fill-box;
	transform-origin: bottom;
	transition: opacity 0.15s, transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.seymour-mstats__cbar:hover rect {
	opacity: 0.85;
}

/* A column and its row in "See the figures" light up together (Kaz, October 27, 2026): the
 * column lifts and turns navy, its number gold, and the row is shaded. */
.seymour-mstats__cbar {
	transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.seymour-mstats__cbar.is-hot {
	transform: translateY(-6px);
}

.seymour-mstats__cbar.is-hot rect {
	fill: var(--navy);
	opacity: 1;
	transition: fill 0.2s, opacity 0.2s, transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.seymour-mstats__cbar.is-hot .seymour-mstats__cbar-v {
	fill: var(--gold-500, #c9a84c);
}

.seymour-mstats__pt.is-hot {
	fill: var(--gold-500, #c9a84c);
}

.seymour-mstats__data tr.is-hot > * {
	background: rgba(201, 168, 76, 0.12);
}

.seymour-mstats__data tbody tr {
	cursor: default;
}

@media (prefers-reduced-motion: reduce) {
	.seymour-mstats__cbar.is-hot {
		transform: none;
	}
}

.seymour-mstats__cbar-v {
	fill: var(--stats-ink);
	font-family: var(--font-sans);
	font-size: 11px;
	font-weight: 600;
}

.seymour-mstats__axis-t--b {
	fill: #8a6d22;
}

.seymour-mstats__axis-t--a {
	fill: var(--navy);
}

.seymour-mstats__key--line {
	background: var(--stats-a);
	border-radius: 2px;
	height: 3px;
	width: 16px;
}

.seymour-mstats--anim :is(.seymour-mstats__chart, .seymour-mstats__glance):not(.is-in) .seymour-mstats__cbar rect {
	transform: scaleY(0);
}

.seymour-mstats__cols {
	align-items: end;
	display: grid;
	gap: 4px;
	grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
	height: 150px;
	margin-bottom: var(--space-3, 12px);
}

.seymour-mstats__col-bar {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-end;
	position: relative;
}

.seymour-mstats__col-val {
	color: var(--stats-ink);
	font-size: 11px;
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	margin-bottom: 3px;
}

.seymour-mstats__col-fill {
	background: var(--stats-b);
	border-radius: 4px 4px 0 0;
	display: block;
	height: var(--h);
	max-height: calc(100% - 34px);
	transition: height 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
	width: 100%;
}

.seymour-mstats__col-fill--now {
	background: var(--stats-a);
}

.seymour-mstats__col-lbl {
	color: var(--stats-ink-2);
	font-size: 11px;
	margin-top: 4px;
}

.seymour-mstats--anim :is(.seymour-mstats__chart, .seymour-mstats__glance):not(.is-in) .seymour-mstats__col-fill {
	height: 0;
}

.seymour-mstats__data summary {
	color: var(--stats-ink-2);
	cursor: pointer;
	font-size: 13px;
	margin: 0 0 var(--space-2, 8px);
}

.seymour-mstats__data .seymour-mstats__table {
	font-size: 13px;
}

/* Table labels: gold, no dashes, centred (Kaz, October 27, 2026). */
.seymour-blog-post .seymour-mstats .seymour-mstats__table caption.seymour-mstats__tlabel {
	color: var(--gold-800, #8a6d22);
	font-family: var(--font-sans);
	font-size: var(--fs-eyebrow, 13px);
	font-weight: var(--weight-medium, 500);
	letter-spacing: var(--tracking-eyebrow, 0.16em);
	margin: 0 0 var(--space-3, 12px);
	text-align: center;
	text-transform: uppercase;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__flabel--gap {
	margin-bottom: var(--space-5, 24px);
}

.seymour-blog-post .seymour-mstats .seymour-mstats__flabel--centre {
	justify-content: center;
}

/* The glance tiles start right at the panel's top now the title is gone. */
.seymour-mstats__glance > .seymour-mstats__gtiles > .seymour-mstats__gtile:nth-child(-n+2) {
	border-top: 0;
	padding-top: 0;
}

/* Only the chart part of the infographic image (it starts 632px down the 761 x 1105 image). */
.seymour-mstats__crop {
	aspect-ratio: 761 / 473;
	overflow: hidden;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__crop img {
	display: block;
	margin-top: -83.05%;
	max-width: none;
	width: 100%;
}

/* The closing band in two columns (Kaz, October 27, 2026): the call to action on the left, centred,
 * and the neighbourhood's homes for sale on a map on the right ([seymour_area_homes_map]). */
.seymour-mstats__grid--cta {
	align-items: center;
}

.seymour-mstats__cta {
	text-align: center;
}

.seymour-mstats__cta .seymour-eyebrow,
.seymour-mstats__cta .seymour-mstats__actions {
	justify-content: center;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__cta > p:not(.seymour-eyebrow) {
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1100px) {
	.seymour-blog-post .seymour-mstats .seymour-mstats__cta > p.seymour-mstats__oneline {
		font-size: clamp(14px, 1.05vw, 17px);
		max-width: 100%;
		white-space: nowrap;
	}
}

/* Jethro's bio after the valuation button, in the disclaimer's small type (Kaz, October 27, 2026). */
.seymour-blog-post .seymour-mstats .seymour-mstats__cta > p.seymour-mstats__fine {
	color: rgba(255, 255, 255, 0.62);
	font-size: 12.5px;
	line-height: 1.6;
	margin: var(--space-4, 20px) auto 0; /* A little closer to the button (Kaz, October 27, 2026). */
	max-width: 560px;
}

.seymour-blog-post .seymour-mstats .seymour-mstats__fine a {
	color: var(--gold-500, #c9a84c) !important;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.seymour-area-map {
	margin: 0;
}

.seymour-blog-post .seymour-mstats .seymour-area-map__label {
	margin: 0 0 var(--space-3, 12px);
}

.seymour-area-map__canvas {
	border: 1px solid rgba(201, 168, 76, 0.45);
	height: clamp(320px, 34vw, 440px);
	width: 100%;
}

.seymour-blog-post .seymour-mstats .seymour-area-map__caption {
	font-size: 14px;
	margin-top: var(--space-3, 12px);
	text-align: center; /* Centred under the map (Kaz, October 27, 2026). */
}

/* Inside the map, Leaflet keeps its own sizes (the page's max-width rule squeezed the pins and boxes). */
.seymour-area-map .leaflet-marker-icon,
.seymour-area-map .leaflet-marker-icon *,
.seymour-area-map .leaflet-popup,
.seymour-area-map .leaflet-popup *,
.seymour-area-map .leaflet-popup-content {
	max-width: none;
}

.seymour-area-map .seymour-pin-popup .leaflet-popup-content {
	width: auto !important;
}

.seymour-blog-post .seymour-mstats .seymour-area-map a.seymour-pin-card {
	color: var(--ink, #1a2433) !important;
	padding-right: var(--space-6, 40px);
	text-decoration: none;
	width: max-content;
}

.seymour-area-map .seymour-pin-card__price {
	color: var(--navy);
	display: block;
	font-weight: 600;
}

.seymour-area-map a.seymour-pin-card:hover .seymour-pin-card__address {
	text-decoration: underline;
	text-decoration-color: var(--gold-500, #c9a84c);
}

/* A navy band over a photo, the navy at 75% (Kaz, October 27, 2026: the Davisville condo towers
 * behind Pricing Trends; 65% from the same day). */
.seymour-mstats__band--navy.seymour-mstats__band--photo {
	/* Deeper on the left, behind the words, like the hero (Kaz, October 27, 2026). */
	background:
		linear-gradient(to right, rgba(10, 22, 40, 0.5) 0%, rgba(10, 22, 40, 0.35) 45%, rgba(10, 22, 40, 0) 70%),
		linear-gradient(rgba(10, 22, 40, 0.65), rgba(10, 22, 40, 0.65)),
		var(--band-photo) center / cover no-repeat;
}

/* The words over the photo in full white (Kaz, October 27, 2026). */
.seymour-blog-post .seymour-mstats .seymour-mstats__band--photo .seymour-mstats__text p {
	color: var(--white, #fff);
}

.seymour-mstats__band--photo .seymour-mstats__chart {
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	background: rgba(10, 22, 40, 0.55) !important;
}

/* A label without its side dashes (Kaz, October 27, 2026: Market Report — September 2026). */
.seymour-blog-post .seymour-mstats .seymour-eyebrow.seymour-mstats__nodash::before,
.seymour-blog-post .seymour-mstats .seymour-eyebrow.seymour-mstats__nodash::after {
	display: none;
}

/* A smaller line in the words (Kaz, October 27, 2026: the August report link). */
.seymour-blog-post .seymour-mstats p.seymour-mstats__small {
	font-size: 15px;
	line-height: 1.6;
}

/* "Making a move in …?" and a Talk to Jethro button under the advice boxes (Kaz, October 27, 2026). */
.seymour-mstats__talk {
	/* A thin navy strip, lifted off the cream band, with Talk to Jethro in gold (Kaz, October 27, 2026). */
	align-items: center;
	background: var(--footer-bg, #0a1628);
	border-radius: 4px;
	box-shadow: 0 14px 32px rgba(10, 22, 40, 0.22), 0 2px 6px rgba(10, 22, 40, 0.12);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3, 12px) var(--space-6, 40px);
	justify-content: center;
	margin: var(--space-6, 40px) auto 0;
	max-width: 760px;
	padding: var(--space-3, 12px) var(--space-6, 40px);
	text-align: center;
}

.seymour-blog-post .seymour-mstats p.seymour-mstats__talk-q {
	color: var(--footer-gold, #c9a84c); /* Gold (Kaz, October 27, 2026). */
	font-family: var(--font-serif);
	font-size: 26px;
	font-style: italic;
	line-height: 1.2;
	margin: 0;
}

/* The Talk to Jethro button in navy, gold on hover, like the site's buttons (Kaz, October 27, 2026). */
.seymour-blog-post .seymour-mstats a.seymour-button.seymour-mstats__navy {
	background: var(--footer-gold, #c9a84c);
	border-color: var(--footer-gold, #c9a84c);
	color: var(--footer-bg, #0a1628);
}

.seymour-blog-post .seymour-mstats a.seymour-button.seymour-mstats__navy:hover {
	background: var(--white, #fff);
	border-color: var(--white, #fff);
	color: var(--footer-bg, #0a1628);
}

.seymour-blog-post .seymour-mstats .seymour-mstats__talk > p {
	/* The button centred on the line of text beside it (Kaz, October 27, 2026). */
	align-items: center;
	display: flex;
	margin: 0 !important;
}

.seymour-mstats__talk .seymour-mstats__actions {
	justify-content: center;
	margin-top: 0;
}

/* The bedroom tables without the theme's side rule (Kaz, October 27, 2026). */
.seymour-blog-post .seymour-mstats table.seymour-mstats__table,
.seymour-blog-post .seymour-mstats table.seymour-mstats__table thead,
.seymour-blog-post .seymour-mstats table.seymour-mstats__table tbody,
.seymour-blog-post .seymour-mstats table.seymour-mstats__table tr {
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0;
}

.seymour-blog-post .seymour-mstats table.seymour-mstats__table :is(th, td) {
	border-left: 0 !important;
	border-right: 0 !important;
}

/* ---- Phones and tablets: one column, the chart under the words ---- */
@media (max-width: 900px) {
	.seymour-mstats__grid {
		gap: var(--space-6, 40px);
		grid-template-columns: minmax(0, 1fr);
	}

	.seymour-blog-post .seymour-mstats .seymour-mstats__chart {
		position: static;
	}

	.seymour-mstats__band {
		padding: var(--space-7, 56px) var(--space-4, 16px);
	}

	.seymour-mstats__row {
		grid-template-columns: minmax(0, 7.5em) minmax(0, 1fr) auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.seymour-mstats__fill { transition: none; }
}

/* A closing line under the For Buyers / For Sellers boxes (Kaz, October 27, 2026: Leaside). */
.seymour-blog-post .seymour-mstats p.seymour-mstats__after-boxes {
	margin-top: var(--space-5, 24px);
}

/* Jethro's quote in a statistics post (Kaz, October 27, 2026: Lawrence Park September). */
.seymour-blog-post .seymour-mstats .seymour-mstats__quote {
	border-left: 3px solid var(--gold-500, #c9a84c);
	margin: var(--space-5, 24px) 0 0;
	padding: var(--space-2, 8px) 0 var(--space-2, 8px) var(--space-5, 24px);
}

.seymour-blog-post .seymour-mstats .seymour-mstats__quote p {
	color: var(--stats-ink);
	font-family: var(--font-serif);
	font-size: 20px;
	font-style: italic;
	line-height: 1.45;
	margin: 0 0 var(--space-2, 8px);
}

.seymour-blog-post .seymour-mstats .seymour-mstats__quote cite {
	color: var(--gold-800, #8a6d22);
	font-size: 13px;
	font-style: normal;
	letter-spacing: 0.04em;
}

/* The same photo behind Rosedale's Pricing Trends band, the skyline kept in frame (Kaz, October 27,
 * 2026). Three layers: the two navy casts, then the photo. */
.seymour-mstats__band--photo[style*="rosedale-don-valley-parkway"] {
	background-position: center, center, center 0%;
}