/* Toronto Livings listing page, layout v3 (2026-10-20). Loaded by templates/single-listing.php. */
html body #tll-listing.tlx {
	--x-ink: #000;
	--x-body: #333;
	--x-muted: #62625d;
	--x-line: #dcdad3;
	--x-soft: #f6f6f6;
	--x-tile: #f6f4ef;
	--x-warm: #efedea;
	--x-teal: #3bbab0;
	--x-serif: "Playfair Display", Georgia, serif;
	--x-sans: Poppins, "Helvetica Neue", Arial, sans-serif;
	max-width: 1280px;
	padding: 24px 40px 0;
	color: var(--x-body);
	font-family: var(--x-sans);
	font-size: 17px;
	line-height: 28px;
}
html body #tll-listing.tlx p { margin: 0; padding: 0; }
html body #tll-listing.tlx a { color: var(--x-ink); text-decoration-color: var(--x-teal); text-underline-offset: 4px; }

/* Gallery */
html body #tll-listing.tlx .tll-gallery { border-radius: 0; height: clamp(320px, 38vw, 488px); }
html body #tll-listing.tlx .tll-gallery__item img { transition: none; }
html body #tll-listing.tlx .tll-gallery__item:hover img { transform: none; }
#tll-listing.tlx .tlx-gbtns { position: absolute; right: 12px; bottom: 12px; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
html body #tll-listing.tlx .tlx-gbtn { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border: 0; border-radius: 4px; background: #fff; color: #000; font: 500 13px/1 var(--x-sans); letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; cursor: pointer; }

/* Grid: top block, price card, the rest */
#tll-listing.tlx .tlx-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; grid-template-areas: "top side" "rest side"; column-gap: 64px; margin-top: 40px; }
#tll-listing.tlx .tlx-top { grid-area: top; min-width: 0; }
#tll-listing.tlx .tlx-rest { grid-area: rest; min-width: 0; }
#tll-listing.tlx .tlx-side { grid-area: side; align-self: start; position: sticky; top: calc(var(--tl-stick, 0px) + 88px); z-index: 6; }

/* Type */
html body #tll-listing.tlx .tlx-eyebrow { display: block; margin: 0; font: 600 12px/16px var(--x-sans); letter-spacing: 2px; text-transform: uppercase; color: var(--x-muted); }
html body #tll-listing.tlx .tlx-h1 { margin: 12px 0 0 !important; padding: 0 !important; font-family: var(--x-serif) !important; font-weight: 500 !important; font-size: 48px !important; line-height: 1.08 !important; letter-spacing: -.5px !important; color: #000 !important; }
html body #tll-listing.tlx .tlx-dot { color: var(--x-teal); }
html body #tll-listing.tlx .tlx-h2 { margin: 0 !important; padding: 0 !important; font-family: var(--x-serif) !important; font-weight: 500 !important; font-size: 32px !important; line-height: 1.15 !important; color: #000 !important; }
html body #tll-listing.tlx .tlx-h2--lg { font-size: 40px !important; }
html body #tll-listing.tlx .tlx-h3 { margin: 48px 0 0 !important; padding: 0 !important; font-family: var(--x-serif) !important; font-weight: 500 !important; font-size: 24px !important; line-height: 1.25 !important; color: #000 !important; }
html body #tll-listing.tlx .tlx-h4 { margin: 32px 0 0 !important; font-family: var(--x-sans) !important; font-size: 18px !important; line-height: 26px !important; font-weight: 500 !important; color: #000 !important; }
html body #tll-listing.tlx .tlx-loc { margin-top: 8px; color: var(--x-muted); }
html body #tll-listing.tlx .tlx-sub { margin-top: 8px; font-size: 15px; line-height: 24px; color: var(--x-muted); }
html body #tll-listing.tlx .tlx-bldlink { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 15px; font-weight: 500; text-decoration: underline; }
#tll-listing.tlx .tlx-bldlink svg { flex: none; }

/* Details strip */
#tll-listing.tlx .tlx-strip { display: flex; margin-top: 24px; border-top: 1px solid var(--x-line); border-bottom: 1px solid var(--x-line); font-size: 14px; line-height: 20px; color: #000; }
#tll-listing.tlx .tlx-strip > div { flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-left: 1px solid var(--x-line); }
#tll-listing.tlx .tlx-strip > div:first-child { padding-left: 0; border-left: 0; }
#tll-listing.tlx .tlx-strip svg { flex: none; }
#tll-listing.tlx .tlx-k { display: block; font-size: 12px; color: var(--x-muted); }

/* Fact tiles */
#tll-listing.tlx .tlx-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-top: 28px; }
#tll-listing.tlx .tlx-tile { display: flex; flex-direction: column; padding: 16px; background: var(--x-tile); border-radius: 10px; }
#tll-listing.tlx .tlx-tile__k { font-size: 12px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; color: var(--x-muted); }
#tll-listing.tlx .tlx-tile__v { margin-top: 4px; font-family: var(--x-serif) !important; font-size: 26px; line-height: 1.2; color: #1f1f1f; }
#tll-listing.tlx .tlx-tile__s { margin-top: 4px; font-size: 13px; line-height: 18px; color: var(--x-muted); }

/* Market card */
#tll-listing.tlx .tlx-mkt { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 12px; padding: 20px 24px; border: 1px solid #e6e4df; border-radius: 14px; }
#tll-listing.tlx .tlx-mkt__txt { flex: 1 1 300px; display: flex; gap: 16px; align-items: flex-start; }
#tll-listing.tlx .tlx-mkt__ico { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--x-teal); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; }
html body #tll-listing.tlx .tlx-mkt__t { font-family: var(--x-serif) !important; font-size: 24px; line-height: 1.2; color: #1f1f1f; }
html body #tll-listing.tlx .tlx-mkt__d { margin-top: 4px; font-size: 15px; line-height: 24px; color: var(--x-muted); }
html body #tll-listing.tlx .tlx-mkt__d a { font-weight: 500; }
#tll-listing.tlx .tlx-mkt__meter { flex: 0 1 290px; }
#tll-listing.tlx .tlx-meter { position: relative; display: flex; height: 30px; font-size: 12px; }
#tll-listing.tlx .tlx-meter span { flex: 1; display: flex; align-items: center; justify-content: center; background: var(--x-tile); color: var(--x-muted); }
#tll-listing.tlx .tlx-meter span:first-child { border-radius: 6px 0 0 6px; }
#tll-listing.tlx .tlx-meter span:nth-child(3) { border-radius: 0 6px 6px 0; }
#tll-listing.tlx .tlx-meter span.is-on { background: var(--x-teal); color: #fff; }
#tll-listing.tlx .tlx-meter i { position: absolute; top: -5px; width: 3px; height: 40px; background: #1f2a28; border-radius: 2px; transform: translateX(-50%); }
html body #tll-listing.tlx .tlx-mkt__r { margin-top: 8px; font-size: 13px; line-height: 20px; color: var(--x-muted); }
#tll-listing.tlx .tlx-mkt__r strong { color: #000; }

/* Price card */
#tll-listing.tlx .tlx-card { background: #fff; border: 1px solid var(--x-line); padding: 32px; }
#tll-listing.tlx .tlx-card__row { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#tll-listing.tlx .tlx-card__k { font-size: 12px; line-height: 16px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; color: var(--x-muted); }
#tll-listing.tlx .tlx-tag { display: inline-block; padding: 3px 8px; border-radius: 2px; background: #000; color: #fff; font-size: 11px; line-height: 16px; letter-spacing: 1.5px; font-weight: 600; text-transform: uppercase; white-space: nowrap; }
#tll-listing.tlx .tlx-tag--sold { background: #DC3D2A; }
html body #tll-listing.tlx .tlx-card__price { margin-top: 6px; font-family: var(--x-serif) !important; font-size: 44px; line-height: 1.1; font-weight: 500; color: #000; }
html body #tll-listing.tlx .tlx-icons { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 10px 0 4px; font-size: 14px; line-height: 20px; color: #000; }
#tll-listing.tlx .tlx-icons span { display: inline-flex; align-items: center; gap: 6px; }
html body #tll-listing.tlx .tlx-card__meta { margin-top: 2px; font-size: 13px; line-height: 20px; color: var(--x-muted); }
#tll-listing.tlx .tlx-card__rule { height: 0; margin: 24px 0; border: 0; border-top: 1px solid var(--x-line); background: none; }
html body #tll-listing.tlx .tlx-card__h { font-family: var(--x-serif) !important; font-size: 22px !important; line-height: 1.25 !important; font-weight: 500 !important; color: #000 !important; }
html body #tll-listing.tlx .tlx-card__p { margin: 8px 0 20px; font-size: 15px; line-height: 24px; }
#tll-listing.tlx .tlx-card__acts { display: grid; gap: 12px; }
html body #tll-listing.tlx .tll-agent__form { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--x-line); }
html body #tll-listing.tlx .tll-agent__form .tlx-card__h { margin-bottom: 14px !important; }
#tll-listing.tlx .tlx-agent { display: flex; align-items: center; gap: 12px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--x-line); }
html body #tll-listing.tlx .tlx-agent__photo { width: 48px !important; height: 48px !important; flex: none; margin: 0 !important; border-radius: 50%; object-fit: cover; object-position: 50% 18%; }
html body #tll-listing.tlx .tlx-agent p { font-size: 14px; line-height: 20px; }
#tll-listing.tlx .tlx-agent strong { display: block; font-weight: 500; color: #000; }
#tll-listing.tlx .tlx-agent span { display: block; color: var(--x-muted); }

