/* Local consistency trial: Contact's palette and layout language, existing content and images. */
:root{--trial-navy:#0a215b;--trial-coral:#F4455A;--trial-mist:#eef4fb;--trial-line:#c0cddd;--trial-ink:#425267}
body[data-page] #main{color:var(--trial-navy)}
body[data-page] #main :is(h1,h2,h3),#main:is(.cf-public,.cf-signature) :is(h1,h2,h3){letter-spacing:-.025em;line-height:1.18;font-weight:700}
body[data-page] #main h2,#main:is(.cf-public,.cf-signature) h2{font-size:clamp(28px,3.2vw,42px)}
body[data-page] #main :is(.button,.inline-link),#main:is(.cf-public,.cf-signature) .cf-btn{border-radius:0;font-weight:700}
body[data-page] #main .button-coral,#main:is(.cf-public,.cf-signature) .cf-btn{background:var(--trial-coral);border-color:var(--trial-coral);color:#fff}
body[data-page] #main .button-outline,#main:is(.cf-public,.cf-signature) .cf-outline{background:transparent;color:var(--trial-navy);border-color:var(--trial-navy)}
body[data-page] #main :is(.page-intro,.area-directory-intro),#main.cf-public .cf-search-heading{max-width:none;width:100%;margin:0;background:var(--trial-navy);padding:60px max(40px,calc((100vw - 1200px)/2));border-bottom:8px solid var(--trial-coral);color:#fff}
body[data-page] #main :is(.page-intro,.area-directory-intro) :is(h1,h2,.lead,.eyebrow),#main.cf-public .cf-search-heading :is(h1,p,a,.cf-eyebrow){color:#fff}
body[data-page] #main :is(.page-intro,.area-directory-intro) h1{font-size:clamp(38px,4.5vw,60px);max-width:1000px;margin:20px 0 24px}
body[data-page] #main :is(.page-intro,.area-directory-intro) .lead{color:#e2eaf6;max-width:780px;font-size:18px;line-height:1.8}
body[data-page] #main :is(.page-intro,.area-directory-intro) .breadcrumbs,body[data-page] #main :is(.page-intro,.area-directory-intro) .breadcrumbs a{color:#dbe6f8}
body[data-page] #main :is(.split-section,.guide-content,.legal-copy,.form-layout,.process,.faq-section){margin-top:48px;margin-bottom:48px}
body[data-page] #main :is(.guide-content article,.steps article,.area-card,.form-aside,.property-card){border-radius:0;background:#fff;border:1px solid var(--trial-line);border-top:3px solid var(--trial-coral);box-shadow:none}
body[data-page] #main .faqs details{background:white;border:1px solid var(--trial-line);border-left:3px solid var(--trial-coral);border-radius:0}
body[data-page] #main .faqs summary{font-weight:700;font-size:18px}
/* Homepage: retain its hero photograph, balance it with an editorial introduction. */
body[data-page=""] #main .hero-shade{background:linear-gradient(180deg,#0a215b8c,#0a215b99)}
body[data-page=""] #main .hero h1{font-weight:700;font-size:clamp(36px,4.4vw,58px);line-height:1.15}
body[data-page=""] #main .home-agency-intro{background:var(--trial-mist);padding:64px 0;text-align:left}
body[data-page=""] #main .home-agency-intro .wrap{max-width:1280px;display:grid;grid-template-columns:1fr 1.2fr;column-gap:64px;row-gap:24px;align-items:start}
body[data-page=""] #main .home-agency-intro h2{font-size:clamp(32px,3.5vw,46px);line-height:1.12;margin:0;grid-column:1;grid-row:1}
body[data-page=""] #main .agency-intro-copy{grid-column:2;grid-row:1/span 2;padding:28px;background:white;border-top:3px solid var(--trial-coral)}
body[data-page=""] #main .agency-intro-copy p{margin:0 0 18px;font-size:17px;line-height:1.8;color:var(--trial-ink);max-width:none}
body[data-page=""] #main .agency-intro-copy p:last-child{margin:0}
body[data-page=""] #main .agency-intro-links{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:start;gap:18px;margin:0}
body[data-page=""] #main .services-l-preview{background:white}
body[data-page=""] #main .reference-featured{background:var(--trial-mist)}
body[data-page=""] #main .property-card{border:1px solid var(--trial-line);border-bottom:3px solid var(--trial-coral);background:white}
body[data-page=""] #main .service-l-card{border-color:var(--trial-line)}
body[data-page=""] #main .cf-home-journal{background:white}
body[data-page=""] #main .home-faq{background:white}
/* About: consistent opening, alternating quiet story panels, unchanged photo dimensions. */
body[data-page="about"] #main{background:white}
body[data-page="about"] #main .about-stories{padding-top:56px;padding-bottom:56px}
body[data-page="about"] #main .about-story{padding:42px 0;border-bottom:0}
body[data-page="about"] #main .about-story:nth-child(even){background:var(--trial-mist);padding:40px;margin-top:30px;margin-bottom:30px;border-top:3px solid var(--trial-coral)}
body[data-page="about"] #main .about-story h2{font-size:clamp(30px,3.2vw,42px)}
body[data-page="about"] #main .about-story p{color:var(--trial-ink);font-size:17px;line-height:1.85}
body[data-page="about"] #main .about-standard-details{border-color:var(--trial-line);background:white}
/* Landlords: image-led navy introduction; calm, readable service content. */
body[data-page="landlords"] #main{background:white}
body[data-page="landlords"] #main .ll-hero{background:var(--trial-navy);color:white;max-width:none;margin:0;padding:60px max(40px,calc((100vw - 1200px)/2));border-bottom:8px solid var(--trial-coral);gap:60px}
body[data-page="landlords"] #main .ll-hero :is(h1,.eyebrow,p,.breadcrumbs,.breadcrumbs a,figcaption){color:#fff}
body[data-page="landlords"] #main .ll-hero p{color:#e2eaf6;font-size:17px;line-height:1.85}
body[data-page="landlords"] #main .ll-hero h1{font-size:clamp(38px,4.5vw,60px)}
body[data-page="landlords"] #main .ll-hero .button{background:var(--trial-coral);border-color:var(--trial-coral);color:white}
body[data-page="landlords"] #main .ll-hero .inline-link{color:white;border-bottom-color:var(--trial-coral)}
body[data-page="landlords"] #main .ll-stories{padding-top:48px;padding-bottom:48px}
body[data-page="landlords"] #main .ll-story{border-color:var(--trial-line);padding-block:42px;background:white}
body[data-page="landlords"] #main .ll-process{background:var(--trial-mist);padding:32px;margin-block:32px;border-top:3px solid var(--trial-coral)}
body[data-page="landlords"] #main .ll-process li{background:white;border-color:var(--trial-line)}
/* Directory and neighbourhood introductions share the new navy treatment. */
body[data-page^="areas/"] #main .area-guide-top{background:var(--trial-navy);max-width:none;width:100%;padding:40px max(40px,calc((100vw - 1200px)/2)) 56px;border-bottom:8px solid var(--trial-coral)}
body[data-page^="areas/"] #main .area-guide-top :is(h1,h1 span,p,a,.eyebrow,figcaption){color:white}
body[data-page^="areas/"] #main .area-guide-top p{color:#e2eaf6}
body[data-page^="areas/"] #main .area-guide-top .area-breadcrumbs :is(li,a,span){color:#dce7f8}
body[data-page^="areas/"] #main .area-guide-body{padding-top:36px}
/* Journal and Mortgage keep their original mockup structures, with the shared palette. */
body[data-page="blog"] #main .cf-blog-intro{background:var(--trial-navy);color:#fff;border-bottom:8px solid var(--trial-coral)}
body[data-page="blog"] #main .cf-blog-intro :is(h1,.eyebrow,.breadcrumbs,.breadcrumbs a,p){color:white}
body[data-page="blog"] #main .cf-blog-intro p{color:#e2eaf6}
body[data-page="blog"] #main .cf-blog-content{background:white}
body[data-page="mortgage"] #main .cf-story-hero{border-bottom:0}
/* Public property pages: shared typography and cards; gallery and controls unchanged. */
#main.cf-public{--cf-navy:#0a215b;--cf-coral:#F4455A;--cf-muted:#425267}
#main.cf-signature{--sig-navy:#0a215b;--sig-coral:#F4455A;--sig-border:#c0cddd}
#main.cf-public .cf-search-heading{padding:38px;border-bottom-width:6px;margin-bottom:28px}
#main.cf-public .cf-search-heading h1{font-size:clamp(34px,4.3vw,54px);line-height:1.12}
#main.cf-public .cf-search{background:var(--trial-mist);border:1px solid var(--trial-line);border-top:3px solid var(--trial-coral);border-radius:0}
#main.cf-public .cf-property-card{background:white;border:1px solid var(--trial-line);border-bottom:3px solid var(--trial-coral);border-radius:0}
#main.cf-public .cf-property-title,#main.cf-public .cf-design-intro,#main.cf-signature .sig-title{background:var(--trial-navy);color:white;padding:30px;border-left:4px solid var(--trial-coral);margin-bottom:24px}
#main.cf-public .cf-property-title :is(h1,p,.cf-eyebrow,.cf-big-price),#main.cf-public .cf-design-intro :is(h1,p,.cf-eyebrow,strong),#main.cf-signature .sig-title :is(h1,p,.sig-kicker,strong),#main.cf-signature .sig-title-price>span{color:white}
#main.cf-signature .sig-title .sig-actions button{color:white;border-color:#8194bd;background:transparent;border-radius:0}
#main.cf-signature .sig-title .sig-actions button[aria-pressed=true]{background:var(--trial-coral)}
#main.cf-public .cf-detail-specs,#main.cf-signature .sig-spec-strip{border:1px solid var(--trial-line);border-bottom:3px solid var(--trial-coral);background:white}
#main.cf-signature .sig-spec-strip{padding:20px}
#main.cf-signature .sig-spec-strip :is(span,button){font-size:13px;color:var(--trial-ink)}
#main.cf-signature .sig-section p,#main.cf-public .cf-property-section p{font-size:17px;line-height:1.85;color:var(--trial-ink)}
#main.cf-signature .sig-feature-cards>div{background:white;border:1px solid var(--trial-line);border-left:3px solid var(--trial-coral);border-radius:0}
#main.cf-signature :is(.sig-summary-card,.sig-local-link,.sig-enquiry-panel),#main.cf-public .cf-agent{border-radius:0;border:1px solid var(--trial-line);border-top:3px solid var(--trial-coral)}
#main.cf-signature .sig-summary-card{background:var(--trial-mist)}
#main.cf-signature .sig-summary-card :is(dt,dd){font-size:15px;color:var(--trial-ink)}
#main.cf-signature .sig-hero{border-radius:0}
#main.cf-signature .sig-jump{border-bottom:3px solid var(--trial-coral)}
@media(max-width:900px){body[data-page=""] #main .home-agency-intro .wrap{column-gap:30px}body[data-page="landlords"] #main .ll-hero{gap:30px}#main.cf-public .cf-property-title,#main.cf-public .cf-design-intro,#main.cf-signature .sig-title{padding:24px}}
@media(max-width:700px){body[data-page] #main :is(.page-intro,.area-directory-intro),body[data-page="landlords"] #main .ll-hero,body[data-page^="areas/"] #main .area-guide-top{padding:38px 24px 42px}body[data-page] #main :is(.page-intro,.area-directory-intro) h1{font-size:36px}body[data-page=""] #main .home-agency-intro{padding:42px 0}body[data-page=""] #main .home-agency-intro .wrap{grid-template-columns:1fr;gap:24px}body[data-page=""] #main :is(.home-agency-intro h2,.agency-intro-copy,.agency-intro-links){grid-column:1;grid-row:auto}body[data-page=""] #main .agency-intro-copy{padding:24px}body[data-page="about"] #main .about-story:nth-child(even){padding:28px 20px}body[data-page="landlords"] #main .ll-process{padding:22px 18px}#main.cf-signature .sig-title{flex-direction:column;align-items:stretch;gap:18px}#main.cf-signature .sig-title-price{text-align:left;padding-top:0}#main.cf-signature .sig-title-price>strong{font-size:30px}#main.cf-signature .sig-spec-strip{padding:16px}#main.cf-public .cf-search-heading{padding:30px 24px}#main.cf-public .cf-property-title,#main.cf-public .cf-design-intro,#main.cf-signature .sig-title{padding:24px}body[data-page] #main :is(.split-section,.guide-content,.legal-copy,.form-layout,.process,.faq-section){margin-top:32px;margin-bottom:32px}}
/* Keep the About page's four photo frames equal as before. */
body[data-page="about"] #main .about-story:nth-child(even){padding:42px 0}
@media(max-width:700px){body[data-page="about"] #main .about-story:nth-child(even){padding:30px 0}}
/* Keep answer text comfortably inside its coral accent border. */
body[data-page=""] #main .home-faq .faqs details{padding:22px 26px;margin-bottom:14px}
body[data-page=""] #main .home-faq .faqs summary{align-items:center;gap:20px;min-height:32px}
body[data-page=""] #main .home-faq .faqs summary span{flex-shrink:0}
/* Navy belongs to the image backdrops; copy remains on white. */
body[data-page=""] #main .services-l-image:before{background:var(--trial-navy)}
body[data-page=""] #main .services-l-image:after{content:"";position:absolute;left:-18px;bottom:-18px;width:4px;height:48px;background:var(--trial-coral);pointer-events:none}
body[data-page=""] #main .services-l-reverse .services-l-image:after{left:auto;right:-18px}
@media(max-width:560px){body[data-page=""] #main .home-faq .faqs details{padding:20px 18px}body[data-page=""] #main .services-l-image:after{left:-14px;bottom:-14px;height:40px}body[data-page=""] #main .services-l-reverse .services-l-image:after{left:auto;right:-14px}}
/* The coral L stays intact inside a separate navy image-only panel. */
body[data-page=""] #main .services-l-image-panel{background:var(--trial-navy);padding:22px 22px 18px;min-width:0}
body[data-page=""] #main .services-l-image:before{background:var(--trial-coral)}
body[data-page=""] #main .services-l-image:after{content:none}
@media(max-width:560px){body[data-page=""] #main .services-l-image-panel{padding:20px 20px 16px}body[data-page=""] #main .services-l-reverse .services-l-image-panel{order:-1}}
/* Lighter service-photo trial: retain the coral L and give the photo more room. */
body[data-page=""] #main .services-l-image-panel{background:var(--trial-mist);padding:10px}
@media(max-width:560px){body[data-page=""] #main .services-l-image-panel{padding:10px}}
/* A fine navy inner-L accent, separated from the coral by a white keyline. */
body[data-page=""] #main .services-l-image:after{content:"";position:absolute;z-index:1;left:-4px;bottom:-4px;width:calc(100% + 4px);height:82%;border-left:2px solid var(--trial-navy);border-bottom:2px solid var(--trial-navy);background:transparent;box-shadow:-2px 2px 0 0 #fff;pointer-events:none}
body[data-page=""] #main .services-l-reverse .services-l-image:after{left:auto;right:-4px;border-left:0;border-right:2px solid var(--trial-navy);box-shadow:2px 2px 0 0 #fff}
@media(max-width:560px){body[data-page=""] #main .services-l-image:after{left:-4px;bottom:-4px}body[data-page=""] #main .services-l-reverse .services-l-image:after{left:auto;right:-4px}}
/* Corner-overlay trial: coral L over the shifted photo, with a white inner edge. */
body[data-page=""] #main .services-l-image img{transform:translate(-12px,12px)}
body[data-page=""] #main .services-l-reverse .services-l-image img{transform:translate(12px,12px)}
body[data-page=""] #main .services-l-image:before{z-index:1;box-sizing:border-box;background:transparent;border-left:18px solid var(--trial-coral);border-bottom:18px solid var(--trial-coral);pointer-events:none}
body[data-page=""] #main .services-l-reverse .services-l-image:before{border-left:0;border-right:18px solid var(--trial-coral)}
body[data-page=""] #main .services-l-image:after{left:3px;bottom:3px;width:calc(82% - 21px);height:calc(90% - 21px);border-left:3px solid #fff;border-bottom:3px solid #fff;border-right:0;box-shadow:none;background:transparent;z-index:2}
body[data-page=""] #main .services-l-reverse .services-l-image:after{left:auto;right:3px;border-left:0;border-right:3px solid #fff;box-shadow:none}
@media(max-width:560px){body[data-page=""] #main .services-l-image img{transform:translate(-9px,9px)}body[data-page=""] #main .services-l-reverse .services-l-image img{transform:translate(9px,9px)}body[data-page=""] #main .services-l-image:before{border-left-width:14px;border-bottom-width:14px}body[data-page=""] #main .services-l-reverse .services-l-image:before{border-left:0;border-right-width:14px}body[data-page=""] #main .services-l-image:after{left:3px;bottom:3px;width:calc(82% - 17px);height:calc(90% - 17px)}body[data-page=""] #main .services-l-reverse .services-l-image:after{left:auto;right:3px}}
/* Refine the corner overlay: navy inner edge and a slightly slimmer coral L. */
body[data-page=""] #main .services-l-image:before{border-left-width:15px;border-bottom-width:15px}
body[data-page=""] #main .services-l-reverse .services-l-image:before{border-left:0;border-right-width:15px}
body[data-page=""] #main .services-l-image:after{border-left-color:var(--trial-navy);border-bottom-color:var(--trial-navy)}
body[data-page=""] #main .services-l-reverse .services-l-image:after{border-right-color:var(--trial-navy)}
@media(max-width:560px){body[data-page=""] #main .services-l-image:before{border-left-width:12px;border-bottom-width:12px}body[data-page=""] #main .services-l-reverse .services-l-image:before{border-left:0;border-right-width:12px}}
/* Equal half-overlap and aligned inner-L endpoints. */
body[data-page=""] #main .services-l-image img{transform:translate(-8px,8px)}
body[data-page=""] #main .services-l-reverse .services-l-image img{transform:translate(8px,8px)}
body[data-page=""] #main .services-l-image:before{left:-14px;bottom:-14px;border-left-width:12px;border-bottom-width:12px}
body[data-page=""] #main .services-l-reverse .services-l-image:before{left:auto;right:-14px;border-left:0;border-right-width:12px}
body[data-page=""] #main .services-l-image:after{box-sizing:border-box;left:1px;bottom:1px;width:calc(82% - 15px);height:calc(90% - 15px)}
body[data-page=""] #main .services-l-reverse .services-l-image:after{left:auto;right:1px}
@media(max-width:560px){body[data-page=""] #main .services-l-image img{transform:translate(-7px,7px)}body[data-page=""] #main .services-l-reverse .services-l-image img{transform:translate(7px,7px)}body[data-page=""] #main .services-l-image:before{left:-12px;bottom:-12px;border-left-width:10px;border-bottom-width:10px}body[data-page=""] #main .services-l-reverse .services-l-image:before{left:auto;right:-12px;border-left:0;border-right-width:10px}body[data-page=""] #main .services-l-image:after{left:1px;bottom:1px;width:calc(82% - 13px);height:calc(90% - 13px)}body[data-page=""] #main .services-l-reverse .services-l-image:after{left:auto;right:1px}}

/* Fine-tune the Lettings photograph against its coral corner. */
body[data-page=""] #main .services-l-image-lettings img{transform:translate(-12px,8px)}
@media(max-width:560px){body[data-page=""] #main .services-l-image-lettings img{transform:translate(-11px,7px)}}

/* Square service-photo review, retaining face-aware focal positions. */
body[data-page=""] #main .services-l-image{aspect-ratio:1/1}
body[data-page=""] #main .services-l-image-sales img{object-position:center top}

/* Navy L with a centred coral inset, on a clear image panel. */
body[data-page=""] #main .services-l-image-panel{background:transparent}
body[data-page=""] #main .services-l-image:before{border-left-color:var(--trial-navy);border-bottom-color:var(--trial-navy)}
body[data-page=""] #main .services-l-reverse .services-l-image:before{border-right-color:var(--trial-navy)}
body[data-page=""] #main .services-l-image:after{left:-9.5px;bottom:-9.5px;width:calc(82% - 4.5px);height:calc(90% - 4.5px);border-left-color:var(--trial-coral);border-bottom-color:var(--trial-coral)}
body[data-page=""] #main .services-l-reverse .services-l-image:after{left:auto;right:-9.5px;border-right-color:var(--trial-coral)}
@media(max-width:560px){body[data-page=""] #main .services-l-image:after{left:-8.5px;bottom:-8.5px;width:calc(82% - 3.5px);height:calc(90% - 3.5px)}body[data-page=""] #main .services-l-reverse .services-l-image:after{left:auto;right:-8.5px}}

/* Single solid navy service-photo corner. */
body[data-page=""] #main .services-l-image:after{content:none}

/* Final review: solid coral L, without an inner line. */
body[data-page=""] #main .services-l-image:before{border-left-color:var(--trial-coral);border-bottom-color:var(--trial-coral)}
body[data-page=""] #main .services-l-reverse .services-l-image:before{border-right-color:var(--trial-coral)}

/* Reduce stacked section whitespace without compressing controls or copy. */
body[data-page] #main :is(.split-section,.guide-content,.form-layout,.process,.faq-section){margin-block:32px}
body[data-page=""] #main .home-agency-intro{padding-block:44px}
body[data-page=""] #main .services-l-preview{margin-block:0;padding:44px 0 36px}
body[data-page=""] #main .services-l-preview .section-description{margin-bottom:30px}
body[data-page=""] #main .services-l-grid{row-gap:40px}
body[data-page=""] #main :is(.reference-featured,.cf-home-journal,.home-faq){padding-block:44px}
body[data-page=""] #main .home-faq{margin-block:0}
body[data-page="about"] #main .about-stories,body[data-page="landlords"] #main .ll-stories{padding-block:28px}
body[data-page="about"] #main .about-story,body[data-page="landlords"] #main .ll-story{padding-block:28px}
body[data-page="about"] #main .about-story:nth-child(even){padding-block:28px;margin-block:16px}
body[data-page="about"] #main .about-next-step{padding-block:40px}
body[data-page] #main :is(.area-index,.area-borough-band,.area-related,.area-guide-cta){padding-block:40px}
body[data-page] #main .area-group{padding-bottom:44px}
body[data-page] #main .cf-home-journal,body[data-page] #main .cf-feature-grid{padding-block:44px}
body[data-page] #main .cf-editorial-split{margin-bottom:44px}
body[data-page] #main .cf-mortgage-body{padding:76px 0 40px}
body[data-page] #main .cf-blog-content{padding:40px 0 44px}
body[data-page] #main .cf-blog-feature{margin-bottom:40px}
body[data-page] #main .cf-article-body{padding-block:40px}
@media(max-width:700px){
 body[data-page] #main :is(.split-section,.guide-content,.form-layout,.process,.faq-section){margin-block:24px}
 body[data-page=""] #main .home-agency-intro,body[data-page=""] #main :is(.reference-featured,.cf-home-journal,.home-faq){padding-block:32px}
 body[data-page=""] #main .services-l-preview{margin-block:0;padding-block:32px}
 body[data-page=""] #main .services-l-grid{row-gap:32px}
 body[data-page=""] #main .services-l-preview .section-description{margin-bottom:24px}
 body[data-page="about"] #main .about-stories,body[data-page="landlords"] #main .ll-stories{padding-block:20px}
 body[data-page="about"] #main .about-story,body[data-page="about"] #main .about-story:nth-child(even),body[data-page="landlords"] #main .ll-story{padding-block:24px}
 body[data-page] #main .cf-mortgage-body{padding:56px 0 32px}
 body[data-page] #main .cf-editorial-split{margin-bottom:32px}
}

/* Shared heading gutter and aligned calls to action in paired service blocks. */
body[data-page=""] #main .services-l-inner{max-width:1280px;padding-inline:40px}
body[data-page=""] #main .services-l-copy{display:flex;flex-direction:column;align-self:stretch;padding-block:12px}
body[data-page=""] #main .services-l-copy h3{min-height:2.4em}
body[data-page=""] #main .services-l-copy p{flex:1}
body[data-page=""] #main .services-l-link{align-self:flex-start;margin-top:auto}
body[data-page] #main .cf-contact-cards>a{display:flex;flex-direction:column}
body[data-page] #main .cf-contact-cards .cf-read{margin-top:auto;padding-top:26px}
@media(max-width:700px){body[data-page=""] #main .services-l-inner{padding-inline:24px}}
@media(max-width:850px){body[data-page=""] #main .services-l-copy h3{min-height:0}}
@media(max-width:560px){body[data-page=""] #main .services-l-copy{padding-block:0}body[data-page=""] #main .services-l-copy p{flex:none}}

/* Optical paragraph alignment under the large rounded service heading. */
body[data-page=""] #main .services-l-inner>.section-description{padding-left:2px}
body[data-page=""] #main .services-l-preview .home-section-title{margin-top:0}

/* One text-link treatment across the public website. */
body[data-page] #main .inline-link{display:inline-flex;align-items:center;gap:12px;padding:0 0 8px;border-bottom:2px solid var(--trial-coral);font-size:15px;font-weight:700;line-height:1.4;min-height:40px;text-decoration:none}
body[data-page] #main .inline-link span[aria-hidden="true"],body[data-page=""] #main .services-l-link:after{color:var(--trial-coral);font-size:21px}
/* Square About photographs with the same solid coral corner treatment. */
body[data-page="about"] #main .about-story{align-items:start;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:48px}
body[data-page="about"] #main .about-story.is-reversed{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}
body[data-page="about"] #main .about-photo-visual{aspect-ratio:1/1;margin:0 14px 20px 0}
body[data-page="about"] #main .about-story.is-reversed .about-photo-visual{margin:0 0 20px 14px}
body[data-page="about"] #main .about-story .about-photo-visual img{aspect-ratio:1/1;height:100%;transform:translate(8px,8px)}
body[data-page="about"] #main .about-story.is-reversed .about-photo-visual img{transform:translate(-8px,8px)}
body[data-page="about"] #main .about-photo-visual:before{z-index:1;box-sizing:border-box;right:-14px;left:auto;bottom:-14px;width:82%;height:90%;background:transparent;border-right:12px solid var(--trial-coral);border-bottom:12px solid var(--trial-coral);pointer-events:none}
body[data-page="about"] #main .about-story.is-reversed .about-photo-visual:before{right:auto;left:-14px;border-right:0;border-left:12px solid var(--trial-coral)}
@media(max-width:760px){
 body[data-page="about"] #main .about-story,body[data-page="about"] #main .about-story.is-reversed{grid-template-columns:1fr;gap:28px}
 body[data-page="about"] #main .about-photo-visual{margin-right:12px}
 body[data-page="about"] #main .about-story.is-reversed .about-photo-visual{margin-left:12px}
 body[data-page="about"] #main .about-story .about-photo-visual img{transform:translate(7px,7px)}
 body[data-page="about"] #main .about-story.is-reversed .about-photo-visual img{transform:translate(-7px,7px)}
 body[data-page="about"] #main .about-photo-visual:before{right:-12px;bottom:-12px;border-right-width:10px;border-bottom-width:10px}
 body[data-page="about"] #main .about-story.is-reversed .about-photo-visual:before{right:auto;left:-12px;border-left-width:10px}
}

/* About callouts: matching outline actions and no extra divider accents. */
body[data-page="about"] .about-next-step .about-areas-copy,body[data-page="about"] .about-next-step .about-contact-card{border-top:0;padding-top:0}
body[data-page="about"] .about-next-step .about-areas-button,body[data-page="about"] .about-next-step .about-contact-button{background:transparent;color:var(--trial-navy);border:1px solid var(--trial-navy)}
body[data-page="about"] .about-next-step .button span[aria-hidden="true"]{color:var(--trial-coral)}
body[data-page="about"] .about-next-step .button:hover{background:var(--trial-navy);color:#fff;border-color:var(--trial-navy)}

/* Keep standards copy clear of the light-blue/white boundary. */
body[data-page="about"] #main .about-standard-details{padding:28px;gap:48px}
body[data-page="about"] #main .about-standard-details p:last-child,body[data-page="about"] #main .about-standard-details ul:last-child{margin-bottom:0}
@media(max-width:760px){body[data-page="about"] #main .about-standard-details{padding:22px;gap:24px}}

/* Landlord photos follow the shared square/coral-corner design. */
body[data-page="landlords"] #main .ll-photo-visual{aspect-ratio:1/1;margin-right:14px}
body[data-page="landlords"] #main .ll-photo.is-left .ll-photo-visual{margin-right:0;margin-left:14px}
body[data-page="landlords"] #main .ll-photo-visual img{aspect-ratio:1/1;height:100%;transform:translate(8px,8px)}
body[data-page="landlords"] #main .ll-photo.is-left .ll-photo-visual img{transform:translate(-8px,8px)}
body[data-page="landlords"] #main .ll-photo-visual:before{z-index:1;box-sizing:border-box;right:-14px;left:auto;bottom:-14px;width:82%;height:90%;background:transparent;border-right:12px solid var(--trial-coral);border-bottom:12px solid var(--trial-coral);pointer-events:none}
body[data-page="landlords"] #main .ll-photo.is-left .ll-photo-visual:before{right:auto;left:-14px;border-right:0;border-left:12px solid var(--trial-coral)}
@media(max-width:760px){
 body[data-page="landlords"] #main .ll-photo-visual{margin-right:12px}
 body[data-page="landlords"] #main .ll-photo.is-left .ll-photo-visual{margin-left:12px}
 body[data-page="landlords"] #main .ll-photo-visual img{transform:translate(7px,7px)}
 body[data-page="landlords"] #main .ll-photo.is-left .ll-photo-visual img{transform:translate(-7px,7px)}
 body[data-page="landlords"] #main .ll-photo-visual:before{right:-12px;bottom:-12px;border-right-width:10px;border-bottom-width:10px}
 body[data-page="landlords"] #main .ll-photo.is-left .ll-photo-visual:before{right:auto;left:-12px;border-left-width:10px}
 body[data-page="landlords"] #main .ll-legal .ll-photo{order:-1}
}

/* Subtle display enhancement; original images and privacy masks stay intact. */
body[data-page="landlords"] #main .ll-photo-visual img{filter:brightness(1.02) contrast(1.025) saturate(1.03)}
/* No decorative small labels above public-page headings. */
body[data-page] #main .eyebrow{display:none!important}
body[data-page] #main .notice .eyebrow{display:block!important}
/* Remove decorative coral rules from content boxes and property cards. */
body[data-page] #main :is(.guide-content article,.steps article,.area-card,.form-aside,.property-card){border-top:1px solid var(--trial-line)}
body[data-page] #main :is(.agency-intro-copy,.about-story,.ll-process,.ll-reading,.cf-key-points,.cf-feature-grid article,.cf-article-aside,.form-layout form,.legal-copy,.review-status>span,.contact-office,.area-local-note,.area-enquiry){border-top:0}
body[data-page] #main .about-story:nth-child(even){border-top:0}
body[data-page] #main .property-card,#main.cf-public .cf-property-card{border-top:1px solid var(--trial-line);border-bottom:1px solid var(--trial-line)}
#main.cf-public .cf-search{border-top:1px solid var(--trial-line)}
#main.cf-signature :is(.sig-summary-card,.sig-local-link,.sig-enquiry-panel),#main.cf-public .cf-agent{border-top:1px solid var(--trial-line)}

/* Three selected homepage design examples. */
body[data-page=""] #main #featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){body[data-page=""] #main #featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body[data-page=""] #main #featured-grid{grid-template-columns:1fr}}

/* One coral underline/arrow treatment for text actions and article links. */
body[data-page] #main .inline-link span,body[data-page] #main .cf-read span{color:var(--trial-coral);font-size:21px;flex:none}
body[data-page] #main .cf-read{display:inline-flex;align-self:flex-start;align-items:center;justify-content:flex-start;gap:12px;width:fit-content;max-width:100%;min-height:40px;padding:0 0 8px;border-bottom:2px solid var(--trial-coral);font-size:15px;font-weight:700;line-height:1.4}
/* Full-width navy separator for the next-home actions. */
body[data-page=""] #main .services-l-preview .service-other-links{position:relative;isolation:isolate;border-top:0;padding-block:28px;margin-top:28px;margin-bottom:-36px;gap:20px 32px}
body[data-page=""] #main .services-l-preview .service-other-links:before{content:"";position:absolute;inset:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--trial-navy);z-index:-1;pointer-events:none}
body[data-page=""] #main .service-other-links>span{color:#fff;font-size:24px;font-weight:700;line-height:1.3;margin-right:auto}
body[data-page=""] #main .service-other-links .inline-link{color:#fff;border-bottom-color:var(--trial-coral)}
/* Bring the coral edge back to the article photographs. */
body[data-page=""] #main .cf-blog-feature .cf-journal-card>img,body[data-page=""] #main .cf-blog-small>img{border-bottom:0}
@media(max-width:560px){body[data-page=""] #main .services-l-preview .service-other-links{margin-bottom:-32px;gap:20px;padding-block:26px}body[data-page=""] #main .service-other-links>span{font-size:23px}}

/* Homepage journal: no decorative border beneath the article card. */
body[data-page=""] #main .cf-home-journal .cf-journal-card{border-bottom:0}

body[data-page=""] #main .valuation-light .button{background:var(--trial-navy);border-color:var(--trial-navy);color:#fff}
body[data-page=""] #main .valuation-light .button span{color:#fff}

body[data-page=""] #main .cf-home-journal .cf-journal-head>.button{background:var(--trial-navy);border-color:var(--trial-navy);color:#fff}
/* Match service-page photos to the square About Us treatment. */
body[data-page] #main :is(.page-intro,.area-directory-intro,.area-guide-top,.cf-blog-intro,.cf-story-hero){border-bottom:0}
body[data-page="landlords"] #main .ll-hero{border-bottom:0}
body[data-page] #main .split-section{align-items:start}
body[data-page] #main .cf-editorial-photo,body[data-page] #main .cf-editorial-photo.cf-photo-landscape{aspect-ratio:1/1;max-width:none;width:calc(100% - 28px);height:auto;min-height:0;margin:0 14px 22px}
body[data-page] #main .cf-editorial-photo img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;transform:translate(-8px,8px)}
body[data-page] #main .cf-editorial-photo:before{content:"";z-index:1;box-sizing:border-box;left:-14px;bottom:-14px;width:82%;height:90%;background:transparent;border-left:12px solid var(--trial-coral);border-bottom:12px solid var(--trial-coral);pointer-events:none}
body[data-page] #main .cf-editorial-photo:after{content:none}
body[data-page] #main .cf-area-photo-visual,body[data-page] #main .area-guide-hero .cf-area-photo-visual img{aspect-ratio:1/1;height:auto}
body[data-page] #main .area-guide-hero .cf-area-photo-visual img{height:100%;transform:translate(8px,8px)}
body[data-page] #main .cf-area-photo-visual:before{z-index:1;box-sizing:border-box;right:-14px;bottom:-14px;width:82%;height:90%;background:transparent;border-right:12px solid var(--trial-coral);border-bottom:12px solid var(--trial-coral);pointer-events:none}
@media(max-width:560px){
 body[data-page] #main .cf-editorial-photo{width:calc(100% - 24px);margin:0 12px 20px}
 body[data-page] #main .cf-editorial-photo img{transform:translate(-7px,7px)}
 body[data-page] #main .cf-editorial-photo:before{left:-12px;bottom:-12px;border-left-width:10px;border-bottom-width:10px}
 body[data-page] #main .cf-area-photo-visual:before{right:-12px;bottom:-12px;border-right-width:10px;border-bottom-width:10px}
}
/* Decorative labels also occur in callouts outside main. */
body[data-page] .audience-cta .eyebrow,body[data-page] .alerts-band>.eyebrow{display:none!important}
body[data-page] #main .split-section{padding-bottom:0;margin-bottom:24px}
body[data-page] #main .split-section+.process{margin-top:24px}
body[data-page] #main .split-section .cf-editorial-photo{margin-bottom:14px}
@media(max-width:560px){body[data-page] #main .split-section{margin-bottom:20px}body[data-page] #main .split-section+.process{margin-top:20px}}
body[data-page] #main .process{padding-top:0;padding-bottom:0}



/* Review feedback: contrast, mobile navigation and shared component hierarchy. */
body[data-page="areas"] #main .area-directory-intro p{color:#e2eaf6}
body[data-page="areas"] #main .area-group-nav a{color:var(--trial-navy);background:#fff;border-color:#cbd7e7}
body[data-page="areas"] #main .area-group-nav a:hover{color:var(--trial-navy);background:#eef4fb}
body[data-page="areas"] #main .area-group-nav a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.mobile-menu{max-width:100vw;overflow-x:hidden}
.mobile-menu-body{min-width:0;overflow-x:hidden}
.mobile-menu .mobile-primary{grid-template-columns:minmax(0,1fr);gap:10px;width:100%;min-width:0}
.mobile-menu .mobile-primary>a,.mobile-menu .mobile-journey{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
.mobile-menu .mobile-primary>a,.mobile-menu .mobile-journey summary{padding:14px 16px}
.mobile-menu .mobile-primary>a>span,.mobile-menu .mobile-journey summary>a>span{font-size:23px;line-height:1.3;overflow-wrap:anywhere}
.mobile-menu .mobile-journey summary>a,.mobile-menu .mobile-journey summary>a>span,.mobile-menu .mobile-journey>div a{color:#fff;min-width:0}
.mobile-menu .mobile-primary small,.mobile-menu .mobile-journey summary small{color:#dbe6f8;font-size:13px;line-height:1.5}
.mobile-menu .mobile-journey summary>i{color:#F4455A;flex:0 0 44px}
.mobile-menu .mobile-journey>div{margin:0 16px 12px}
.mobile-menu a:focus-visible,.mobile-menu summary:focus-visible{outline:3px solid #F4455A;outline-offset:3px}
.mobile-menu .mobile-journey>div a:hover{background:#0A215B;color:#fff}
body[data-page] #main .page-intro-actions{margin-top:24px}
body[data-page] #main .page-intro-actions .button-light{background:white;color:var(--trial-navy);border-color:white}
body[data-page] #main .page-intro-actions .button-light:hover{background:#e2eaf6;color:var(--trial-navy)}
body[data-page] .button-coral{color:#fff}
body[data-page] #main .button{min-height:48px;padding:13px 22px;font-size:15px;font-weight:700;border-radius:0;line-height:1.4}
body[data-page] #main .button-outline{color:var(--trial-navy);border-color:var(--trial-navy);background:transparent}
body[data-page] #main .cf-contact-paths{padding-inline:max(40px,calc((100vw - 1200px)/2))}
body[data-page="maintenance"] #main .guide-content h2{font-size:clamp(25px,2.6vw,34px);line-height:1.25;margin-bottom:18px}
body[data-page="maintenance"] #main .guide-content p{font-size:17px;line-height:1.75}
body[data-page] #main .cf-blog-small :is(h2,h3){font-size:22px;line-height:1.3;margin:10px 0 16px}
body[data-page] #main .cf-blog-small{grid-template-columns:160px minmax(0,1fr);gap:22px}
body[data-page] #main .cf-blog-small>div{min-width:0}
.cf-inventory-note{padding:16px 20px;background:#eef4fb;color:#0A215B;border:1px solid #cbd7e7;font-size:15px;line-height:1.6;margin-bottom:24px}
.cf-filter-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cf-reset-filters{border:0;background:transparent;color:#0a215b;text-decoration:underline;text-underline-offset:4px;min-height:44px;font-size:15px;cursor:pointer}
.cf-design-mobile,.sig-quick-facts{display:none}
@media(max-width:760px){
 #main .cf-design-picker{display:none}
 .cf-design-mobile{display:block;border-bottom:1px solid #cbd7e7;padding:0;margin:0}
 .cf-design-mobile summary{min-height:44px;padding:10px 0;font-size:14px;font-weight:700;cursor:pointer;color:#0a215b}
 .cf-design-mobile nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 0 14px}
 .cf-design-mobile nav p{grid-column:1/-1;font-size:14px;margin:0}
 .cf-design-mobile nav a{display:grid;gap:4px;padding:12px;border:1px solid #cbd7e7;color:#0a215b;background:#fff;min-height:48px}
 .cf-design-mobile nav a[aria-current=page]{background:#0a215b;color:#fff}
 .cf-design-mobile nav small{font-size:12px}
 #main.cf-signature .sig-breadcrumb{padding-block:10px;font-size:12px}
 #main.cf-signature .sig-title{padding:16px;margin-bottom:14px;gap:8px;display:block;border-left:0}
 #main.cf-signature .sig-title h1{font-size:30px;margin:6px 0 8px;line-height:1.1}
 #main.cf-signature .sig-title>div:first-child>p{font-size:14px;line-height:1.5;margin:0}
 #main.cf-signature .sig-title .sig-quick-facts{display:block;margin-top:7px;font-weight:700;font-size:14px}
 #main.cf-signature .sig-title .sig-kicker{font-size:11px;letter-spacing:.3px}
 #main.cf-signature .sig-title-price{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 0 0;margin-top:8px;border-top:1px solid #ffffff40;text-align:left}
 #main.cf-signature .sig-title-price>span{font-size:12px;width:auto}
 #main.cf-signature .sig-title-price>strong{font-size:25px;margin:0}
 #main.cf-signature .sig-title .sig-actions{margin-left:auto;gap:6px}
 #main.cf-signature .sig-title .sig-actions button{min-height:40px;padding:8px;font-size:12px}
 body[data-page] #main .cf-contact-paths{padding-inline:24px}
 body[data-page] #main .cf-blog-small{grid-template-columns:110px minmax(0,1fr);gap:16px}
 body[data-page] #main .cf-blog-small :is(h2,h3){font-size:20px;line-height:1.3}
 .cf-results-bar{align-items:flex-start;gap:10px;flex-wrap:wrap}
 .cf-filter-actions{gap:12px}
}
@media(max-width:760px){
 #main.cf-signature .sig-title-price{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding-top:8px;margin-top:7px}
 #main.cf-signature .sig-title-price>span{grid-column:1;grid-row:1;line-height:1.4;font-size:11px}
 #main.cf-signature .sig-title-price>strong{grid-column:1;grid-row:2;line-height:1.25}
 #main.cf-signature .sig-title-price .sig-actions{grid-column:2;grid-row:1/span 2;align-self:center;justify-self:end;margin:0}
}
/* Coral accents use dark text for small-label contrast. */
.header .button-coral,.mobile-menu .button-coral,#main.cf-signature .sig-contact-card .cf-btn{color:#fff}
body[data-page="areas"] #main .area-directory-intro .breadcrumbs,body[data-page="areas"] #main .area-directory-intro .breadcrumbs a{color:#dbe6f8}
#main.cf-signature .cf-btn,#main.cf-signature .sig-mobile-action .cf-btn{background:#0a215b;color:#fff;font-size:15px;min-height:48px;padding:13px 18px;line-height:1.4;border-radius:0}
#main.cf-signature .sig-contact-card .cf-btn{background:#fff;color:#0a215b}
#main.cf-signature .cf-btn .lucide-arrow-up-right,#main.cf-signature .sig-jump button .lucide-arrow-up-right{display:none}

/* White labels on solid brand-colour actions across public pages. */
body[data-page] .button-coral,body[data-page] #main .button-coral,.header .button-coral,.mobile-menu .button-coral,#main:is(.cf-public,.cf-signature) .cf-btn:not(.cf-outline){color:#fff}

/* Simplified homepage and compact latest article beside valuation. */
body[data-page=""] #main .home-agency-intro{background:#fff}
body[data-page=""] #main .agency-intro-copy{background:transparent;padding:0;border:0}
body[data-page=""] #main .services-l-image:before{border-left-width:7px;border-bottom-width:7px}
body[data-page=""] #main .services-l-reverse .services-l-image:before{border-left:0;border-right-width:7px}
body[data-page=""] #main .home-latest-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
body[data-page=""] #main .home-valuation-copy>.button{margin-top:20px}
body[data-page=""] #main .home-latest-blog{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;border:0;padding:0;min-width:0}
body[data-page=""] #main .home-latest-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
body[data-page=""] #main .home-latest-copy h3{font-size:24px;line-height:1.25;margin:0 0 14px;color:var(--trial-navy)}
body[data-page=""] #main .home-latest-copy h3 a{color:inherit;text-decoration:none}
body[data-page=""] #main .home-latest-copy .inline-link{display:table;margin:0 0 20px}
@media(max-width:760px){body[data-page=""] #main .home-latest-row{grid-template-columns:1fr;gap:32px}body[data-page=""] #main .home-latest-blog{grid-template-columns:110px minmax(0,1fr);gap:18px}body[data-page=""] #main .home-latest-copy h3{font-size:21px}body[data-page=""] #main .services-l-image:before{border-left-width:6px;border-bottom-width:6px}body[data-page=""] #main .services-l-reverse .services-l-image:before{border-left:0;border-right-width:6px}}
body[data-page=""] #main .home-latest-copy .inline-link{display:flex;width:max-content;align-items:center;gap:10px}
/* Restore the original centred homepage introduction. */
body[data-page=""] #main .home-agency-intro{text-align:center;background:#fff}
body[data-page=""] #main .home-agency-intro .wrap{display:block;max-width:1180px}
body[data-page=""] #main .home-agency-intro h2{font-size:clamp(30px,3.1vw,44px);line-height:1.22;margin:0 auto 26px}
body[data-page=""] #main .agency-intro-copy{max-width:840px;margin-inline:auto;padding:0;background:transparent}
body[data-page=""] #main .agency-intro-links{flex-direction:row;justify-content:center;align-items:center;gap:18px 36px;flex-wrap:wrap;margin-top:28px}
@media(max-width:760px){body[data-page=""] #main .agency-intro-links{gap:12px 24px;margin-top:22px}}

/* Coloured button text stays readable in every interaction state. */
.header #navigation .button-coral:is(:hover,:focus-visible,:active),.header.is-scrolled #navigation .button-coral:is(:hover,:focus-visible,:active),.mobile-menu .button-coral:is(:hover,:focus-visible,:active),body[data-page] .button.button-coral:is(:hover,:focus-visible,:active){background:#F4455A;border-color:#F4455A;color:#fff}
body[data-page] .button.button-navy:is(:hover,:focus-visible,:active){color:#fff}

/* One action-link icon, including card links whose label is a span. */
body #main :is(.inline-link,.cf-read,.services-l-link){display:inline-flex;align-items:center;gap:12px;border-bottom:2px solid #F4455A;padding-bottom:8px;text-decoration:none}
body #main :is(.inline-link,.cf-read,.services-l-link)>span[aria-hidden="true"]{display:none}
body #main :is(.inline-link,.cf-read,.services-l-link)::after{content:"";display:block;width:18px;height:18px;flex:0 0 18px;background:#F4455A;mask:url('/assets/action-arrow.svg') center/contain no-repeat;-webkit-mask:url('/assets/action-arrow.svg') center/contain no-repeat;font-size:0;line-height:0}

/* Homepage sequence: services, properties, latest article, valuation and answers. */
body[data-page=""] #main .services-l-preview{background:#eef4fb}
body[data-page=""] #main .featured{background:#fff}
body[data-page=""] #main .home-blog-banner{background:#eef4fb;padding-block:36px}
body[data-page=""] #main .home-blog-banner .home-latest-blog{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:center;max-width:960px;margin-inline:auto}
body[data-page=""] #main .home-blog-banner .home-latest-image img{width:100%;height:170px;object-fit:cover}
body[data-page=""] #main .home-blog-banner .home-latest-copy h3{font-size:30px;margin:0 0 18px;line-height:1.2}
body[data-page=""] #main .home-blog-banner .home-latest-copy .inline-link{margin:0 24px 0 0}
body[data-page=""] #main .home-blog-banner .button{background:#0A215B;color:#fff;border-color:#0A215B}
body[data-page=""] #main .home-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:start;padding-block:48px}
body[data-page=""] #main .home-bottom-grid h2{font-size:36px;margin:0 0 24px;line-height:1.2}
body[data-page=""] #main .home-bottom-grid .home-valuation-copy p{max-width:420px;margin-bottom:26px}
body[data-page=""] #main .home-bottom-grid .home-valuation-copy .button{background:#0A215B;color:#fff;border-color:#0A215B}
@media(max-width:760px){body[data-page=""] #main .home-blog-banner .home-latest-blog{grid-template-columns:100px minmax(0,1fr);gap:20px}body[data-page=""] #main .home-blog-banner .home-latest-image img{height:120px}body[data-page=""] #main .home-blog-banner .home-latest-copy h3{font-size:23px}body[data-page=""] #main .home-blog-banner .home-latest-copy .inline-link{margin-bottom:18px}body[data-page=""] #main .home-bottom-grid{grid-template-columns:1fr;gap:36px;padding-block:36px}body[data-page=""] #main .home-bottom-grid h2{font-size:30px}}
body[data-page=""] #main .home-blog-banner .home-latest-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 28px;align-items:center}
body[data-page=""] #main .home-blog-banner .home-latest-copy h3{grid-column:1/-1;margin-bottom:0}
body[data-page=""] #main .home-blog-banner .home-latest-copy .inline-link{margin:0}
@media(max-width:760px){body[data-page=""] #main .home-blog-banner .home-latest-copy{grid-template-columns:1fr;gap:18px}body[data-page=""] #main .home-blog-banner .home-latest-copy .button{justify-self:start}}

/* Approved seller copy, with the existing square photo and shared actions. */
body[data-page="sell"] #main .selling-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding-block:24px 40px}
body[data-page="sell"] #main .selling-approach h2{font-size:32px;line-height:1.2;margin-bottom:22px}
body[data-page="sell"] #main .selling-approach p,body[data-page="sell"] #main .selling-ready p{font-size:17px;line-height:1.7;margin-bottom:20px}
body[data-page="sell"] #main .selling-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
body[data-page="sell"] #main .selling-ready{padding-block:32px 48px}
body[data-page="sell"] #main .selling-ready .button{margin-right:24px}
@media(max-width:760px){body[data-page="sell"] #main .selling-approach{grid-template-columns:1fr;gap:24px}body[data-page="sell"] #main .selling-steps{grid-template-columns:1fr;gap:16px}body[data-page="sell"] #main .selling-ready .inline-link{margin-top:20px}}

/* Local trial: photo-led editorial card and matching buyer search banner. */
body[data-page=""] #main .home-blog-banner{padding-block:42px}
body[data-page=""] #main .home-blog-banner .home-latest-blog{max-width:none;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;background:#fff;box-shadow:0 10px 28px #0A215B0d;align-items:stretch}
body[data-page=""] #main .home-blog-banner .home-latest-image{display:block;min-width:0}
body[data-page=""] #main .home-blog-banner .home-latest-image img{height:100%;min-height:280px;object-fit:cover;display:block}
body[data-page=""] #main .home-blog-banner .home-latest-copy{padding:32px 36px;align-content:center;gap:18px 28px;min-width:0}
body[data-page=""] #main .home-blog-banner .home-latest-copy h3{font-size:32px;line-height:1.2}
body[data-page=""] #main .home-blog-banner [data-latest-intro]{grid-column:1/-1;color:#455367;font-size:16px;line-height:1.65;margin:0;max-width:580px}
body[data-page="buy"] .buyer-search-banner{background:#eef4fb;border:0;padding:40px 0;display:block;color:#0A215B}
body[data-page="buy"] .buyer-search-banner .buyer-search-card{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);align-items:center;gap:36px;width:100%;max-width:1240px;margin-inline:auto}
body[data-page="buy"] .buyer-search-banner img{width:100%;height:225px;object-fit:cover;object-position:45% center;display:block}
body[data-page="buy"] .buyer-search-banner h2{color:#0A215B;font-size:34px;line-height:1.2;margin:0 0 16px}
body[data-page="buy"] .buyer-search-banner p{color:#455367;font-size:17px;line-height:1.6;margin:0 0 24px}
body[data-page="buy"] .buyer-search-banner .button{width:fit-content;background:#F4455A;color:white;border-color:#F4455A;margin:0}
@media(max-width:760px){body[data-page=""] #main .home-blog-banner .home-latest-blog{grid-template-columns:1fr}body[data-page=""] #main .home-blog-banner .home-latest-image img{height:200px;min-height:0}body[data-page=""] #main .home-blog-banner .home-latest-copy{padding:24px;grid-template-columns:1fr;gap:18px}body[data-page=""] #main .home-blog-banner .home-latest-copy h3{font-size:27px}body[data-page="buy"] .buyer-search-banner .buyer-search-card{grid-template-columns:1fr;gap:24px}body[data-page="buy"] .buyer-search-banner img{height:190px}body[data-page="buy"] .buyer-search-banner h2{font-size:28px}}
body[data-page=""] #main .home-blog-banner .home-latest-image{height:300px;aspect-ratio:auto}
body[data-page=""] #main .home-blog-banner .home-latest-image img{height:100%;min-height:0;aspect-ratio:auto}
body[data-page=""] #main .home-blog-banner .home-latest-copy .button{justify-self:start;width:fit-content;min-width:160px}
@media(max-width:760px){body[data-page=""] #main .home-blog-banner .home-latest-image{height:190px}}

body[data-page="buy"] .buyer-search-banner .buyer-search-card{max-width:none;margin:0;background:#fff;gap:0;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);box-shadow:0 10px 28px #0A215B0d}
body[data-page="buy"] .buyer-search-banner .buyer-search-copy{padding:28px 36px;min-width:0}
body[data-page="buy"] .buyer-search-banner img{height:260px}
body[data-page="buy"] .buyer-search-banner .button{font-size:15px;min-height:50px;padding:14px 24px}
@media(max-width:760px){body[data-page="buy"] .buyer-search-banner .buyer-search-card{grid-template-columns:1fr}body[data-page="buy"] .buyer-search-banner .buyer-search-copy{padding:24px}body[data-page="buy"] .buyer-search-banner img{height:180px}}

/* A distinct editorial identity for the blog feature. */
body[data-page=""] #main .home-blog-banner{background:#fff;padding-block:44px}
body[data-page=""] #main .home-blog-masthead{background:#0A215B;padding:22px 32px;display:flex;align-items:center}
body[data-page=""] #main .home-blog-masthead h2{font-size:30px;line-height:1.2;color:#fff;margin:0;font-weight:700}
body[data-page=""] #main .home-blog-banner .home-latest-blog{background:#f5f7fa;box-shadow:none;border:1px solid #dce2ea;border-top:0}
body[data-page=""] #main .home-blog-banner .home-latest-copy{background:#f5f7fa}
@media(max-width:760px){body[data-page=""] #main .home-blog-masthead{padding:20px 24px}body[data-page=""] #main .home-blog-masthead h2{font-size:27px}}

/* Blog review refinement: light-blue surround and white article panel. */
body[data-page=""] #main .home-blog-banner,body[data-page=""] #main .home-blog-masthead{background:#eef4fb}
body[data-page=""] #main .home-blog-masthead h2{color:#0A215B}
body[data-page=""] #main .home-blog-banner .home-latest-blog,body[data-page=""] #main .home-blog-banner .home-latest-copy{background:#fff}
body[data-page=""] #main .home-blog-banner .home-latest-copy .button:is(:link,:visited,:hover,:focus-visible,:active){background:#F4455A;border-color:#F4455A;color:#fff}

/* Restore the navy masthead within the light-blue blog surround. */
body[data-page=""] #main .home-blog-masthead{background:#0A215B}
body[data-page=""] #main .home-blog-masthead h2{color:#fff}

/* Blog heading belongs with the article content rather than a separate band. */
body[data-page=""] #main .home-blog-banner .home-latest-copy>h2{grid-column:1/-1;color:#0A215B;font-size:30px;line-height:1.2;font-weight:700;margin:0;padding:0;background:transparent}
@media(max-width:760px){body[data-page=""] #main .home-blog-banner .home-latest-copy>h2{font-size:27px}}

/* Our blog is a full section heading, matching Featured Properties. */
body[data-page=""] #main .home-blog-banner .home-latest-copy>h2{font-size:40px;font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:0 0 6px}
@media(max-width:760px){body[data-page=""] #main .home-blog-banner .home-latest-copy>h2{font-size:32px}}

/* Use the established section-heading font consistently. */
body[data-page=""] #main :is(.featured h2,#coverage-heading,#home-blog-heading){font-family:'Clarity City',Arial,sans-serif}

/* The approved type system: Regular, Medium and Bold only. */
html,body{font-family:'Clarity City',Arial,sans-serif;font-weight:400;font-synthesis:none}
body :is(h1,h2,h3,h4,h5,h6,strong,b,.button,.cf-btn,button[type=submit]){font-family:'Clarity City',Arial,sans-serif;font-weight:700}
body :is(.header nav,.header nav a,.header nav summary,.mobile-primary a,.mobile-journey summary,.mobile-secondary a,label,th){font-family:'Clarity City',Arial,sans-serif;font-weight:500}
body :is(input,textarea,select){font-family:'Clarity City',Arial,sans-serif;font-weight:400}
body .header nav .button{font-weight:700}

/* Allow the supplied two-line hero wording room on desktop. */
@media(min-width:1001px){body[data-page=""] .hero-message,body[data-page=""] .hero-message h1{max-width:1160px}}

/* The homepage hero uses the supplied Medium weight. */
body[data-page=""] #main .hero-message h1{font-family:'Clarity City',Arial,sans-serif;font-weight:500}

/* A smaller Bold hero preserves the main-heading hierarchy. */
body[data-page=""] #main .hero-message h1{font-weight:700;font-size:clamp(34px,3.8vw,50px)}
@media(max-width:760px){body[data-page=""] #main .hero-message h1{font-size:32px;line-height:1.2}}

/* Keep the gap below memberships without a coloured padding strip. */
body[data-page="about"] #main .about-story.about-standards-story:nth-child(even){padding-bottom:0;margin-bottom:44px}
@media(max-width:760px){body[data-page="about"] #main .about-story.about-standards-story:nth-child(even){padding-bottom:0;margin-bottom:40px}}

/* Homepage blog: text first, with the building photo on the right. */
body[data-page=""] #main .home-blog-banner .home-latest-blog{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
@media(max-width:760px){body[data-page=""] #main .home-blog-banner .home-latest-blog{grid-template-columns:1fr}}

/* Keep long latest-article titles inside the text column, beside the photo. */
body[data-page=""] #main .home-blog-banner .home-latest-copy > *{min-width:0;max-width:100%;overflow-wrap:break-word}
@media(max-width:1000px){body[data-page=""] #main .home-blog-banner .home-latest-copy{grid-template-columns:minmax(0,1fr)}}

/* One real article: do not reserve a column for unpublished demo stories. */
body[data-page="blog"] .cf-blog-feature.cf-blog-single{grid-template-columns:minmax(0,1fr);max-width:960px;margin-inline:auto}
body[data-page="blog"] .cf-blog-single .cf-blog-support:empty{display:none}

/* Editorial layouts share page gutters; the homepage photo fills its panel. */
body[data-page=""] #main .home-blog-banner .home-latest-image{height:auto;min-height:300px;position:relative;align-self:stretch}
body[data-page=""] #main .home-blog-banner .home-latest-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
body[data-page="blog"] #main .cf-blog-content,
body[data-page^="blog/"] #main .cf-article-body,
body[data-page="blog"] #main .cf-blog-intro>.wrap,
body[data-page^="blog/"] #main .cf-article-heading>.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:40px}
body[data-page^="blog/"] #main .cf-article-body{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:48px}
body[data-page^="blog/"] #main .cf-article-copy{min-width:0;max-width:70ch}
body[data-page^="blog/"] #main .cf-article-copy :is(h2,h3,p,li){overflow-wrap:break-word}
body[data-page^="blog/"] #main .cf-article-copy :is(ul,ol){padding-left:1.4em}
@media(max-width:900px){body[data-page^="blog/"] #main .cf-article-body{grid-template-columns:minmax(0,1fr);gap:32px}body[data-page^="blog/"] #main .cf-article-copy{max-width:none}}
@media(max-width:760px){body[data-page=""] #main .home-blog-banner .home-latest-image{height:210px;min-height:0}body[data-page="blog"] #main .cf-blog-content,body[data-page^="blog/"] #main .cf-article-body,body[data-page="blog"] #main .cf-blog-intro>.wrap,body[data-page^="blog/"] #main .cf-article-heading>.wrap{padding-inline:24px}}

@media(min-width:761px) and (max-width:900px){body[data-page=""] #main .home-blog-banner .home-latest-blog{grid-template-columns:minmax(0,1fr)}body[data-page=""] #main .home-blog-banner .home-latest-image{height:260px;min-height:0}}

body[data-page="blog"] #main .cf-journal-grid.cf-journal-single{grid-template-columns:minmax(0,1fr);max-width:720px}

/* Local blog design proposal: editorial feature and compact article index. */
body[data-page="blog"] #main .cf-blog-intro{padding-block:48px 50px}
body[data-page="blog"] #main .cf-journal-head{align-items:end;gap:48px;margin-bottom:0}
body[data-page="blog"] #main .cf-journal-head>div{max-width:680px}
body[data-page="blog"] #main .cf-journal-head h1{font-size:clamp(38px,4.2vw,56px);line-height:1.12;max-width:16ch;margin:18px 0 22px}
body[data-page="blog"] #main .cf-journal-head p{font-size:18px;line-height:1.7;max-width:55ch}
body[data-page="blog"] #main .cf-blog-search{max-width:340px;margin-bottom:4px}
body[data-page="blog"] #main .cf-blog-content{padding-block:48px 64px}
body[data-page="blog"] #main .cf-blog-feature.cf-blog-single{max-width:none;margin:0 0 52px}
body[data-page="blog"] #main .cf-blog-feature>.cf-journal-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;color:#0A215B;border:1px solid #dce2ea;overflow:hidden}
body[data-page="blog"] #main .cf-blog-feature>.cf-journal-card>img{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center}
body[data-page="blog"] #main .cf-blog-feature .cf-card-copy{padding:36px 40px;justify-content:center;min-width:0}
body[data-page="blog"] #main .cf-blog-feature .cf-journal-card h2{color:#0A215B;font-size:clamp(28px,2.7vw,36px);line-height:1.2;margin:12px 0 22px}
body[data-page="blog"] #main .cf-blog-feature .cf-journal-meta{color:#0A215B}
body[data-page="blog"] #main .cf-blog-feature .cf-journal-card p{font-size:17px;line-height:1.7;margin:0 0 26px}
body[data-page="blog"] #main .cf-blog-feature .cf-read{margin-top:0;width:fit-content;gap:14px}
body[data-page="blog"] #main .cf-blog-content>h2{font-size:34px;margin-bottom:22px}
body[data-page="blog"] #main .cf-blog-filters{margin:0 0 20px}
body[data-page="blog"] #main .cf-blog-results{margin-bottom:24px;color:#455367}
body[data-page="blog"] #main .cf-journal-grid.cf-journal-single{max-width:none}
body[data-page="blog"] #main .cf-journal-grid>.cf-journal-card{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid #dce2ea;background:#f0f5fb;align-items:stretch}
body[data-page="blog"] #main .cf-journal-grid>.cf-journal-card>img{width:100%;height:100%;min-height:240px;object-fit:cover;aspect-ratio:auto}
body[data-page="blog"] #main .cf-journal-grid .cf-card-copy{padding:26px 32px;min-width:0}
body[data-page="blog"] #main .cf-journal-grid h3{font-size:26px;line-height:1.25;margin:10px 0 16px;max-width:38ch}
body[data-page="blog"] #main .cf-journal-grid p{font-size:16px;line-height:1.7;max-width:75ch;margin-bottom:20px}
body[data-page="blog"] #main .cf-journal-grid .cf-read{width:fit-content;gap:14px}
body[data-page^="blog/"] #main .cf-article-heading{padding-block:44px 48px}
body[data-page^="blog/"] #main .cf-article-heading h1{font-size:clamp(36px,4vw,52px);line-height:1.15;max-width:24ch;margin:24px 0}
body[data-page^="blog/"] #main .cf-article-heading p{font-size:18px;line-height:1.75;max-width:70ch}
body[data-page^="blog/"] #main .cf-article-body{max-width:1200px;grid-template-columns:minmax(0,760px) minmax(240px,1fr);gap:48px;padding-block:48px 64px}
body[data-page^="blog/"] #main .cf-article-copy{max-width:none}
body[data-page^="blog/"] #main .cf-article-copy>img{aspect-ratio:16/10;height:auto;max-height:none;margin-bottom:32px}
body[data-page^="blog/"] #main .cf-article-copy h2{font-size:30px;line-height:1.3;margin:40px 0 20px}
body[data-page^="blog/"] #main .cf-article-copy h3{font-size:23px;line-height:1.35;margin:32px 0 18px}
body[data-page^="blog/"] #main .cf-article-copy :is(p,li){font-size:18px;line-height:1.8}
body[data-page^="blog/"] #main .cf-article-aside{padding:26px;position:sticky;top:130px}
@media(max-width:1000px){body[data-page="blog"] #main .cf-journal-head{display:block}body[data-page="blog"] #main .cf-blog-search{margin:28px 0 0;max-width:440px}body[data-page="blog"] #main .cf-blog-feature .cf-card-copy{padding:28px}body[data-page^="blog/"] #main .cf-article-body{grid-template-columns:minmax(0,1fr)}body[data-page^="blog/"] #main .cf-article-aside{position:static}}
@media(max-width:800px){body[data-page="blog"] #main .cf-blog-feature>.cf-journal-card{grid-template-columns:minmax(0,1fr)}body[data-page="blog"] #main .cf-blog-feature>.cf-journal-card>img{height:320px;min-height:0}body[data-page="blog"] #main .cf-blog-feature .cf-card-copy{padding:28px 32px}body[data-page="blog"] #main .cf-journal-grid>.cf-journal-card{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:600px){body[data-page="blog"] #main .cf-blog-intro{padding-block:30px 34px}body[data-page="blog"] #main .cf-journal-head h1{font-size:38px}body[data-page="blog"] #main .cf-journal-head p{font-size:17px}body[data-page="blog"] #main .cf-blog-content{padding-block:28px 40px}body[data-page="blog"] #main .cf-blog-feature.cf-blog-single{margin-bottom:36px}body[data-page="blog"] #main .cf-blog-feature>.cf-journal-card>img{height:240px}body[data-page="blog"] #main .cf-blog-feature .cf-card-copy{padding:24px}body[data-page="blog"] #main .cf-blog-feature .cf-journal-card h2{font-size:28px;margin-bottom:18px}body[data-page="blog"] #main .cf-blog-content>h2{font-size:29px}body[data-page="blog"] #main .cf-journal-grid>.cf-journal-card{grid-template-columns:minmax(0,1fr)}body[data-page="blog"] #main .cf-journal-grid>.cf-journal-card>img{height:200px;min-height:0}body[data-page="blog"] #main .cf-journal-grid .cf-card-copy{padding:24px}body[data-page="blog"] #main .cf-journal-grid h3{font-size:24px}body[data-page^="blog/"] #main .cf-article-heading{padding-block:32px 36px}body[data-page^="blog/"] #main .cf-article-heading h1{font-size:36px}body[data-page^="blog/"] #main .cf-article-body{padding-block:32px 40px;gap:32px}body[data-page^="blog/"] #main .cf-article-copy h2{font-size:27px;margin-top:32px}body[data-page^="blog/"] #main .cf-article-copy :is(p,li){font-size:17px;line-height:1.8}}

body[data-page^="blog/"] #main .cf-article-heading>.wrap{max-width:1200px}
body[data-page^="blog/"] #main .cf-article-aside h2{font-size:24px;line-height:1.3;margin-bottom:20px}

/* Public-page consistency review: shared roles, with the homepage hero and media controls preserved. */
:root{--cf-section-heading:40px;--cf-reading-heading:32px;--cf-card-heading:26px;--cf-page-gap:32px}
body[data-page] #main :is(.page-intro,.area-directory-intro,.area-guide-top,.cf-blog-intro,.cf-story-hero,.ll-hero,.contact-hero) h1{font-size:56px;line-height:1.18}
body[data-page=""] #main :is(.services-l-preview,.reference-featured,.coverage-home,.home-blog-banner,.home-bottom-grid) h2,
body[data-page="about"] #main .about-story h2,
body[data-page] #main :is(.split-section,.process,.faq-section,.ll-story,.ll-process,.ll-reading) h2{font-size:var(--cf-section-heading);line-height:1.2}
body[data-page] #main :is(.legal-copy,.cf-article-copy) h2{font-size:var(--cf-reading-heading);line-height:1.3}
body[data-page] #main :is(.guide-content article,.form-aside) h2,
#main.cf-public .cf-property-card h2,
#main.cf-signature :is(.sig-contact-card,.sig-enquiry-panel) h2{font-size:var(--cf-card-heading);line-height:1.25}
body[data-page] #main :is(.split-section,.about-story,.ll-story,.legal-copy,.guide-content) p{font-size:17px;line-height:1.75}
body[data-page] #main :is(.button,.cf-btn),#main:is(.cf-public,.cf-signature) .cf-btn{min-height:50px;padding:12px 22px;font-size:15px;line-height:1.5;font-weight:700}
/* Search actions retain their original dimensions and the mobile experiment remains isolated. */
body[data-page=""] #main .reference-search .button{min-height:54px;padding:13px 22px}
#main.cf-signature .sig-contact-card .cf-btn:is(:link,:visited,:hover,:focus-visible,:active),
#main.cf-signature .sig-contact-card button.cf-btn{background:#F4455A;border-color:#F4455A;color:#fff}
#main :is(.button,.cf-btn)>svg.lucide-arrow-up-right{display:none}
#main.cf-listing{max-width:none;padding-inline:max(40px,calc((100vw - 1200px)/2))}
#main.cf-listing .cf-search-heading{width:100vw;margin-inline:calc((min(1200px,100vw - 80px) - 100vw)/2);padding-inline:max(40px,calc((100vw - 1200px)/2))}
body[data-page^="blog/"] #main :is(.cf-article-heading>.wrap,.cf-article-body){max-width:1280px}
@media(max-width:760px){
 :root{--cf-section-heading:30px;--cf-reading-heading:28px;--cf-card-heading:24px;--cf-page-gap:24px}
 body[data-page] #main :is(.page-intro,.area-directory-intro,.area-guide-top,.cf-blog-intro,.cf-story-hero,.ll-hero,.contact-hero) h1{font-size:36px;line-height:1.2}
 body[data-page] #main :is(.split-section,.about-story,.ll-story,.legal-copy,.guide-content) p{font-size:17px;line-height:1.75}
 #main.cf-public .cf-property-card h2{font-size:24px}
 #main.cf-listing{padding-inline:24px}
 #main.cf-listing .cf-search-heading{margin-inline:-24px;padding-inline:24px}
}
/* Resolve legacy page-specific selectors at the shared component boundary. */
body[data-page=""] #main .services-l-preview h2.home-section-title,
body[data-page=""] #main .home-blog-banner .home-latest-copy>h2{font-size:var(--cf-section-heading);line-height:1.2;letter-spacing:-.025em}
body[data-page=""] #main .reference-featured .button{min-height:50px}
body[data-page] #main :is(p,li),body[data-page] #main .legal-copy a{overflow-wrap:anywhere}
body[data-page]:not([data-page=""]) #main h1{font-size:clamp(36px,4.4vw,56px);line-height:1.2}
@media(max-width:760px){body[data-page]:not([data-page=""]) #main h1{font-size:36px}}
/* Decorative overlines should not reappear in callouts outside main content. */
body[data-page] .eyebrow{display:none!important}
body[data-page] .notice .eyebrow{display:block!important}

/* The desktop process copy scrolls independently alongside the stationary photograph. */
body[data-page="landlords"] #main .ll-process-scroll-hint{display:none}
@media(min-width:1001px){
 body[data-page="landlords"] #main .ll-process-revised{align-items:stretch}
 body[data-page="landlords"] #main .ll-process-scroll{position:relative;min-height:0;display:flex;flex-direction:column}
 body[data-page="landlords"] #main .ll-process-scroll-hint{display:block;margin:0 0 12px;font-size:14px;line-height:1.5;font-weight:500;color:#0A215B}
 body[data-page="landlords"] #main .ll-process-scroll-inner{position:absolute;inset:33px 0 0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:3px 14px 6px 3px;scrollbar-color:#0A215B #dce5f0;scrollbar-width:auto}
 body[data-page="landlords"] #main .ll-process-scroll-inner:focus-visible{outline:3px solid #0A215B;outline-offset:4px}
 body[data-page="landlords"] #main .ll-process-scroll-inner .ll-timeline{margin-top:0}
}
@media(min-width:1001px){
 body[data-page="landlords"] #main .ll-hero>.ll-copy{grid-column:2;grid-row:1}
 body[data-page="landlords"] #main .ll-hero>.ll-photo{grid-column:1;grid-row:1;justify-self:start}
 body[data-page="landlords"] #main #guarantee>.ll-copy{grid-column:1;grid-row:1}
 body[data-page="landlords"] #main #guarantee>.ll-photo{grid-column:2;grid-row:1;justify-self:end}
 body[data-page="landlords"] #main :is(.ll-hero,.ll-process-intro) .ll-photo-visual{margin-left:14px;margin-right:0}
 body[data-page="landlords"] #main :is(.ll-hero,.ll-process-intro) .ll-photo-visual:before{left:-14px;right:auto;border-left:12px solid #F4455A;border-right:0}
 body[data-page="landlords"] #main :is(.ll-hero,.ll-process-intro) .ll-photo-visual img{transform:translate(-8px,8px)}
 body[data-page="landlords"] #main #guarantee .ll-photo-visual{margin-left:0;margin-right:14px}
 body[data-page="landlords"] #main #guarantee .ll-photo-visual:before{right:-14px;left:auto;border-left:0;border-right:12px solid #F4455A}
 body[data-page="landlords"] #main #guarantee .ll-photo-visual img{transform:translate(8px,8px)}
}

/* Landlords follows the text-only navy introduction used by other service pages. */
body[data-page="landlords"] #main .ll-hero.ll-hero-text{display:block}
body[data-page="landlords"] #main .ll-hero-text .ll-copy{max-width:1000px}
body[data-page="landlords"] #main .ll-hero-text p{max-width:780px;margin-bottom:0}
body[data-page="landlords"] #main .ll-introduction{max-width:1280px;margin:0 auto;padding-top:32px;padding-bottom:32px;border:0;background:#fff}
body[data-page="landlords"] #main .ll-introduction>.ll-photo{justify-self:start}
body[data-page="landlords"] #main .ll-introduction .ll-actions{margin-bottom:0}
@media(max-width:760px){body[data-page="landlords"] #main .ll-introduction{padding-top:24px;padding-bottom:24px}}
body[data-page="landlords"] #main .ll-introduction{padding-inline:40px}
@media(max-width:760px){body[data-page="landlords"] #main .ll-introduction{padding-inline:24px}}

/* One introduction rhythm: consistent start, with room for longer approved copy. */
:root{--intro-padding:48px;--intro-min-height:340px}
body[data-page] #main :is(.page-intro,.area-directory-intro,.area-guide-top,.cf-blog-intro,.cf-article-heading,.buyer-intro,.ll-hero),
#main.cf-public .cf-search-heading{
 box-sizing:border-box;min-height:var(--intro-min-height);height:auto;
 padding-block:var(--intro-padding);border-bottom:0;
}
body[data-page] #main :is(.page-intro,.area-directory-intro,.area-guide-top,.cf-blog-intro,.cf-article-heading,.buyer-intro,.ll-hero) :is(.breadcrumbs,.area-breadcrumbs),
#main.cf-public .cf-search-heading .cf-breadcrumb{
 margin-top:0;margin-bottom:20px;padding-block:0;
}
body[data-page] #main :is(.page-intro,.area-directory-intro,.area-guide-top,.cf-blog-intro,.cf-article-heading,.buyer-intro,.ll-hero) h1,
#main.cf-public .cf-search-heading h1{
 font-size:56px;line-height:1.18;margin-top:0;margin-bottom:20px;
}
body[data-page] #main :is(.page-intro,.area-directory-intro,.area-guide-top,.cf-blog-intro,.cf-article-heading,.buyer-intro,.ll-hero) p:last-child,
#main.cf-public .cf-search-heading p:last-child{margin-bottom:0}
/* Contact contains working forms, so keep its natural layout and align only its rhythm. */
body[data-page="contact"] #main .cf-contact-hero{padding-block:var(--intro-padding);border-bottom:0}
body[data-page="contact"] #main .cf-contact-hero h1{margin-top:0;margin-bottom:20px}
@media(max-width:760px){
 :root{--intro-padding:32px;--intro-min-height:0px}
 body[data-page] #main :is(.page-intro,.area-directory-intro,.area-guide-top,.cf-blog-intro,.cf-article-heading,.buyer-intro,.ll-hero) h1,
 #main.cf-public .cf-search-heading h1{font-size:36px;line-height:1.2}
}

/* Secondary guidance belongs with the white service content, not in the title band. */
body:is([data-page="buy"],[data-page="rent"]) #main .page-intro h1{max-width:none}
body[data-page] #main .service-information-links{display:flex;flex-wrap:wrap;align-items:start;gap:18px 28px;margin:24px 0}
body[data-page] #main .service-information-links .inline-link{color:var(--trial-navy)}
/* Keep underlined action text legible against every navy introduction. */
body[data-page] #main :is(.page-intro,.area-directory-intro,.area-guide-top,.cf-blog-intro,.cf-article-heading,.buyer-intro,.ll-hero,.cf-contact-hero) .inline-link,
body[data-page] #main :is(.page-intro,.area-directory-intro,.area-guide-top,.cf-blog-intro,.cf-article-heading,.buyer-intro,.ll-hero,.cf-contact-hero) .inline-link:is(:hover,:focus,:active,:visited){color:#fff;border-bottom-color:var(--trial-coral)}

/* Homepage: light coverage panel followed by a compact navy journal band. */
body[data-page=""] #main [data-home-bottom].coverage-reference,
body[data-page=""] #main [data-home-bottom].coverage-reference .coverage-panel{background:var(--trial-mist);color:var(--trial-navy)}
body[data-page=""] #main [data-home-bottom].coverage-reference :is(h2,.coverage-tagline,.coverage-shortlist a){color:var(--trial-navy)}
body[data-page=""] #main [data-home-bottom].coverage-reference .coverage-panel p:not(.coverage-tagline){color:var(--trial-ink)}
body[data-page=""] #main [data-home-bottom].coverage-reference .coverage-shortlist li{border-bottom-color:var(--trial-line)}
body[data-page=""] #main [data-home-bottom].coverage-reference :focus-visible{outline-color:var(--trial-coral)}
body[data-page=""] #main .home-blog-banner{background:var(--trial-navy);padding-block:24px;color:white}
body[data-page=""] #main .home-blog-banner .home-latest-blog{grid-template-columns:minmax(0,1fr) minmax(220px,300px);background:transparent;border:0;box-shadow:none;gap:28px}
body[data-page=""] #main .home-blog-banner .home-latest-copy{background:transparent;padding:0;gap:10px 24px;grid-template-columns:minmax(0,1fr) auto}
body[data-page=""] #main .home-blog-banner .home-latest-copy>h2{color:white;margin:0;font-size:var(--cf-section-heading);line-height:1.2}
body[data-page=""] #main .home-blog-banner .home-latest-copy h3{font-size:24px;line-height:1.25;margin:0}
body[data-page=""] #main .home-blog-banner .home-latest-copy :is(h3 a,.inline-link),
body[data-page=""] #main .home-blog-banner .home-latest-copy :is(h3 a,.inline-link):is(:hover,:focus,:active,:visited){color:white}
body[data-page=""] #main .home-blog-banner [data-latest-intro]{color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:1.6}
body[data-page=""] #main .home-blog-banner .home-latest-image{min-height:0;height:auto;align-self:stretch}
body[data-page=""] #main .home-blog-banner .home-latest-image img{object-position:36% center;filter:brightness(1.02) contrast(1.025) saturate(1.03)}
body[data-page="blog"] #main .cf-journal-card>img{filter:brightness(1.02) contrast(1.025) saturate(1.03)}
@media(max-width:760px){
 body[data-page=""] #main .home-blog-banner .home-latest-blog{grid-template-columns:minmax(0,1fr);gap:18px}
 body[data-page=""] #main .home-blog-banner .home-latest-copy{grid-template-columns:minmax(0,1fr) auto;gap:12px 16px}
 body[data-page=""] #main .home-blog-banner .home-latest-copy h3{font-size:22px}
 body[data-page=""] #main .home-blog-banner .home-latest-image{height:150px;grid-row:1}
 body[data-page=""] #main .home-blog-banner .home-latest-copy .button{min-width:0;padding-inline:16px}
}
@media(max-width:359px){body[data-page=""] #main .home-blog-banner .home-latest-copy{grid-template-columns:minmax(0,1fr)}}

/* Alternate service-photo accents in reading order on phones only. */
@media(max-width:760px){
 body[data-page=""] #main .services-l-grid>.services-l-block:nth-child(odd) .services-l-image::before{left:-12px;right:auto;border-left:6px solid var(--trial-coral);border-right:0;border-bottom:6px solid var(--trial-coral)}
 body[data-page=""] #main .services-l-grid>.services-l-block:nth-child(even) .services-l-image::before{left:auto;right:-12px;border-left:0;border-right:6px solid var(--trial-coral);border-bottom:6px solid var(--trial-coral)}
 body[data-page=""] #main .services-l-grid>.services-l-block:nth-child(odd) .services-l-image img{transform:translate(-7px,7px)}
 body[data-page=""] #main .services-l-grid>.services-l-block:nth-child(even) .services-l-image img{transform:translate(7px,7px)}
}

/* Clear routes for listing questions and the alternate property market. */
#main.cf-listing .cf-search-heading .cf-market-switch,
#main.cf-listing .cf-search-heading .cf-market-switch:is(:visited,:hover,:focus,:active){color:#fff;border-bottom-color:var(--trial-coral)}
#main.cf-listing .cf-listing-enquiry{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:26px}
#main.cf-listing .cf-listing-enquiry>span{font-size:17px;line-height:1.5;color:#fff}
#main.cf-listing .cf-listing-enquiry .cf-btn{color:#fff;background:var(--trial-coral);border-color:var(--trial-coral)}
@media(max-width:600px){#main.cf-listing .cf-listing-enquiry{align-items:flex-start;flex-direction:column;gap:12px;margin-top:24px}}