/* 2.18.76: opt-in Areas page polish. No changes to the legacy split-grid view. */
.tb-core-areas-intro{margin-top:22px;max-width:940px}
.tb-area-capsules{padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;align-items:stretch;gap:10px 12px;list-style:none;min-width:0}
.tb-area-capsule{display:inline-flex;align-items:center;gap:9px;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:normal;padding:11px 16px;min-height:43px;background:var(--white,#fff);border:1px solid var(--line,#dedede);border-radius:9px;color:var(--text,#222);font-size:inherit;line-height:1.4;box-shadow:none}
.tb-area-capsule-marker{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--brand-accent,var(--accent,#be951a));font-weight:700}
.tb-area-capsule-marker svg{height:1.05em;width:1.05em;display:block}
.tb-area-enquiry-link{margin-top:26px}
.tb-core-areas-map-intro{margin:16px 0 24px;max-width:850px}
.tb-core-areas-map{margin-top:22px;min-width:0}
.tb-core-areas-map .home-map-frame{width:100%;aspect-ratio:auto;min-height:0;position:relative}
.tb-core-areas-map--compact .home-map-frame{height:300px}
.tb-core-areas-map--standard .home-map-frame{height:420px}
.tb-core-areas-map--large .home-map-frame{height:540px}
@media(max-width:700px){.tb-area-capsules{gap:8px;margin-top:22px}.tb-area-capsule{padding:9px 12px;font-size:inherit;min-height:40px}.tb-core-areas-map--compact .home-map-frame{height:260px}.tb-core-areas-map--standard .home-map-frame{height:320px}.tb-core-areas-map--large .home-map-frame{height:380px}}

/* In the shared Dynamic CTA renderer, the section itself carries the background
   role class. Correct contrast locally without altering other page types. */
.tb-areas-extra .custom-cta.block-bg-brand h2,.tb-areas-extra .custom-cta.block-bg-dark h2{color:#fff}
.tb-areas-extra .custom-cta.block-bg-brand p,.tb-areas-extra .custom-cta.block-bg-dark p{color:color-mix(in srgb,#fff 78%,var(--brand-light))}

/* v2.18.81: ordinary Areas prose uses the global Body role (Standard 17px),
   not the separate Supporting role (Standard 18px). Reuse variables already
   resolved by page.php and preserve the existing Dynamic Page Section Library
   renderer. The higher-scoped rule keeps the Areas-only body copy at Body size
   even when dynamic-typography.css loads after this stylesheet. Do not change
   hero supporting text, capsules, colour, fonts, or other page types. */
.tb-areas-typography--unified :is(.tb-core-areas-intro,.tb-core-areas-map-intro) p,
.tb-areas-typography--unified .tb-areas-extra.custom-page :is(
 .block-heading > p,
 .block-copy .prose p,
 .block-rich .prose p,
 .block-faq-intro .prose p,
 .pricing-block-heading .prose p,
 .custom-html-heading .prose p,
 .dynamic-contact p,
 .custom-cta p
){
 font-family:var(--font-body,var(--site-font));
 font-size:var(--tb-dp-body-size);
 font-weight:var(--body-weight,400);
 line-height:var(--tb-dp-body-leading);
 letter-spacing:var(--body-letter-spacing,0);
}