/* Buttons */
html body #tll-listing.tlx .tlx-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; margin: 0; padding: 0 20px !important; border: 0 !important; border-radius: 4px !important; background: var(--x-teal) !important; color: #fff !important; font: 500 13px/1 var(--x-sans) !important; letter-spacing: 1.5px !important; text-transform: uppercase; text-decoration: none !important; box-shadow: none !important; cursor: pointer; }
html body #tll-listing.tlx .tlx-btn:hover { background: #2fa49b !important; }
html body #tll-listing.tlx .tlx-btn--ghost { background: #fff !important; color: #000 !important; border: 1px solid #8c8c86 !important; }
html body #tll-listing.tlx .tlx-btn--ghost:hover { background: #f6f6f6 !important; }
html body #tll-listing.tlx .tlx-btn--inline { display: inline-flex; width: auto; height: 44px; }
html body #tll-listing.tlx .tlx-btn--line { background: transparent !important; border: 1px solid #fff !important; }
html body #tll-listing.tlx .tlx-btn--line:hover { background: rgba(255, 255, 255, .12) !important; }

/* Section links bar */
#tll-listing.tlx .tlx-tabs { position: sticky; top: var(--tl-stick, 0px); z-index: 5; display: flex; align-items: stretch; gap: 16px; height: 64px; margin-top: 48px; background: #fff; border-bottom: 1px solid var(--x-line); box-shadow: 0 0 0 100vmax #fff; clip-path: inset(0 -100vmax 0 -100vmax); }
#tll-listing.tlx .tlx-tabs__in { flex: 1; min-width: 0; display: flex; gap: 20px; overflow-x: auto; scrollbar-width: none; }
#tll-listing.tlx .tlx-tabs__in::-webkit-scrollbar { display: none; }
html body #tll-listing.tlx .tlx-tabs__in a { flex: none; display: flex; align-items: center; border-bottom: 2px solid transparent; color: var(--x-muted) !important; font: 500 12px/1 var(--x-sans); letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none !important; white-space: nowrap; }
html body #tll-listing.tlx .tlx-tabs__in a:hover, html body #tll-listing.tlx .tlx-tabs__in a.is-active { color: #000 !important; }
html body #tll-listing.tlx .tlx-tabs__in a.is-active { border-bottom-color: var(--x-teal); }
#tll-listing.tlx .tlx-tabs__acts { display: flex; align-items: center; gap: 8px; }
html body #tll-listing.tlx .tlx-iconbtn { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0 !important; border: 1px solid #8c8c86 !important; border-radius: 4px !important; background: #fff !important; color: #000 !important; cursor: pointer; }
html body #tll-listing.tlx .tlx-iconbtn.tll-heart { position: static !important; inset: auto !important; box-shadow: none !important; }
#tll-listing.tlx .tlx-iconbtn.tll-heart svg { fill: none; stroke: #000; stroke-width: 1.5; }
#tll-listing.tlx .tlx-iconbtn.tll-heart[aria-pressed="true"] svg { fill: #DC3D2A; stroke: #DC3D2A; }
#tll-listing.tlx [id^="tll-"] { scroll-margin-top: calc(var(--tl-stick, 0px) + 72px); }

/* Sections and bands */
#tll-listing.tlx .tlx-sec { padding: 48px 0; }
#tll-listing.tlx #tll-overview { padding-top: 48px; }
#tll-listing.tlx .tlx-band { margin: 16px 0; padding: 48px; background: var(--x-tile); border-radius: 12px; }
#tll-listing.tlx .tlx-h2row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
#tll-listing.tlx .tlx-badge { padding: 2px 8px; border-radius: 2px; background: #fff; color: #000; font-size: 11px; line-height: 16px; letter-spacing: 1.5px; font-weight: 600; text-transform: uppercase; }

/* At a glance */
#tll-listing.tlx .tlx-glance { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
#tll-listing.tlx .tlx-glance--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#tll-listing.tlx .tlx-glance > div { padding: 20px 24px; background: var(--x-soft); }
#tll-listing.tlx .tlx-band .tlx-glance > div { background: #fff; }
#tll-listing.tlx .tlx-glance__k { display: block; font-size: 14px; line-height: 20px; color: var(--x-muted); }
#tll-listing.tlx .tlx-glance__v { display: block; margin-top: 2px; font-size: 20px; line-height: 28px; font-weight: 500; color: #000; }
html body #tll-listing.tlx .tlx-desc { max-width: 680px; margin-top: 12px; }
html body #tll-listing.tlx .tlx-desc p { margin: 0 0 12px; }
html body #tll-listing.tlx button.tll-more { margin-top: 8px; padding: 0; border: 0; background: none; color: #000; font: 500 15px var(--x-sans); text-decoration: underline; text-decoration-color: var(--x-teal); text-underline-offset: 4px; cursor: pointer; }

/* Details accordion */
#tll-listing.tlx .tlx-acc { margin-top: 24px; border-top: 1px solid var(--x-line); }
#tll-listing.tlx .tlx-acc__item { border-bottom: 1px solid var(--x-line); }
#tll-listing.tlx .tlx-acc__item > summary { list-style: none; display: flex; align-items: center; gap: 16px; min-height: 64px; padding: 10px 0; cursor: pointer; }
#tll-listing.tlx .tlx-acc__item > summary::-webkit-details-marker { display: none; }
#tll-listing.tlx .tlx-acc__item > summary > span { flex: 1; display: flex; flex-direction: column; }
#tll-listing.tlx .tlx-acc__item > summary strong { font-size: 18px; line-height: 26px; font-weight: 500; color: #000; }
#tll-listing.tlx .tlx-acc__item > summary em { font-style: normal; font-size: 14px; line-height: 20px; color: var(--x-muted); }
#tll-listing.tlx .tlx-acc__item > summary::after { content: "+"; width: 24px; text-align: center; font-size: 24px; line-height: 1; color: #000; }
#tll-listing.tlx .tlx-acc__item[open] > summary::after { content: "\2212"; }
#tll-listing.tlx .tlx-acc__item dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; margin: 0 0 24px; }
/* Listing details: one detail per line on every listing type (2026-10-21). */
#tll-listing.tlx:not(.tlx-bldg) .tlx-acc__item dl { grid-template-columns: minmax(0, 1fr); }
#tll-listing.tlx .tlx-acc__item dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-top: 1px solid var(--x-line); font-size: 15px; line-height: 22px; }
#tll-listing.tlx .tlx-acc__item dt { color: var(--x-muted); }
#tll-listing.tlx .tlx-acc__item dd { margin: 0; text-align: right; color: #000; }
html body #tll-listing.tlx .tlx-acc__p { margin: 0 0 24px; font-size: 15px; line-height: 24px; }
#tll-listing.tlx .tlx-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; padding: 0; list-style: none; }
html body #tll-listing.tlx .tlx-tags li { margin: 0; padding: 6px 14px; border: 1px solid var(--x-line); border-radius: 999px; background: #fff; font-size: 14px; line-height: 20px; color: #000; list-style: none; }
html body #tll-listing.tlx .tlx-tags li::before { content: none; }

/* Tables */
#tll-listing.tlx .tlx-table { width: 100%; margin: 12px 0 24px; border-collapse: collapse; font-size: 15px; line-height: 22px; }
#tll-listing.tlx .tlx-table th { padding: 8px 12px 8px 0; border-bottom: 1px solid var(--x-line); font-size: 13px; font-weight: 500; text-align: left; color: var(--x-muted); text-transform: none; letter-spacing: 0; background: none; }
#tll-listing.tlx .tlx-table td { padding: 12px 12px 12px 0; border-bottom: 1px solid #e6e4df; text-align: left; vertical-align: top; }
#tll-listing.tlx .tlx-table strong { font-weight: 500; color: #000; }

/* Monthly cost */
#tll-listing.tlx .tlx-costbox { margin-top: 24px; padding: 32px; background: var(--x-soft); }
#tll-listing.tlx .tlx-costbox .tll-calc__out { background: #fff; border-radius: 0; }

/* Pricing (members) */
#tll-listing.tlx .tlx-locked { position: relative; margin-top: 24px; background: #fff; }
#tll-listing.tlx .tlx-locked__ghost { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 24px; }
#tll-listing.tlx .tlx-locked__ghost i { display: block; height: 96px; background: var(--x-soft); }
#tll-listing.tlx .tlx-locked__ghost b { display: block; grid-column: span 3; height: 12px; background: var(--x-warm); }
#tll-listing.tlx .tlx-locked__box { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px; background: rgba(255, 255, 255, .78); text-align: center; }
#tll-listing.tlx .tlx-locked__box > * { flex: none; }
html body #tll-listing.tlx .tlx-locked__t { font-weight: 500; color: #000; }
html body #tll-listing.tlx .tlx-locked__d { max-width: 420px; margin: 4px 0 14px; font-size: 14px; line-height: 22px; color: var(--x-muted); }
html body #tll-listing.tlx .tlx-locked__s { margin-top: 10px; font-size: 13px; color: var(--x-muted); }
#tll-listing.tlx .tlx-review { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 24px; padding: 24px 28px; background: #fff; }
#tll-listing.tlx .tlx-review > div { flex: 1 1 260px; }
html body #tll-listing.tlx .tlx-review p.tlx-review__t { font-family: var(--x-serif) !important; font-size: 22px; line-height: 1.25; color: #000; }
html body #tll-listing.tlx .tlx-review p { font-size: 15px; line-height: 24px; }

/* History gate */
#tll-listing.tlx .tlx-gate { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 24px; padding: 28px 32px; border: 1px solid var(--x-line); }
#tll-listing.tlx .tlx-gate > div { flex: 1 1 260px; }
#tll-listing.tlx .tlx-gate__ico { color: #000; }
html body #tll-listing.tlx .tlx-gate__t { font-weight: 500; color: #000; }
html body #tll-listing.tlx .tlx-gate p:not(.tlx-gate__t) { font-size: 15px; line-height: 24px; color: var(--x-muted); }

/* Building and area */
#tll-listing.tlx .tlx-bcard { display: grid; grid-template-columns: 240px minmax(0, 1fr); margin-top: 24px; background: #fff; }
#tll-listing.tlx .tlx-bcard__img { min-height: 280px; background: #d6d2ca; position: relative; overflow: hidden; }
html body #tll-listing.tlx .tlx-bcard__img img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
#tll-listing.tlx .tlx-bcard__body { padding: 24px 28px; }
html body #tll-listing.tlx .tlx-bcard__name { margin-top: 4px; font-family: var(--x-serif) !important; font-size: 28px; line-height: 1.2; color: #000; }
html body #tll-listing.tlx .tlx-bcard__facts { font-size: 15px; line-height: 24px; color: var(--x-muted); }
html body #tll-listing.tlx .tlx-bcard__am { margin-top: 8px; font-size: 14px; line-height: 22px; }
#tll-listing.tlx .tlx-bcard__nums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 16px; border-top: 1px solid var(--x-line); border-bottom: 1px solid var(--x-line); }
#tll-listing.tlx .tlx-bcard__nums > div { padding: 12px 0 12px 16px; border-left: 1px solid var(--x-line); }
#tll-listing.tlx .tlx-bcard__nums > div:first-child { padding-left: 0; border-left: 0; }
#tll-listing.tlx .tlx-bcard__nums strong { display: block; font-family: var(--x-serif) !important; font-size: 24px; line-height: 1.2; font-weight: 400; color: #000; }
#tll-listing.tlx .tlx-bcard__nums span { font-size: 13px; line-height: 18px; color: var(--x-muted); }
#tll-listing.tlx .tlx-bcard__acts { margin-top: 16px; }
#tll-listing.tlx .tlx-links2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
html body #tll-listing.tlx .tlx-lcard { display: block; padding: 20px 24px; background: #fff; text-decoration: none; }
#tll-listing.tlx .tlx-lcard strong { display: block; margin-top: 4px; font-family: var(--x-serif) !important; font-size: 24px; line-height: 1.25; font-weight: 400; color: #000; }
#tll-listing.tlx .tlx-lcard__go { display: inline-block; margin-top: 8px; font-size: 14px; font-weight: 500; color: #000; text-decoration: underline; text-decoration-color: var(--x-teal); text-underline-offset: 4px; }
#tll-listing.tlx .tlx-map { position: relative; margin-top: 16px; }
#tll-listing.tlx .tlx-map iframe { display: block; width: 100%; height: 320px; border: 0; }
#tll-listing.tlx .tlx-map__acts { position: absolute; left: 16px; bottom: 16px; display: flex; gap: 8px; }
html body #tll-listing.tlx .tlx-map__acts a { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 4px; background: #fff; color: #000; font: 500 13px/1 var(--x-sans); letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; box-shadow: 0 1px 4px rgba(0, 0, 0, .15); }
html body #tll-listing.tlx .tlx-attrib { padding: 0 0 24px; font-size: 13px; color: var(--x-muted); }

/* Similar homes */
#tll-listing.tlx .tlx-similar { padding: 80px 0 48px; }
#tll-listing.tlx .tlx-similar__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px; }
#tll-listing.tlx .tlx-similar__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; font-size: 15px; font-weight: 500; }
html body #tll-listing.tlx .tlx-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px; margin-top: 40px; }
html body #tll-listing.tlx .tlx-cards .tll-cardlink { border: 0; border-radius: 0; background: var(--x-soft); }
html body #tll-listing.tlx .tlx-cards .tll-cardlink:hover { transform: none; box-shadow: 0 1px 2px rgba(21, 21, 21, .06), 0 12px 32px rgba(21, 21, 21, .08); }
html body #tll-listing.tlx .tlx-cards .tll-cardlink__body { padding: 16px 20px 20px; }
html body #tll-listing.tlx .tlx-cards .tll-cardlink__price { font-size: 24px; font-weight: 500; color: #000; }
html body #tll-listing.tlx .tlx-cards .tll-badge { border-radius: 2px; background: #000; color: #fff; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; box-shadow: none; }

/* Closing band */
#tll-listing.tlx .tlx-cta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 32px 40px; padding: 80px 0; background: #000; box-shadow: 0 0 0 100vmax #000; clip-path: inset(0 -100vmax); color: #e2e1dc; }
html body #tll-listing.tlx .tlx-cta .tlx-h2 { color: #fff !important; }
html body #tll-listing.tlx .tlx-cta p { margin-top: 12px; font-size: 18px; line-height: 30px; color: #e2e1dc; }
#tll-listing.tlx .tlx-cta__acts { display: flex; flex-wrap: wrap; gap: 12px; }
html body #tll-listing.tlx .tll-disclaimer { margin-top: 0; padding: 32px 0 48px; border-top: 0; }

/* Round 2 (2026-10-20): card shadow and form room, At a glance, calculator, building and area, sales charts */
#tll-listing.tlx .tlx-side { top: calc(var(--tl-stick, 0px) + 64px); max-height: calc(100vh - var(--tl-stick, 0px) - 80px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 24px; margin: -24px; }
#tll-listing.tlx .tlx-card { border-color: #e6e4df; border-radius: 4px; box-shadow: 0 1px 2px rgba(21, 21, 21, .05), 0 10px 28px rgba(21, 21, 21, .09); }

#tll-listing.tlx .tlx-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
#tll-listing.tlx .tlx-fact { display: flex; align-items: center; gap: 16px; padding: 20px 22px; background: #fff; border: 1px solid #e6e4df; border-radius: 10px; box-shadow: 0 1px 2px rgba(21, 21, 21, .04), 0 6px 18px rgba(21, 21, 21, .05); }
#tll-listing.tlx .tlx-fact:last-child:nth-child(odd) { grid-column: 1 / -1; }
#tll-listing.tlx .tlx-fact__ico { flex: none; width: 44px; height: 44px; border-radius: 50%; background: #e7f5f4; color: #1f7f78; display: flex; align-items: center; justify-content: center; }
#tll-listing.tlx .tlx-fact__k { display: block; font-size: 12px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; color: var(--x-muted); }
html body #tll-listing.tlx .tlx-fact__v { display: block; margin-top: 4px; font-family: var(--x-serif) !important; font-size: 24px; line-height: 1.2; color: #000; }

#tll-listing.tlx .tlx-costbox { background: #fff; border: 1px solid #e6e4df; border-radius: 10px; box-shadow: 0 1px 2px rgba(21, 21, 21, .04); }
html body #tll-listing.tlx .tll-calc__sum { font-family: var(--x-serif) !important; font-size: 40px !important; font-weight: 500 !important; color: #000 !important; }
html body #tll-listing.tlx .tll-calc__per { color: var(--x-muted) !important; }
html body #tll-listing.tlx .tll-calc__note { color: var(--x-muted) !important; }
html body #tll-listing.tlx .tll-calc__more > summary { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; color: #000 !important; font-size: 15px; font-weight: 500; text-decoration: none !important; cursor: pointer; }
html body #tll-listing.tlx .tll-calc__more > summary > span { text-decoration: underline; text-decoration-color: var(--x-teal); text-underline-offset: 4px; }
html body #tll-listing.tlx .tll-calc__more > summary *, html body #tll-listing.tlx .tll-calc__more > summary::after, html body #tll-listing.tlx .tll-calc__more > summary::before { color: #000 !important; border-color: #000 !important; }
html body #tll-listing.tlx .tll-calc__grid { gap: 32px; margin-top: 24px; align-items: start; }
html body #tll-listing.tlx .tll-calc label { color: #000 !important; font-size: 13px; font-weight: 500; }
html body #tll-listing.tlx .tll-calc label span, html body #tll-listing.tlx .tll-calc__dp-pct { color: #000 !important; }
html body #tll-listing.tlx .tll-calc__dp-pct { font-weight: 600; }
html body #tll-listing.tlx .tll-calc input[type="text"], html body #tll-listing.tlx .tll-calc input[type="number"], html body #tll-listing.tlx .tll-calc select { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; height: 48px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid var(--x-line) !important; border-radius: 4px !important; background: #fff !important; color: #000 !important; font: 400 15px var(--x-sans) !important; box-shadow: none !important; }
html body #tll-listing.tlx .tll-calc input:focus, html body #tll-listing.tlx .tll-calc select:focus { outline: 2px solid var(--x-teal) !important; outline-offset: 1px; border-color: transparent !important; }
html body #tll-listing.tlx .tll-calc input[type="range"] { width: 100%; margin: 8px 0 0; accent-color: var(--x-teal); }
html body #tll-listing.tlx .tll-calc__out { padding: 20px 24px !important; background: var(--x-tile) !important; border: 0 !important; border-radius: 10px !important; }
html body #tll-listing.tlx .tll-calc__out li { border-color: #e2dfd8 !important; color: #000; font-size: 15px; }
html body #tll-listing.tlx .tll-calc__out li:first-child { border-top: 0 !important; }
html body #tll-listing.tlx .tll-calc__out .tll-small { margin-top: 12px; font-size: 13px; line-height: 20px; color: var(--x-muted); }

#tll-listing.tlx .tlx-bcard { grid-template-columns: 220px minmax(0, 1fr); border-radius: 10px; overflow: hidden; box-shadow: 0 1px 2px rgba(21, 21, 21, .04); }
#tll-listing.tlx .tlx-bcard__body { padding: 28px 32px; }
html body #tll-listing.tlx .tlx-bcard__name { margin-top: 8px; }
html body #tll-listing.tlx .tlx-bcard__facts { margin-top: 4px; }
html body #tll-listing.tlx .tlx-bcard__am { margin-top: 12px; color: var(--x-muted); }
#tll-listing.tlx .tlx-bcard__nums { margin-top: 20px; }
#tll-listing.tlx .tlx-bcard__acts { margin-top: 24px; }
#tll-listing.tlx .tlx-links2 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 16px; }
html body #tll-listing.tlx .tlx-lcard { padding: 24px 28px; border-radius: 10px; box-shadow: 0 1px 2px rgba(21, 21, 21, .04); }
#tll-listing.tlx .tlx-map { margin-top: 16px; border-radius: 10px; overflow: hidden; }

#tll-listing.tlx .tlx-legend { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 12px; font-size: 13px; line-height: 20px; color: var(--x-body); }
#tll-listing.tlx .tlx-legend span { display: inline-flex; align-items: center; gap: 8px; }
#tll-listing.tlx .tlx-legend__dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--x-teal); }
#tll-listing.tlx .tlx-legend__dot--o { background: #bdb9b0; }
#tll-listing.tlx .tlx-legend__ln { display: inline-block; width: 18px; height: 0; border-top: 2px solid #3bbab0; }
#tll-listing.tlx .tlx-legend__ln--o { border-top-color: #5c5a55; }
#tll-listing.tlx .tlx-chart__ln { fill: none; stroke: #3bbab0; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
#tll-listing.tlx .tlx-chart__ln--o { stroke: #5c5a55; }
#tll-listing.tlx .tlx-legend__band { display: inline-block; width: 18px; height: 12px; border-radius: 3px; background: #d6efed; }
#tll-listing.tlx .tlx-chart__band { fill: #d6efed; }
#tll-listing.tlx .tlx-chart__med { stroke: #000; stroke-width: 1.5; }
#tll-listing.tlx .tlx-chart__me { stroke: #3bbab0; stroke-width: 3; stroke-linecap: round; }
#tll-listing.tlx .tlx-chart__dot--me { fill: #3bbab0; stroke: #fff; stroke-width: 3; }
html body #tll-listing.tlx .tlx-range__sum { margin-top: 8px; max-width: 640px; font-size: 16px; line-height: 26px; color: #000; }
#tll-listing.tlx .tlx-range__sum span { color: var(--x-muted); }
html body #tll-listing.tlx .tlx-range__note { margin-top: 8px; font-size: 13px; line-height: 20px; color: var(--x-muted); }
#tll-listing.tlx .tlx-chart--range svg { min-width: 520px; }
#tll-listing.tlx .tlx-legend__ln--n { border-top-color: #b8741a; }
#tll-listing.tlx .tlx-chart__ln--n { stroke: #b8741a; }
#tll-listing.tlx .tlx-chart__dot.tlx-chart__dot--n { fill: #b8741a; }
#tll-listing.tlx .tlx-chart__ask.tlx-chart__ask--me { stroke: #3bbab0; stroke-width: 2.5; stroke-dasharray: 7 5; }
#tll-listing.tlx .tlx-chart__end { font: 500 12px Poppins, sans-serif; fill: #000; }
#tll-listing.tlx .tlx-legend__line { display: inline-block; width: 18px; border-top: 2px dashed #000; }
#tll-listing.tlx .tlx-legend__line--me { border-top-color: #3bbab0; border-top-width: 3px; }
#tll-listing.tlx .tlx-chart { margin-top: 12px; padding: 16px 16px 8px; background: #fff; border-radius: 10px; overflow-x: auto; }
#tll-listing.tlx .tlx-chart svg { display: block; width: 100%; min-width: 560px; height: auto; overflow: visible; }
#tll-listing.tlx .tlx-chart--bars svg { min-width: 480px; }
#tll-listing.tlx .tlx-chart__grid { stroke: #ebe9e4; stroke-width: 1; }
#tll-listing.tlx .tlx-chart__base { stroke: #dcdad3; stroke-width: 1; }
#tll-listing.tlx .tlx-chart__lab { font: 400 12px Poppins, sans-serif; fill: #62625d; }
#tll-listing.tlx .tlx-chart__val { font: 500 13px Poppins, sans-serif; fill: #000; }
#tll-listing.tlx .tlx-chart__dot { fill: #3bbab0; stroke: #fff; stroke-width: 2; transition: r .12s; }
#tll-listing.tlx .tlx-chart__dot--o { fill: #5c5a55; }
#tll-listing.tlx .tlx-chart__dot:hover { r: 8; }
#tll-listing.tlx .tlx-chart__ask { stroke: #000; stroke-width: 1.5; stroke-dasharray: 5 4; }
#tll-listing.tlx .tlx-chart__asklab { font: 500 12px Poppins, sans-serif; fill: #000; paint-order: stroke; stroke: #fff; stroke-width: 4px; }
#tll-listing.tlx .tlx-chart__bar { fill: #3bbab0; }
#tll-listing.tlx .tlx-chart__bar:hover { fill: #2fa49b; }
html body #tll-listing.tlx .tlx-suite { display: flex; align-items: center; gap: 12px; color: #000; text-decoration: none; }
#tll-listing.tlx .tlx-suite__img { flex: none; width: 64px; height: 48px; border-radius: 4px; overflow: hidden; background: var(--x-tile); }
html body #tll-listing.tlx .tlx-suite__img img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
#tll-listing.tlx .tlx-suite strong { display: block; font-weight: 500; color: #000; }
#tll-listing.tlx .tlx-suite em { display: block; font-style: normal; font-size: 13px; line-height: 18px; color: var(--x-muted); }
#tll-listing.tlx a.tlx-suite:hover strong { text-decoration: underline; text-decoration-color: var(--x-teal); text-underline-offset: 4px; }
#tll-listing.tlx #tll-pricing .tlx-table td { vertical-align: middle; }
html body #tll-listing.tlx .tlx-more { font-size: 15px; font-weight: 500; }

#tll-listing.tlx { --tll-accent: #3bbab0; --tll-accent-ink: #fff; }
html body #tll-listing.tlx .tll-agent__form label > span, html body #tll-listing.tlx .tll-times span { color: #000 !important; }
html body #tll-listing.tlx .tll-agent__form label > span .tll-opt { color: var(--x-muted) !important; font-weight: 400; }
html body #tll-listing.tlx .tll-times input:checked + span { background: var(--x-teal) !important; border-color: var(--x-teal) !important; color: #fff !important; }

/* House, rental and sold variants (2026-10-20) */
html body #tll-listing.tlx .tlx-tile__v--sm { font-size: 22px; }
#tll-listing.tlx .tlx-due { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--x-line); font-size: 15px; line-height: 22px; color: var(--x-body); }
#tll-listing.tlx .tlx-due strong { flex: none; font-family: var(--x-serif) !important; font-size: 22px; font-weight: 500; color: #000; }
html body #tll-listing.tlx .tlx-apply__p { max-width: 640px; margin-top: 12px; }
#tll-listing.tlx .tlx-apply__list { margin-top: 16px; }
#tll-listing.tlx .tlx-sec:not(.tlx-band) .tlx-review { background: var(--x-tile); border-radius: 10px; }
#tll-listing.tlx .tlx-similar__head .tlx-sub { margin-top: 8px; }

/* Market meter: the highlighted segment is enough, no marker line */
#tll-listing.tlx .tlx-meter i { display: none; }
/* Closing band with the listing photo behind it */
#tll-listing.tlx .tlx-cta--img { position: relative; isolation: isolate; }
#tll-listing.tlx .tlx-cta--img::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: calc(50% - 50vw); width: 100vw; background: linear-gradient(rgba(0, 0, 0, .74), rgba(0, 0, 0, .74)), var(--tlx-cta-img) center / cover no-repeat; }

/* Sold and leased, guest teaser (2026-10-20) */
#tll-listing.tlx-teaser .tlx-teaser__hero { margin-top: 8px; padding: 48px 32px; background: var(--x-tile); border-radius: 12px; text-align: center; }
#tll-listing.tlx-teaser .tlx-teaser__ico { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 16px; border-radius: 50%; background: #fff; color: #000; }
html body #tll-listing.tlx-teaser .tlx-teaser__hero p { max-width: 520px; margin: 10px auto 0; color: var(--x-body); }
#tll-listing.tlx-teaser .tlx-teaser__acts { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 24px; }
html body #tll-listing.tlx-teaser .tlx-teaser__addr { display: flex; align-items: center; gap: 8px; }
html body #tll-listing.tlx-teaser .tlx-teaser__mask { letter-spacing: 2px; color: #b9b6ae; }
#tll-listing.tlx-teaser .tlx-card__meta + .tlx-card__meta { margin-top: 8px; }
#tll-listing.tlx-teaser .tlx-teaser__ghost > div { display: flex; flex-direction: column; gap: 10px; }
#tll-listing.tlx-teaser .tlx-teaser__ghost i { display: block; width: 70%; height: 22px; border-radius: 4px; background: #e7e4dd; }
#tll-listing.tlx-teaser .tlx-teaser__ghost > div:nth-child(2) i { width: 55%; }
#tll-listing.tlx-teaser .tlx-teaser__ghost > div:nth-child(3) i { width: 62%; }
#tll-listing.tlx-teaser #tll-area .tlx-teaser__lcard { background: var(--x-tile); }

/* Never wider than its container (the theme wraps the page in a flex box) */
html body #tll-listing.tlx { min-width: 0; }
@media (max-width: 1023px) { html body #tll-listing.tlx { max-width: 100%; } }
/* Bottom of page: disclaimer, then the closing band, then the site footer */
html body #tll-listing.tlx .tll-disclaimer { padding: 8px 0 48px; max-width: none !important; width: 100%; }
html body #tll-listing.tlx .tll-disclaimer p { max-width: none !important; }
/* Similar homes: swipeable carousel on phones */
@media (max-width: 760px) {
	html body #tll-listing.tlx .tlx-cards { display: flex !important; gap: 12px; margin: 24px -16px 0; padding: 0 16px 8px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 16px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	html body #tll-listing.tlx .tlx-cards::-webkit-scrollbar { display: none; }
	html body #tll-listing.tlx .tlx-cards > * { flex: 0 0 84%; min-width: 0; scroll-snap-align: start; }
	html body #tll-listing.tlx .tll-disclaimer { padding-bottom: 32px; }
}

/* Cost box holds its own heading; history sits in a matching box */
#tll-listing.tlx #tll-calc .tlx-costbox, #tll-listing.tlx #tll-lease .tlx-costbox { margin-top: 0; padding: 40px 48px; }
html body #tll-listing.tlx .tlx-costbox__h { margin-bottom: 20px !important; }
#tll-listing.tlx #tll-history { margin: 16px 0; padding: 40px 48px; background: #fff; border: 1px solid #e6e4df; border-radius: 10px; box-shadow: 0 1px 2px rgba(21, 21, 21, .04); }
#tll-listing.tlx #tll-history .tlx-gate { margin-top: 16px; padding: 0; border: 0; }
#tll-listing.tlx #tll-history > p { margin-top: 8px; }
@media (max-width: 760px) {
	#tll-listing.tlx #tll-calc .tlx-costbox, #tll-listing.tlx #tll-lease .tlx-costbox, #tll-listing.tlx #tll-history { padding: 24px 20px; }
}

/* Mobile bar (phones and tablets) */
html body #tll-listing.tlx .tll-mobilebar { display: none; }

@media (max-width: 1023px) {
	#tll-listing.tlx .tlx-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "top" "side" "rest"; margin-top: 28px; }
	#tll-listing.tlx .tlx-side { position: static; max-height: none; overflow: visible; padding: 0; margin: 24px 0 0; }
	#tll-listing.tlx .tlx-band { padding: 40px 32px; }
	html body #tll-listing.tlx .tll-mobilebar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--x-line); box-shadow: none; color: #000; text-decoration: none; }
	#tll-listing.tlx .tll-mobilebar > span:first-child { display: flex; flex-direction: column; }
	#tll-listing.tlx .tlx-mb__p { font-family: var(--x-serif) !important; font-size: 20px; line-height: 1.1; }
	#tll-listing.tlx .tlx-mb__s { font-size: 12px; line-height: 16px; color: var(--x-muted); }
	html body #tll-listing.tlx .tll-mobilebar__cta { padding: 0 16px; height: 48px; display: inline-flex; align-items: center; border-radius: 4px; background: var(--x-teal); color: #fff; font: 500 12px/1 var(--x-sans); letter-spacing: 1.2px; text-transform: uppercase; }
}
@media (max-width: 760px) {
	html body #tll-listing.tlx { padding: 0 16px; }
	html body #tll-listing.tlx .tll-crumbs { padding-top: 12px; }
	html body #tll-listing.tlx .tll-gallery { height: 64vw; margin: 0 -16px; }
	html body #tll-listing.tlx .tlx-h1 { font-size: 32px !important; }
	html body #tll-listing.tlx .tlx-h2 { font-size: 26px !important; }
	html body #tll-listing.tlx .tlx-h2--lg { font-size: 28px !important; }
	#tll-listing.tlx .tlx-strip { flex-direction: column; }
	#tll-listing.tlx .tlx-strip > div { padding: 10px 0; border-left: 0; border-top: 1px solid #efedea; }
	#tll-listing.tlx .tlx-strip > div:first-child { border-top: 0; }
	#tll-listing.tlx .tlx-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	#tll-listing.tlx .tlx-tile { padding: 12px 14px; }
	#tll-listing.tlx .tlx-tile__v { font-size: 22px; }
	#tll-listing.tlx .tlx-mkt { padding: 16px; gap: 14px; }
	#tll-listing.tlx .tlx-mkt__meter { flex: 1 1 100%; }
	#tll-listing.tlx .tlx-facts { grid-template-columns: minmax(0, 1fr); gap: 8px; }
	#tll-listing.tlx .tlx-fact { padding: 14px 16px; }
	html body #tll-listing.tlx .tlx-fact__v { font-size: 20px; }
	html body #tll-listing.tlx .tll-calc__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	#tll-listing.tlx .tlx-suite__img { width: 48px; height: 36px; }
	#tll-listing.tlx #tll-pricing .tll-table-wrap { overflow-x: auto; }
	#tll-listing.tlx #tll-pricing .tlx-table { min-width: 600px; }
	#tll-listing.tlx .tlx-card { padding: 20px; }
	html body #tll-listing.tlx .tlx-card__price { font-size: 34px; }
	#tll-listing.tlx .tlx-tabs { height: 56px; margin-top: 32px; }
	#tll-listing.tlx .tlx-sec { padding: 40px 0; }
	#tll-listing.tlx .tlx-band { margin: 16px 0; padding: 32px 20px; }
	#tll-listing.tlx .tlx-glance, #tll-listing.tlx .tlx-glance--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	#tll-listing.tlx .tlx-glance > div { padding: 14px 16px; }
	#tll-listing.tlx .tlx-glance__v { font-size: 16px; line-height: 24px; }
	#tll-listing.tlx .tlx-acc__item dl { grid-template-columns: minmax(0, 1fr); }
	#tll-listing.tlx .tlx-costbox { padding: 20px; }
	#tll-listing.tlx .tlx-bcard { grid-template-columns: minmax(0, 1fr); }
	#tll-listing.tlx .tlx-bcard__img { min-height: 180px; }
	#tll-listing.tlx .tlx-bcard__body { padding: 16px; }
	#tll-listing.tlx .tlx-links2 { grid-template-columns: minmax(0, 1fr); gap: 8px; }
	#tll-listing.tlx .tlx-map iframe { height: 240px; }
	#tll-listing.tlx .tlx-similar { padding: 48px 0 32px; }
	html body #tll-listing.tlx .tlx-cards { grid-template-columns: minmax(0, 1fr) !important; gap: 16px; margin-top: 24px; }
	#tll-listing.tlx .tlx-cta { padding: 48px 0; }
	#tll-listing.tlx .tlx-locked__ghost { grid-template-columns: minmax(0, 1fr); }
	#tll-listing.tlx .tlx-locked__ghost b { grid-column: auto; }
}

/* Building page (single-building.php) */
#tll-listing.tlx-bldg .tlx-bhero { position: relative; height: 480px; margin-top: 16px; overflow: hidden; border-radius: 12px; background: #d6d2ca; }
html body #tll-listing.tlx-bldg .tlx-bhero img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
#tll-listing.tlx-bldg .tlx-avail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0 20px; }
#tll-listing.tlx-bldg .tlx-avail p { margin: 0; padding: 14px 16px; border-radius: 8px; background: var(--x-tile); }
html body #tll-listing.tlx-bldg .tlx-avail strong { display: block; font-family: var(--x-serif) !important; font-size: 34px !important; line-height: 1.15 !important; font-weight: 500 !important; letter-spacing: -0.3px; color: #000 !important; }
#tll-listing.tlx-bldg .tlx-avail span { font-size: 14px; line-height: 20px; color: var(--x-muted); }
#tll-listing.tlx-bldg .tlx-card__acts { display: flex; flex-direction: column; gap: 10px; }
#tll-listing.tlx-bldg .tlx-card__acts svg { flex: none; }
html body #tll-listing.tlx-bldg .tlx-linkbtn { padding: 4px 0 !important; border: 0 !important; background: none !important; color: #000 !important; font: 500 15px/24px var(--x-sans) !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: underline; text-decoration-color: var(--x-teal); text-underline-offset: 4px; cursor: pointer; box-shadow: none !important; }
#tll-listing.tlx-bldg .tlx-bform { margin-top: 20px; }
#tll-listing.tlx-bldg .tlx-bform[hidden] { display: none; }
#tll-listing.tlx-bldg .tlx-similar__head .tlx-h2 { margin: 0; }
html body #tll-listing.tlx-bldg .tlx-rest .tlx-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin-top: 24px; }
#tll-listing.tlx-bldg .tlx-sec > .tlx-review { margin-top: 24px; }
#tll-listing.tlx-bldg .tlx-review .tlx-cta__acts { gap: 8px; }
#tll-listing.tlx-bldg .tlx-bdesc { position: relative; }
#tll-listing.tlx-bldg .tlx-bdesc.is-clamped { max-height: 280px; overflow: hidden; }
#tll-listing.tlx-bldg .tlx-bdesc.is-clamped::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 80px; background: linear-gradient(rgba(255, 255, 255, 0), #fff); }
#tll-listing.tlx-bldg .tlx-bdesc__more { margin-top: 8px; }
#tll-listing.tlx-bldg #tll-area .tlx-links2 { margin-top: 24px; }
#tll-listing.tlx-bldg #tll-area .tlx-lcard { background: var(--x-tile); border-radius: 12px; }
#tll-listing.tlx-bldg .tlx-map iframe { border-radius: 12px; }
#tll-listing.tlx-bldg #tll-faq .tlx-acc__item > summary strong { font-size: 17px; }
html body #tll-listing.tlx-bldg .tlx-bcards { margin: 40px 0 0; padding: 0; list-style: none; }
html body #tll-listing.tlx-bldg .tlx-bcards > li { margin: 0; list-style: none; }
html body #tll-listing.tlx-bldg .tlx-bcards > li::before { content: none; }
#tll-listing.tlx-bldg .tll-share.is-copied { border-color: var(--x-teal) !important; color: var(--x-teal) !important; }
#tll-listing.tlx-bldg .tlx-bhero.is-low { height: 400px; }
#tll-listing.tlx-bldg .tlx-bhero.is-low::before { content: ""; position: absolute; inset: -40px; background: var(--tlx-bh) center / cover; filter: blur(28px) saturate(1.1); opacity: .9; }
html body #tll-listing.tlx-bldg .tlx-bhero.is-low img { left: 50%; right: auto; width: auto !important; max-width: 92% !important; transform: translateX(-50%); object-fit: contain; box-shadow: 0 12px 40px rgba(0, 0, 0, .25); }
html body #tll-listing.tlx-bldg .tlx-bcards .tll-bcard { padding: 0; border: 0; border-radius: 0; background: var(--x-soft); box-shadow: none; }
html body #tll-listing.tlx-bldg .tlx-bcards .tll-bcard > a { display: flex !important; flex-direction: column; align-items: stretch; gap: 0; height: 100%; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--x-soft) !important; overflow: hidden; color: #000; text-decoration: none; transition: box-shadow .2s; }
html body #tll-listing.tlx-bldg .tlx-bcards .tll-bcard > a:hover { box-shadow: 0 1px 2px rgba(21, 21, 21, .06), 0 12px 32px rgba(21, 21, 21, .08); }
html body #tll-listing.tlx-bldg .tlx-bcards .tll-bcard__img { position: relative; display: block; width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; flex: none; border-radius: 0 !important; overflow: hidden; background: #d6d2ca; }
html body #tll-listing.tlx-bldg .tlx-bcards .tll-bcard__img img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; border-radius: 0 !important; }
html body #tll-listing.tlx-bldg .tlx-bcards .tll-bcard__text { display: flex; flex-direction: column; gap: 2px; padding: 16px 20px 20px; }
html body #tll-listing.tlx-bldg .tlx-bcards .tll-bcard__text strong { font-family: var(--x-serif) !important; font-size: 24px; line-height: 1.25; font-weight: 500; color: #000; }
html body #tll-listing.tlx-bldg .tlx-bcards .tll-bcard__text span { font-size: 15px; line-height: 22px; font-weight: 500; color: #000; }
html body #tll-listing.tlx-bldg .tlx-bcards .tll-bcard__text em { font-style: normal; font-size: 14px; line-height: 20px; color: var(--x-muted); }
html body #tll-listing.tlx-bldg a.tlx-tile--go { display: flex; flex-direction: column; color: inherit; text-decoration: none !important; transition: box-shadow .2s, background .2s; }
html body #tll-listing.tlx-bldg a.tlx-tile--go:hover { background: #efece5; box-shadow: inset 0 0 0 1px var(--x-teal); }
html body #tll-listing.tlx-bldg a.tlx-tile--go .tlx-tile__k::after { content: " \2192"; color: var(--x-teal); }
html body #tll-listing.tlx-bldg .tlx-avail a { display: block; padding: 14px 16px; border-radius: 8px; background: var(--x-tile); color: inherit; text-decoration: none !important; transition: box-shadow .2s, background .2s; }
html body #tll-listing.tlx-bldg .tlx-avail a:hover { background: #efece5; box-shadow: inset 0 0 0 1px var(--x-teal); }
html body #tll-listing.tlx-bldg .tlx-rest .tlx-car { display: flex !important; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
#tll-listing.tlx-bldg .tlx-car::-webkit-scrollbar { display: none; }
html body #tll-listing.tlx-bldg .tlx-rest .tlx-car > * { flex: 0 0 calc((100% - 24px) / 2.25); min-width: 0; scroll-snap-align: start; }
#tll-listing.tlx-bldg .tlx-car__nav { display: inline-flex; gap: 8px; }
html body #tll-listing.tlx-bldg .tlx-car__nav .tlx-iconbtn { font-size: 26px; line-height: 1; }
html body #tll-listing.tlx-bldg .tlx-car__nav .tlx-iconbtn:disabled { opacity: .35; cursor: default; }
#tll-listing.tlx-bldg .tlx-acc__item dl.tlx-dl1 { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 1023px) {
	#tll-listing.tlx-bldg .tlx-bhero { height: 360px; }
}
@media (max-width: 760px) {
	#tll-listing.tlx-bldg .tlx-bhero, #tll-listing.tlx-bldg .tlx-bhero.is-low { height: 64vw; margin: 0 -16px; border-radius: 0; }
	html body #tll-listing.tlx-bldg .tlx-rest .tlx-cards { grid-template-columns: none !important; }
	html body #tll-listing.tlx-bldg .tlx-rest .tlx-car > * { flex-basis: 84%; }
	#tll-listing.tlx-bldg .tlx-car__nav { display: none; }
	html body #tll-listing.tlx-bldg .tlx-bcards { margin-top: 24px; }
	html body #tll-listing.tlx-bldg .tlx-avail strong { font-size: 28px !important; }
}

/* Breadcrumb under the photos; menu bar fixed full width once the photos scroll away */
html body #tll-listing.tlx .tll-crumbs.tlx-crumbs-below { margin: 0 !important; padding: 20px 0 0 !important; }
html body #tll-listing.tlx .tlx-crumbs-below + .tlx-grid { margin-top: 20px; }
html body #tll-listing.tlx .tlx-tabs.is-fixed { position: fixed !important; top: var(--tl-stick, 0px); left: 0; right: 0; z-index: 60; margin: 0 !important; background: #fff; border-bottom: 1px solid var(--x-line); box-shadow: 0 6px 18px rgba(21, 21, 21, .06) !important; clip-path: none !important; }
#tll-listing.tlx .tlx-tabs-ph[hidden] { display: none; }
@media (max-width: 760px) {
	html body #tll-listing.tlx .tll-crumbs.tlx-crumbs-below { padding-top: 14px !important; }
	html body #tll-listing.tlx .tlx-crumbs-below + .tlx-grid { margin-top: 16px; }
}

/* Market pages (market.php) */
#tll-listing.tlx-mktp .tll-mtabs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 20px; }
html body #tll-listing.tlx-mktp .tll-mtabs a { display: inline-flex; align-items: center; height: 38px; padding: 0 18px; border: 1px solid var(--x-line); border-radius: 999px; background: #fff; color: #000; font: 500 14px/1 var(--x-sans); text-decoration: none; }
html body #tll-listing.tlx-mktp .tll-mtabs a:hover { border-color: #000; }
html body #tll-listing.tlx-mktp .tll-mtabs a[aria-current="page"] { border-color: #000; background: #000; color: #fff; }
html body #tll-listing.tlx-mktp .tl-nbar--market { margin-top: 20px !important; }
#tll-listing.tlx-mktp .tlx-glancebox { margin-top: 40px; }
#tll-listing.tlx-mktp .tlx-glancebox .tlx-h2row { align-items: baseline; flex-wrap: wrap; }
html body #tll-listing.tlx-mktp .tlx-narr { max-width: 760px; margin-top: 12px; font-size: 17px; line-height: 29px; color: #333; }
#tll-listing.tlx-mktp .tlx-mtiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 12px; margin-top: 24px; }
#tll-listing.tlx-mktp .tlx-mtiles--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 16px; }
#tll-listing.tlx-mktp .tlx-tile--w { background: #fff; }
html body #tll-listing.tlx-mktp a.tlx-tile--go { color: inherit; text-decoration: none !important; transition: box-shadow .2s, background .2s; }
html body #tll-listing.tlx-mktp a.tlx-tile--go:hover { background: #efece5; box-shadow: inset 0 0 0 1px var(--x-teal); }
html body #tll-listing.tlx-mktp a.tlx-tile--go .tlx-tile__s { color: #000; font-weight: 500; text-decoration: underline; text-decoration-color: var(--x-teal); text-underline-offset: 3px; }
html body #tll-listing.tlx-mktp .tlx-tile--lock .tlx-tile__v { letter-spacing: 1px; color: #8a867d; }
html body #tll-listing.tlx-mktp .tlx-delta { display: inline-flex; align-self: flex-start; align-items: center; gap: 4px; margin-top: 8px; padding: 3px 10px; border-radius: 999px; background: #dcd9d4; color: #333; font: 500 12px/1.4 var(--x-sans); white-space: nowrap; }
html body #tll-listing.tlx-mktp .tlx-delta--up { background: #2f7d52; color: #fff; }
html body #tll-listing.tlx-mktp .tlx-delta--down { background: #c23522; color: #fff; }
#tll-listing.tlx-mktp .tlx-card__acts { display: flex; flex-direction: column; gap: 10px; }
#tll-listing.tlx-mktp .tlx-card__acts svg { flex: none; }
#tll-listing.tlx-mktp .tlx-similar__head .tlx-h2 { margin: 0; }
html body #tll-listing.tlx-mktp .tlx-rest .tlx-car { display: flex !important; gap: 24px; margin-top: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
#tll-listing.tlx-mktp .tlx-car::-webkit-scrollbar { display: none; }
html body #tll-listing.tlx-mktp .tlx-rest .tlx-car > * { flex: 0 0 calc((100% - 24px) / 2.25); min-width: 0; scroll-snap-align: start; }
#tll-listing.tlx-mktp .tlx-car__nav { display: inline-flex; gap: 8px; }
html body #tll-listing.tlx-mktp .tlx-car__nav .tlx-iconbtn { font-size: 26px; line-height: 1; }
html body #tll-listing.tlx-mktp .tlx-car__nav .tlx-iconbtn:disabled { opacity: .35; cursor: default; }
#tll-listing.tlx-mktp .tlx-soldcard .tll-cardlink__img { position: relative; }
#tll-listing.tlx-mktp .tlx-soldtag { position: absolute; top: 12px; left: 12px; padding: 4px 10px; border-radius: 2px; background: #DC3D2A; color: #fff; font: 600 11px/1.4 var(--x-sans); letter-spacing: 1.5px; text-transform: uppercase; }
html body #tll-listing.tlx-mktp .tlx-tlink { color: #000; font-weight: 500; text-decoration: underline; text-decoration-color: var(--x-teal); text-underline-offset: 3px; }
#tll-listing.tlx-mktp .tll-share.is-copied { border-color: var(--x-teal) !important; color: var(--x-teal) !important; }
/* Charts */
#tll-listing.tlx-mktp .tlx-chart__ref { stroke: #8a867d; stroke-width: 1; stroke-dasharray: 4 4; }
#tll-listing.tlx-mktp .tlx-chart__hit { fill: transparent; }
#tll-listing.tlx-mktp .tlx-legend__sq { display: inline-block; width: 10px; height: 10px; border-radius: 2px; background: #3bbab0; }
/* Home value band */
#tll-listing.tlx-mktp .tlx-mcta > div:first-child { flex: 1 1 380px; max-width: 560px; }
#tll-listing.tlx-mktp .tlx-mcta__form { position: relative; flex: 1 1 420px; max-width: 560px; }
html body #tll-listing.tlx-mktp .tlx-eyebrow--light { color: #cfe9e6 !important; }
#tll-listing.tlx-mktp .tlx-hvbar { display: flex; gap: 8px; padding: 6px; border-radius: 8px; background: #fff; }
html body #tll-listing.tlx-mktp .tlx-hvbar input { min-width: 0; height: 48px; margin: 0; padding: 0 12px !important; border: 0 !important; border-radius: 4px; background: #fff !important; box-shadow: none !important; color: #1f1f1f; font: 15px var(--x-sans); outline: 0; }
html body #tll-listing.tlx-mktp .tlx-hvbar input[name=street] { flex: 1; }
html body #tll-listing.tlx-mktp .tlx-hvbar input[name=unit] { width: 80px; border-left: 1px solid #e4e1dc !important; border-radius: 0; }
#tll-listing.tlx-mktp .tlx-hvbar .tlx-btn { flex: none; white-space: nowrap; }
#tll-listing.tlx-mktp .tlx-hvlist { position: absolute; left: 0; right: 0; top: 66px; z-index: 20; margin: 0; padding: 6px; list-style: none; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(0, 0, 0, .18); color: #1f1f1f; }
html body #tll-listing.tlx-mktp .tlx-hvlist li { margin: 0; padding: 9px 10px; border-radius: 6px; font-size: 14px; color: #1f1f1f; cursor: pointer; list-style: none; }
#tll-listing.tlx-mktp .tlx-hvlist li::before { content: none; }
#tll-listing.tlx-mktp .tlx-hvlist li[aria-selected=true], #tll-listing.tlx-mktp .tlx-hvlist li:hover { background: #efedea; }
html body #tll-listing.tlx-mktp .tlx-mcta__links { margin-top: 12px; font-size: 15px; }
html body #tll-listing.tlx-mktp .tlx-mcta__links a { color: #fff; text-decoration: underline; text-decoration-color: var(--x-teal); text-underline-offset: 4px; }
@media (max-width: 1023px) {
}
@media (max-width: 760px) {
	#tll-listing.tlx-mktp .tlx-mtiles, #tll-listing.tlx-mktp .tlx-mtiles--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	html body #tll-listing.tlx-mktp .tlx-rest .tlx-cards { grid-template-columns: none !important; }
	html body #tll-listing.tlx-mktp .tlx-rest .tlx-car > * { flex-basis: 84%; }
	#tll-listing.tlx-mktp .tlx-car__nav { display: none; }
	#tll-listing.tlx-mktp .tlx-hvbar { flex-wrap: wrap; }
	html body #tll-listing.tlx-mktp .tlx-hvbar input[name=street] { flex: 1 1 100%; }
	html body #tll-listing.tlx-mktp .tlx-hvbar input[name=unit] { flex: 1; border-left: 0 !important; border-top: 1px solid #e4e1dc !important; }
	#tll-listing.tlx-mktp .tlx-hvlist { top: auto; }
}

/* Market pages, round 2: hero like the neighbourhood guides, aligned tiles, comparison box, chart colours */
body:has(#tll-listing.tlx-mktp) { overflow-x: clip; }
#tll-listing.tlx-mktp .tlx-mhero { position: relative; display: flex; align-items: flex-end; min-height: 493px; margin: 0 calc(50% - 50vw); padding: 96px 40px 64px; overflow: hidden; background: #252525; }
html body #tll-listing.tlx-mktp .tlx-mhero__img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
#tll-listing.tlx-mktp .tlx-mhero__scrim { position: absolute; inset: 0; background: rgba(21, 21, 21, .55); }
#tll-listing.tlx-mktp .tlx-mhero__body { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; }
html body #tll-listing.tlx-mktp .tlx-mhero__eyebrow { max-width: 760px; margin: 0 0 16px; font: 600 12px/16px var(--x-sans); letter-spacing: 2px; text-transform: uppercase; color: #a9a9a3; }
html body #tll-listing.tlx-mktp .tlx-mhero__eyebrow a { color: #a9a9a3; text-decoration: none; }
html body #tll-listing.tlx-mktp .tlx-mhero__eyebrow a:hover { color: #fff; }
html body #tll-listing.tlx-mktp .tlx-mhero__eyebrow span[aria-hidden] { margin: 0 6px; }
html body #tll-listing.tlx-mktp .tlx-mhero__h1 { max-width: 760px; margin: 0 !important; font-family: var(--x-serif) !important; font-size: 56px !important; line-height: 1.15 !important; font-weight: 500 !important; letter-spacing: -0.3px; color: #fff !important; }
html body #tll-listing.tlx-mktp .tlx-mhero__lead { max-width: 760px; margin: 24px 0 0; font-size: 20px; line-height: 32px; color: #e2e1dc; }
html body #tll-listing.tlx-mktp .tll-mtabs { margin-top: 0; }
html body #tll-listing.tlx-mktp .tll-mtabs a { color: #000 !important; }
html body #tll-listing.tlx-mktp .tll-mtabs a[aria-current="page"] { border-color: #000 !important; background: #000 !important; color: #fff !important; }
html body #tll-listing.tlx-mktp .tl-nbar--market { margin-top: 0 !important; }
html body #tll-listing.tlx-mktp h2.tlx-h2 span.tlx-h2__aside, html body #tll-listing.tlx-mktp .tlx-h2__aside { font-family: var(--x-sans) !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--x-muted) !important; }
#tll-listing.tlx-mktp .tlx-mtiles > .tlx-tile { display: flex; flex-direction: column; min-height: 132px; }
html body #tll-listing.tlx-mktp .tlx-mtiles .tlx-tile__k { display: block; min-height: 32px; letter-spacing: .6px; }
html body #tll-listing.tlx-mktp .tlx-mtiles .tlx-tile__v { margin-bottom: 12px; }
html body #tll-listing.tlx-mktp .tlx-mtiles .tlx-delta, html body #tll-listing.tlx-mktp .tlx-mtiles .tlx-tile__s { margin-top: auto !important; }
#tll-listing.tlx-mktp .tlx-mtiles--3 > .tlx-tile { min-height: 0; }
#tll-listing.tlx-mktp .tlx-mcmp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); align-items: center; gap: 20px 40px; margin-top: 24px; padding: 24px 28px; border: 1px solid #e6e4df; border-radius: 14px; background: #fff; }
html body #tll-listing.tlx-mktp .tlx-mcmp__k { margin: 0; font: 600 12px/16px var(--x-sans); letter-spacing: 2px; text-transform: uppercase; color: var(--x-muted); }
html body #tll-listing.tlx-mktp .tlx-mcmp__big { margin: 6px 0 0; font-family: var(--x-serif) !important; font-size: 40px !important; line-height: 1.1 !important; font-weight: 500 !important; color: #000 !important; }
html body #tll-listing.tlx-mktp .tlx-mcmp__p { margin: 8px 0 0; font-size: 15px; line-height: 24px; color: #333; }
#tll-listing.tlx-mktp .tlx-mcmp__bars { display: flex; flex-direction: column; gap: 14px; }
#tll-listing.tlx-mktp .tlx-mcmp__row { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; align-items: center; gap: 12px; font-size: 14px; }
#tll-listing.tlx-mktp .tlx-mcmp__n { font-weight: 500; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#tll-listing.tlx-mktp .tlx-mcmp__track { display: block; height: 14px; border-radius: 7px; background: #f1efe9; overflow: hidden; }
#tll-listing.tlx-mktp .tlx-mcmp__track i { display: block; height: 100%; border-radius: 7px; background: var(--x-teal); }
#tll-listing.tlx-mktp .tlx-mcmp__row.is-city .tlx-mcmp__track i { background: #5c5a55; }
#tll-listing.tlx-mktp .tlx-mcmp__row strong { font-weight: 600; color: #000; }
#tll-listing.tlx-mktp .tlx-avail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0 4px; }
html body #tll-listing.tlx-mktp .tlx-avail a { display: block; padding: 14px 16px; border-radius: 8px; background: var(--x-tile); color: inherit; text-decoration: none !important; transition: box-shadow .2s, background .2s; }
html body #tll-listing.tlx-mktp .tlx-avail a:hover, html body #tll-listing.tlx-mktp .tlx-avail a.is-on { background: #efece5; box-shadow: inset 0 0 0 1px var(--x-teal); }
html body #tll-listing.tlx-mktp .tlx-avail strong { display: block; font-family: var(--x-serif) !important; font-size: 34px !important; line-height: 1.15 !important; font-weight: 500 !important; letter-spacing: -0.3px; color: #000 !important; }
#tll-listing.tlx-mktp .tlx-avail span { font-size: 14px; line-height: 20px; color: var(--x-muted); }
#tll-listing.tlx-mktp .tlx-forsale { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
html body #tll-listing.tlx-mktp .tlx-forsale__a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border: 1px solid var(--x-line); border-radius: 8px; background: #fff; color: #000; text-decoration: none !important; transition: border-color .2s, background .2s; }
html body #tll-listing.tlx-mktp .tlx-forsale__a:hover, html body #tll-listing.tlx-mktp .tlx-forsale__a.is-on { border-color: var(--x-teal); background: #f2faf9; }
#tll-listing.tlx-mktp .tlx-forsale__a strong { display: block; font-size: 15px; line-height: 22px; font-weight: 500; }
#tll-listing.tlx-mktp .tlx-forsale__a em { display: block; font-style: normal; font-size: 13px; line-height: 18px; color: var(--x-muted); }
#tll-listing.tlx-mktp .tlx-forsale__a > span:last-child { color: var(--x-teal); font-size: 18px; }
#tll-listing.tlx-mktp .tlx-chart__zone { fill: #eef7f6; }
#tll-listing.tlx-mktp .tlx-chart__ref { stroke: #8a867d; stroke-width: 1; stroke-dasharray: 4 4; }
#tll-listing.tlx-mktp .tlx-chart__bar--n { fill: #8a867d; }
#tll-listing.tlx-mktp .tlx-chart__bar--n:hover { fill: #6b6862; }
#tll-listing.tlx-mktp .tlx-legend__sq--n { background: #8a867d; }
@media (max-width: 760px) {
	#tll-listing.tlx-mktp .tlx-mhero { min-height: 380px; padding: 72px 16px 32px; }
	html body #tll-listing.tlx-mktp .tlx-mhero__h1 { font-size: 36px !important; }
	html body #tll-listing.tlx-mktp .tlx-mhero__lead { margin-top: 14px; font-size: 16px; line-height: 26px; }
	#tll-listing.tlx-mktp .tlx-mcmp { grid-template-columns: minmax(0, 1fr); padding: 20px; }
	#tll-listing.tlx-mktp .tlx-mcmp__row { grid-template-columns: 72px minmax(0, 1fr) auto; }
	#tll-listing.tlx-mktp .tlx-mtiles > .tlx-tile { min-height: 116px; }
}

/* Market pages: spacing pass (2026-10-20) */
html body #tll-listing.tlx-mktp { padding-top: 0 !important; }
#tll-listing.tlx-mktp .tlx-grid { margin-top: 48px; padding-bottom: 48px; }
#tll-listing.tlx-mktp .tlx-strip { margin-top: 24px; }
#tll-listing.tlx-mktp .tlx-mkt { margin-top: 24px; }
#tll-listing.tlx-mktp .tlx-glancebox { margin-top: 48px; }
#tll-listing.tlx-mktp .tlx-band { margin: 24px 0; }
#tll-listing.tlx-mktp .tlx-sec:not(.tlx-band) { padding: 56px 0; }
#tll-listing.tlx-mktp #tll-faq { padding-bottom: 32px; }
#tll-listing.tlx-mktp .tlx-glancebox .tlx-h2row { column-gap: 10px; }
html body #tll-listing.tlx-mktp .tl-nbar--market + .tlx-strip { border-top: 0; }
@media (max-width: 760px) {
	#tll-listing.tlx-mktp .tlx-grid { margin-top: 32px; }
	#tll-listing.tlx-mktp .tlx-strip, #tll-listing.tlx-mktp .tlx-mkt { margin-top: 16px; }
	#tll-listing.tlx-mktp .tlx-glancebox { margin-top: 40px; }
	#tll-listing.tlx-mktp .tlx-band { margin: 16px 0; }
	#tll-listing.tlx-mktp .tlx-sec:not(.tlx-band) { padding: 40px 0; }
	#tll-listing.tlx-mktp .tlx-mtiles > .tlx-tile:last-child:nth-child(odd) { grid-column: 1 / -1; min-height: 0; }
}

/* Market pages: area / property-type menu at the bottom of the hero (2026-10-20) */
#tll-listing.tlx-mktp .tlx-mhero:has(.tl-areanav) { padding-bottom: 0; }
#tll-listing.tlx-mktp .tl-areanav { display: flex; gap: 0 32px; margin: 40px 0 0; border-top: 1px solid rgba(255, 255, 255, .24); overflow-x: auto; scrollbar-width: none; }
#tll-listing.tlx-mktp .tl-areanav::-webkit-scrollbar { display: none; }
html body #tll-listing.tlx-mktp .tl-areanav a { flex: none; display: inline-flex; align-items: center; min-height: 56px; border-bottom: 2px solid transparent; color: rgba(255, 255, 255, .8) !important; font: 500 14px/1 var(--x-sans); letter-spacing: .4px; text-decoration: none !important; white-space: nowrap; }
html body #tll-listing.tlx-mktp .tl-areanav a:hover { color: #fff !important; border-bottom-color: rgba(255, 255, 255, .5); }
html body #tll-listing.tlx-mktp .tl-areanav a[aria-current="page"] { color: #fff !important; border-bottom-color: var(--x-teal); }
#tll-listing.tlx-mktp .tlx-top > .tlx-strip:first-child { margin-top: 0; border-top: 0; }
@media (max-width: 760px) {
	#tll-listing.tlx-mktp .tl-areanav { gap: 0 22px; margin-top: 28px; }
	html body #tll-listing.tlx-mktp .tl-areanav a { min-height: 50px; font-size: 13px; }
}


/* Area: neighbourhood card in the building card's layout, with the guide, schools and market links as one list (2026-10-21). */
html body #tll-listing.tlx .tlx-bcard { border-radius: 12px; overflow: hidden; }
#tll-listing.tlx .tlx-ncard .tlx-bcard__img { display: block; }
html body #tll-listing.tlx h3.tlx-ncard__h { --tl-h3: 28px; margin: 8px 0 0 !important; font-family: var(--x-serif) !important; font-size: 28px !important; line-height: 1.2 !important; font-weight: 400 !important; letter-spacing: 0 !important; }
html body #tll-listing.tlx .tlx-ncard__h a { color: #000; text-decoration: none; border: 0; }
#tll-listing.tlx .tlx-ncard__p { margin: 8px 0 0; font-size: 15px; line-height: 24px; color: #333; }
#tll-listing.tlx .tlx-ncard__links { list-style: none; margin: 16px 0 0; padding: 0; border-top: 1px solid var(--x-line); }
#tll-listing.tlx .tlx-ncard__links li { margin: 0; padding: 0; list-style: none; }
html body #tll-listing.tlx .tlx-ncard__links a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--x-line); font-size: 15px; font-weight: 500; color: #000; text-decoration: none; }
html body #tll-listing.tlx .tlx-ncard__links a::after { content: "\2192"; color: #3bbab0; font-weight: 400; }
html body #tll-listing.tlx .tlx-ncard__links a:hover { color: #333; }

/* Market pages: the summary now opens the page, so it sits level with the side card (2026-10-22). */
html body #tll-listing.tlx .tlx-top > .tlx-glancebox:first-child { margin-top: 0; }