@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
/*
 * compassandkeygroup.com — site stylesheet (Lofty CMS, Ember/template6)
 * Source of truth since 2026-10-30, when Lofty began enforcing a 5,000-char
 * server-side cap on Settings > Custom Style. Loaded via jsDelivr.
 * Section 1 is the exact Lofty Style-field content as of 2026-10-30 (8,703 chars,
 * order preserved — the cascade depends on it). Append new work below it.
 * Change log: see claude/backlog.md in the Compass and Key Group project.
 */

/* ===== 1. Migrated from Lofty Custom Style field (2026-10-30) ===== */
/*CKG CSS*/
:root{
--ck-navy:#22334b;--ck-slate:#3a4f6e;--ck-gold:#dfb766;--ck-gold-deep:#c9a04f;
--ck-cream:#f4f3f2;--ck-white:#fff;--ck-text:#4a5568;--ck-text-light:#718096;
--ck-border:#e3e1de;
--font-normal:font-Figtree-400;
--font-medium:font-Figtree-500;--font-bold:font-Figtree-600;
--mg-title-font:font-PlayfairDisplay-700;
--color-theme:var(--ck-gold);--color-title:var(--ck-navy);
--color-text:var(--ck-text);
--color-label:var(--ck-navy);--color-hover:var(--ck-gold-deep);
--color-link:var(--ck-navy);--color-border:var(--ck-border);
--g-btn-background:var(--ck-gold);--g-btn-color:var(--ck-white);
--g-bg-color:var(--ck-white);--g-text-color:var(--ck-text);
--g-primary-color:var(--ck-navy);--mg-button-background:var(--ck-gold);
--mg-button-color:var(--ck-white);--mg-title-color:var(--ck-navy);
--radius-input:6px}
/* A1 type */
body,.site{font-family:var(--font-normal);font-size:16px;line-height:1.5;color:var(--ck-text)}
h1,h2,h3,h4,h5,h6,.title{font-family:var(--mg-title-font);color:var(--ck-navy);letter-spacing:normal}
.md-hero h1{font-size:72px;line-height:1.08;font-weight:700}
h2{font-size:36px;line-height:1.15;font-weight:400;margin-bottom:16px}
h3{font-size:20px;line-height:1.35;font-weight:400}
p,li{font-family:var(--font-normal)}
@media(max-width:1024px){.md-hero h1{font-size:48px}h2{font-size:30px}}
@media(max-width:640px){.md-hero h1{font-size:36px;line-height:1.15}h2{font-size:26px}h3{font-size:18px}.btn-item,.view-all-listings{font-size:16px;padding:14px 28px}}
/* A2 buttons */
.btn-item,.view-all-listings{font-family:var(--font-bold);font-size:18px;line-height:1.2;letter-spacing:normal;text-transform:none;border-radius:6px;padding:16px 40px;background-color:var(--ck-gold);color:var(--ck-white);border:1px solid var(--ck-gold)}
.btn-item:hover,.view-all-listings:hover{background-color:var(--ck-gold-deep);border-color:var(--ck-gold-deep);color:var(--ck-white)}
.md-hero .btn-item+.btn-item{background-color:transparent!important;color:var(--ck-white)!important;border-color:rgba(255,255,255,.85)!important}
/* A3 links, forms, cards */
a:hover{color:var(--ck-gold-deep)}
input,select,textarea{font-family:var(--font-normal);font-size:16px;color:var(--ck-navy);background-color:var(--ck-white);border:1px solid var(--ck-border);border-radius:6px;padding:12px 16px}
input:focus,select:focus,textarea:focus{border-color:var(--ck-gold);box-shadow:0 0 0 3px rgba(223,183,102,.25);outline:none}
::placeholder{color:var(--ck-text-light);opacity:1}
/* B1 grounds */
.page-content{background-color:var(--ck-white)!important}
.page-content>[class*=md-]:not(.md-hero,.md-footer){background-color:var(--ck-white)!important;background-image:none!important}
.page-content>[class*=md-]:not(.md-hero,.md-footer):nth-of-type(even){background-color:var(--ck-cream)!important}
/* B2 Lofty writes --g-* inline per block; redefining them flips the text */
.page-content>[class*=md-]:not(.md-hero,.md-footer,[class*=evaluation]),
.page-content>[class*=md-]:not(.md-hero,.md-footer,[class*=evaluation]) *{--g-primary-color:var(--ck-navy)!important;--g-text-color:var(--ck-text)!important;--g-bg-color:var(--ck-white)!important;--mg-title-color:var(--ck-navy)!important}
.md-footer,.md-footer *{--g-primary-color:var(--ck-white)!important;--g-text-color:rgba(255,255,255,.78)!important}
/* B3 near-white colors hard-coded in rich text */
.page-content>[class*=md-]:not(.md-hero,.md-footer,[class*=evaluation]) :is([style*="color: #fff"],[style*="color:#fff"],[style*="color: #ecf0f1"],[style*="color:#ecf0f1"],[style*="color: rgba(255, 255, 255"]){color:var(--g-primary-color)!important}
/* B4 hero: navy hidden behind the banner photo until it is replaced */
.page-content>.md-hero{background-color:var(--ck-navy)!important;background-image:linear-gradient(135deg,var(--ck-navy),var(--ck-slate))!important}
.md-hero h1,.md-hero h2,.md-hero p{color:var(--ck-white)!important}
.md-hero .hero-border{border-color:var(--ck-gold)!important}
/* B4b listing cards hard-code white text */
.house-info,.house-basic,.house-info *,.house-basic *{color:var(--ck-text)!important}
.house-price,.house-price *{color:var(--ck-navy)!important}
.full-name,.user-name,.review-name,.comment{color:var(--ck-navy)!important}
.sub-title,.sub-title *{color:var(--g-text-color)!important}
/* B5 rhythm */
.page-content>[class*=md-]:not(.md-hero,.md-footer,.md-header){padding-top:56px!important;padding-bottom:56px!important;margin-bottom:0!important}
/* B6 footer: painted surface is .footer-container; TODO white logos */
.md-footer,.md-footer>.footer-container{background-color:var(--ck-navy)!important;background-image:none!important}
.md-footer a:hover{color:var(--ck-gold)!important}
/* B7 header sits over the hero; links stay light on purpose */
.md-header{background-color:var(--ck-white)!important}
.logo-item{filter:brightness(0) invert(1)}
.md-header a{color:#fff!important}
.border-box{display:none}
.md-hero .banner.single{align-items:flex-start}
.md-hero .banner.single{min-height:460px!important}
.md-hero .media-title{font-size:clamp(28px,3.6vw,52px)!important;line-height:1.25!important}
.md-hero .media-subtitle{font-size:clamp(15px,1.3vw,20px)!important;line-height:1.5!important;margin-top:12px!important}
.md-hero .search-bar{position:relative!important;inset:auto!important;transform:none!important;margin:28px auto 0!important;max-width:640px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 14px 32px rgba(0,0,0,.25)!important;padding:8px!important}
.md-hero .search-input{background:#fff!important;color:#22334b!important;border-radius:10px!important}
.md-hero .search-input::placeholder{color:#8a94a3!important}
.md-hero .keyword-submit{border-radius:10px!important}
@media (max-width:600px){.md-hero .banner.single .media-title.media-title{font-size:20.8px!important;line-height:1.3!important}.md-hero .banner.single .media-subtitle.media-subtitle{font-size:15px!important;line-height:1.45!important}}@media (max-width:800px){.md-hero .banner.single .media-title.media-title,.md-hero .banner.single .media-subtitle.media-subtitle{display:block!important;position:static!important;left:auto!important;right:auto!important;float:none!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;text-align:center!important;box-sizing:border-box!important}}.reviews-wrap .swiper .swiper-slide{height:auto!important}.md-header *{color:rgb(255,255,255)!important}.md-featured-area.template6 .style-container .city-style{height:0px!important;padding-top:20%!important}.md-featured-area.template6 .style-container .city-style .style-title{font-size:30px!important;line-height:34px!important}@media(max-width:600px){.md-featured-area.template6 .style-container .city-style{height:200px!important;min-width:100%!important;padding-top:0!important}.md-featured-area.template6 .style-container .city-style .mask{background-color:rgba(25,25,25,.55)!important}.md-featured-area.template6 .style-container .city-style .style-title{font-size:22px!important;line-height:26px!important}}
.md-hero{margin-bottom:0!important}
.md-hero{height:auto!important}
.md-hero .banner.single{min-height:400px!important}
.md-testimonial{padding-top:16px!important}
.page-content>.md-testimonial.layout1{padding-top:16px!important}
.md-hero .search-bar .condition-search{display:none!important}
.md-banner.template6[data-uuid="f376f993-bd84-4d66-9703-31d4d731d8c7"]:not(.mobile) .img-wrapper,.md-banner.template6[data-uuid="f376f993-bd84-4d66-9703-31d4d731d8c7"]:not(.mobile) .content-wrapper{height:760px!important}
.md-banner.template6[data-uuid="f376f993-bd84-4d66-9703-31d4d731d8c7"] .img-wrapper img{object-position:center 30%!important}
.md-banner.template6[data-uuid="f376f993-bd84-4d66-9703-31d4d731d8c7"] .content-wrapper .title::after{display:none!important}
.md-banner.template6[data-uuid="f376f993-bd84-4d66-9703-31d4d731d8c7"]:not(.mobile) .content-wrapper .title h2{font-size:40px!important;line-height:1.15!important}
.md-banner.template6[data-uuid="f376f993-bd84-4d66-9703-31d4d731d8c7"]:not(.mobile) .content-wrapper .sub-title p{font-size:18px!important;line-height:1.6!important}
.md-banner.template6.mobile[data-uuid="f376f993-bd84-4d66-9703-31d4d731d8c7"] .content-wrapper .title h2{font-size:30px!important;line-height:1.2!important}
.md-banner.template6.mobile[data-uuid="f376f993-bd84-4d66-9703-31d4d731d8c7"] .content-wrapper .sub-title p{font-size:16px!important;line-height:1.6!important}
.md-banner.template6[data-uuid="f376f993-bd84-4d66-9703-31d4d731d8c7"]:not(.mobile) .img-wrapper,.md-banner.template6[data-uuid="f376f993-bd84-4d66-9703-31d4d731d8c7"]:not(.mobile) .content-wrapper{height:800px!important}

/* ===== 2. 2026-10-30: Sell + Contact fixes ===== */
/* Full-bleed top blocks skip the site-wide 56px section padding (B5). Ties B5's specificity, wins on order. */
body .page-content>.md-sell-banner.broker,body .page-content>.md-agent-contact.broker{padding-top:0!important}
body .page-content>.md-sell-banner.broker{padding-bottom:0!important}
/* Sell hero heading/subtitle were navy (--g-primary-color via B2) on a dark photo */
/* B3 flips inline near-white rich text to navy; undo on this dark photo block (ties B3 at 0,4,0, wins on order) */
body .page-content>.md-sell-banner.broker :is([style*="color: #fff"],[style*="color:#fff"],[style*="color: #ecf0f1"],[style*="color:#ecf0f1"]){color:#fff!important}


/* ===== 3. 2026-10-30: Homepage = replica of the Vercel reference (scoped to body.home) ===== */
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)){--ck-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ck-head:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ck-gray:#4b5563;--ck-line:#f3f4f6;--ck-grad:linear-gradient(135deg,#22334b 0%,#3a4f6e 50%,#2d4060 100%)}
/* Fonts: Vercel renders headings in the system sans (its DM Serif never loads) and body in DM Sans */
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .page-content,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .page-content p,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .page-content li,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .page-content a,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .page-content input{font-family:var(--ck-sans)!important}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .page-content h1,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .page-content h2,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .page-content h3{font-family:var(--ck-head)!important;letter-spacing:normal!important;text-transform:none!important}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .page-content :is(h1,h2,h3,p) span{font-family:inherit!important}

/* Shared section system (custom Embed blocks) */
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .page-content>.md-custom-code{padding:0!important;margin:0!important;background:none!important}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .page-content>.md-custom-code .mg-container,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .page-content>.md-custom-code .custom-code-html-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-sec{padding:48px 0}
.ckg-cream{background:#f4f3f2}.ckg-white{background:#fff}.ckg-navy{background:linear-gradient(135deg,#22334b 0%,#3a4f6e 50%,#2d4060 100%)}
.ckg-wrap{max-width:1280px;margin:0 auto;padding:0 16px;box-sizing:border-box}
.ckg-narrow{max-width:896px;text-align:center}
.ckg-head{text-align:center;margin-bottom:40px}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-head h2,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-cta h2,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .md-testimonial .site-title h2,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .md-house .mg-title h2{font-size:30px!important;line-height:36px!important;font-weight:400!important;color:#22334b!important;margin:0 0 16px!important;text-align:center!important}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-head p,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .md-testimonial .site-title p,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .md-house .mg-title p{font-size:18px!important;line-height:28px!important;color:#4b5563!important;max-width:672px;margin:0 auto!important;text-align:center!important}
.ckg-grid3{display:grid;gap:32px;grid-template-columns:1fr}
.ckg-card{background:#fff;border-radius:12px;padding:32px;text-align:center;border:1px solid #f3f4f6;transition:box-shadow .2s}
.ckg-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.ckg-icon{width:64px;height:64px;background:#22334b;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#dfb766}
.ckg-icon svg{width:32px;height:32px}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-card h3{font-size:20px!important;line-height:28px!important;font-weight:400!important;color:#22334b!important;margin:0 0 12px!important}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-card p{font-size:18px!important;line-height:1.625!important;color:#4b5563!important;margin:0!important}
.ckg-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-pills a{background:#fff;color:#22334b!important;font-size:14px!important;line-height:20px;font-weight:500;padding:10px 20px;border-radius:9999px;border:1px solid #e5e7eb;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-pills a:hover{background:rgba(223,183,102,.1);border-color:rgba(223,183,102,.3);color:#dfb766!important}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-cta h2{color:#fff!important;margin-bottom:24px!important}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-cta p{color:rgba(255,255,255,.9)!important;font-size:18px!important;line-height:1.625!important;max-width:672px;margin:0 auto 40px!important}
.ckg-btns,.ckg-hero-btns{display:flex;flex-direction:column;gap:16px;justify-content:center}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--ck-sans)!important;font-weight:600;padding:16px 32px;border-radius:6px;font-size:18px!important;line-height:28px;text-decoration:none!important;transition:background-color .2s;box-sizing:border-box}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-hero-btns .ckg-btn{padding:16px 40px}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-btn-gold{background:#dfb766;color:#fff!important;border:2px solid #dfb766}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-btn-gold:hover{background:#e8c97e;border-color:#e8c97e}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-btn-ghost{border:2px solid rgba(255,255,255,.3);color:#fff!important}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-btn-outline{border:2px solid #fff;color:#fff!important}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-btn-ghost:hover,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-btn-outline:hover{background:rgba(255,255,255,.1)}

/* Hero: Lofty md-hero (keeps its live MLS search) laid out like the Vercel hero */
body.home .page-content>.md-hero{background:linear-gradient(135deg,#22334b 0%,#3a4f6e 50%,#2d4060 100%)!important;padding:0!important;margin:0!important}
body.home .md-hero .single-picture,body.home .md-hero .banner-mask,body.home .md-hero .hero-border,body.home .md-hero .media-shadow{display:none!important}
body.home .md-hero .banner.single{min-height:0!important;height:auto!important;padding:40px 0!important;background:rgba(0,0,0,.2)!important;display:block!important}
body.home .md-hero .banner.single .media-content{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:1fr;gap:0;max-width:1280px;width:100%;margin:0 auto;padding:0 16px;box-sizing:border-box;text-align:center;align-items:center}
body.home .md-hero .media-info,body.home .md-hero .media-content-box{grid-column:1;position:static!important;height:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important}
body.home .md-hero .banner.single .media-content::after{content:"Compass & Key Group";grid-column:1;justify-self:center;width:280px;padding-top:290px;background:url("https://cdn.jsdelivr.net/gh/ybendiks/compassandkey-site-css@701abb8baac5853f4fbdca3ab99e840a8904e7f6/img/compass-white.png") no-repeat center top/auto 280px;font-family:var(--ck-head);font-size:24px;line-height:32px;color:#fff;letter-spacing:.025em;text-align:center;margin-top:40px}
body.home .md-hero .banner.single .media-title.media-title::before{content:"Veteran-Owned \00B7  Elizabethtown, KY";display:block;color:#e8c97e;font-family:var(--ck-sans);font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;letter-spacing:.2em;margin-bottom:16px}
body.home .md-hero .banner.single .media-title.media-title,body.home .md-hero .banner.single .media-subtitle.media-subtitle{text-align:center!important;width:100%!important;max-width:none!important;margin:0!important}
body.home .md-hero .banner.single .media-title.media-title h1,body.home .md-hero .banner.single .media-title.media-title h1 span{font-family:var(--ck-head)!important;font-weight:700!important;font-size:48px!important;line-height:1.25!important;color:#fff!important;margin:0!important}
body.home .md-hero .banner.single .media-title.media-title h1{margin:0 auto 24px!important;max-width:768px}
body.home .md-hero .banner.single .media-subtitle.media-subtitle h3,body.home .md-hero .banner.single .media-subtitle.media-subtitle h3 span{font-family:var(--ck-sans)!important;font-weight:400!important;font-size:20px!important;line-height:1.625!important;color:rgba(255,255,255,.9)!important}
body.home .md-hero .banner.single .media-subtitle.media-subtitle h3{max-width:672px;margin:0 auto 40px!important}
body.home .md-hero .search-bar{max-width:600px!important;width:100%!important;margin:0 auto 32px!important;border-radius:9999px!important;padding:6px!important;box-shadow:none!important;background:#fff!important;box-sizing:border-box}
body.home .md-hero .search-input{border-radius:9999px!important;font-size:16px!important;background:transparent!important;border:0!important;color:#1f2937!important}
body.home .md-hero .search-input::placeholder{color:#9ca3af!important}
body.home .md-hero .keyword-submit{border-radius:9999px!important;background:#dfb766!important}
@media(min-width:640px){
 body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-head h2,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-cta h2,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .md-testimonial .site-title h2,body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .md-house .mg-title h2{font-size:36px!important;line-height:40px!important}
 .ckg-wrap,body.home .md-hero .banner.single .media-content{padding:0 24px}
 .ckg-btns,.ckg-hero-btns{flex-direction:row}
 body.home .md-hero .banner.single .media-title.media-title h1,body.home .md-hero .banner.single .media-title.media-title h1 span{font-size:60px!important}
 body.home .md-hero .banner.single .media-content::after{width:350px;padding-top:360px;background-size:auto 350px}
}
@media(min-width:768px){.ckg-grid3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){
 body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-sec{padding:56px 0}
 .ckg-wrap,body.home .md-hero .banner.single .media-content{padding:0 32px}
 body.home .md-hero .banner.single{padding:48px 0!important}
 body.home .md-hero .banner.single .media-content{grid-template-columns:1fr 1fr;column-gap:48px;row-gap:0;text-align:left}
 body.home .md-hero .media-info{align-self:end}
 body.home .md-hero .media-content-box{align-self:start}
 body.home .md-hero .banner.single .media-content::after{grid-column:2;grid-row:1 / span 2;font-size:30px;line-height:36px;margin-top:0}
 body.home .md-hero .banner.single .media-title.media-title,body.home .md-hero .banner.single .media-subtitle.media-subtitle{text-align:left!important}
 body.home .md-hero .banner.single .media-title.media-title h1,body.home .md-hero .banner.single .media-title.media-title h1 span{font-size:72px!important}
 body.home .md-hero .banner.single .media-title.media-title h1,body.home .md-hero .banner.single .media-subtitle.media-subtitle h3{margin-left:0!important}
 body.home .md-hero .search-bar{margin-left:0!important}
 body.home .ckg-hero-btns{justify-content:flex-start}
}

/* Reviews: live Lofty reviews styled as Vercel's cards (3 across on desktop via ckg.js) */
body.home .page-content>.md-testimonial,body.home .page-content>.md-testimonial.layout1{background:#fff!important;padding:48px 0!important}
body.home .md-testimonial .reviews-container{max-width:1280px;margin:0 auto;padding:0 16px;box-sizing:border-box}
body.home .md-testimonial .site-title{margin-bottom:40px!important}
body.home .md-testimonial .reviews-wrap{max-width:none!important;width:100%!important}
body.home .md-testimonial .review-slider-item{background:#fff!important;border:1px solid #f3f4f6!important;border-radius:8px!important;padding:24px!important;box-shadow:none!important;min-height:0!important;transition:box-shadow .2s}
body.home .md-testimonial .review-slider-item:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
body.home .md-testimonial .comment{font-style:italic!important;font-size:18px!important;line-height:1.625!important;color:#4b5563!important}
body.home .md-testimonial .review-star i{color:#dfb766!important}
body.home .md-testimonial .swiper-wrapper{align-items:flex-start!important}
@media(min-width:768px){body.home .md-testimonial .swiper-slide{width:calc((100% - 64px) / 3)!important;margin-right:32px!important}body.home .md-testimonial .comment{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden}}
@media(min-width:768px){body.home .md-testimonial .swiper-wrapper{height:auto!important}}

/* Bio + Featured Properties grounds, alternating like the reference */
body.home .page-content>.md-banner{background:#f4f3f2!important}
body.home .page-content>.md-house{background:#f4f3f2!important;padding:48px 0!important}
/* Areas sits between the cream bio and the cream listings since Oct 30: white ground, cream pills (as on Vercel) */
body.home .ckg-areas{background:#fff!important}
body.home .ckg-areas .ckg-pills a{background:#f4f3f2;border-color:#f3f4f6}
body.home .md-house .mg-title{margin-bottom:40px!important}
body.home .md-house .house-info .view-all-listings{display:none!important}
body.home .md-house .house-title,body.home .md-house .main-title{display:block!important;text-align:center!important}
body.home .md-house .house-title{margin-bottom:40px!important}
body.home .md-house .mg-title{margin:0!important}
body.home .md-house .mg-more{display:none!important}
body.home .md-house .desc p{font-size:18px!important;line-height:28px!important;color:#4b5563!important;max-width:672px;margin:0 auto!important;text-align:center!important}
body.home .md-house>.ckg-more{padding-bottom:8px}
/* grid-v3 cards put the details over the photo: undo B4b's navy text there */
body.home .md-house .house-grid-item .house-info,body.home .md-house .house-grid-item .house-info *,body.home .md-house .house-grid-item .house-price,body.home .md-house .house-grid-item .house-price *,body.home .md-house .house-grid-item .house-basic,body.home .md-house .house-grid-item .house-basic *,body.home .md-house .house-grid-item .house-address,body.home .md-house .house-grid-item .house-address a,body.home .md-house .house-grid-item .house-detail *{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
@media(max-width:480px){body.home .md-hero .banner.single .media-title.media-title::before{letter-spacing:.14em;font-size:min(14px,3.2vw);white-space:nowrap}}
.ckg-more{text-align:center;margin-top:32px}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-textlink{display:inline-flex;align-items:center;gap:8px;color:#dfb766!important;font-weight:600;font-size:16px!important;text-decoration:none!important;transition:color .2s}
body:is(.home,.sell,.contact,.about,.featured-area-intro,:has(.ckg-buyhero)) .ckg-textlink:hover{color:#e8c97e!important}
@media(min-width:1024px){body.home .page-content>.md-testimonial,body.home .page-content>.md-testimonial.layout1,body.home .page-content>.md-house{padding:56px 0!important}body.home .md-testimonial .reviews-container{padding:0 32px}}

/* ===== 4. 2026-10-30: Site header = Vercel bar (white, icon + wordmark left, nav, phone + account right). Site-wide. ===== */
/* Beats the critical-subset rules `.md-header *{color:#fff!important}` / `.md-header a{color:#fff!important}` on specificity */
/* .header-bg stays full-width but invisible: Lofty sizes its menu split from header-bg.offsetWidth (calculateSlice) */
.md-header .header-container .header-bg{display:block!important;opacity:0!important;pointer-events:none!important;background:transparent!important}
@media(min-width:1024px){.md-header:not(.mobile) .header-container .header-bg{position:absolute!important;top:0!important;left:50%!important;width:100vw!important;height:100%!important;transform:translateX(-50%)!important;opacity:1!important;background:#fff!important;border-bottom:1px solid #f3f4f6!important;box-sizing:border-box!important}}
.md-header{background:#fff!important;border-bottom:1px solid #f3f4f6!important;box-shadow:none!important;height:auto!important;min-height:0!important}
.md-header .header-container{background:transparent!important;box-shadow:none!important}
.md-header .header-placeholder{height:80px!important;min-height:0!important}
.md-header.mobile .header-placeholder{height:64px!important}
.md-header .header-container,.md-header .header-container *{color:#3a4f6e!important;font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important}
.md-header .header-container .iconfont{font-family:iconfont!important}
/* logo: white icon -> black, wordmark beside it */
.md-header .header-container .logo-menu{display:flex!important;align-items:center!important;gap:16px}
.md-header .header-container .logo-menu a.logo:first-of-type{display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-decoration:none!important}
.md-header .header-container .logo-menu a.logo:first-of-type img{grid-row:1 / span 2;grid-column:1;height:48px!important;width:auto!important;max-height:none!important;filter:brightness(0)!important}
.md-header .header-container .logo-menu a.logo:first-of-type::before{content:"Compass & Key";grid-row:1;grid-column:2;align-self:end;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:20px;line-height:1;font-weight:700;letter-spacing:-.025em;color:#22334b;white-space:nowrap}
.md-header .header-container .logo-menu a.logo:first-of-type::after{content:"Group";grid-row:2;grid-column:2;align-self:start;margin-top:3px;font-family:"DM Sans",system-ui,sans-serif;font-size:12px;line-height:1;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:rgba(34,51,75,.6);white-space:nowrap}
/* Real Broker mark: must stay visible above the fold (brokerage advertising rule) */
.md-header .header-container .logo-menu a.logo:nth-of-type(2){display:flex!important;align-items:center;padding-left:16px;border-left:1px solid #e5e7eb;visibility:visible!important;opacity:1!important}
.md-header .header-container .logo-menu a.logo:nth-of-type(2) img{filter:brightness(0)!important;height:22px!important;width:auto!important}
/* nav links */
.md-header .header-container .menu-item>a{text-transform:none!important;font-size:16px!important;font-weight:500!important;letter-spacing:normal!important;border-radius:6px;transition:background-color .2s,color .2s}
.md-header .header-container .menu-item>a:hover,.md-header .header-container .menu-item:hover>a{background:#f4f3f2!important;color:#22334b!important}
.md-header .header-container .submenu,.md-header .header-container .wrapper{background:#fff!important}
.md-header .header-container .submenu a:hover{background:#f4f3f2!important;color:#22334b!important}
/* phone + account buttons */
.md-header .header-container .ckg-phone{display:flex;align-items:center;list-style:none;margin-left:8px}
.md-header .header-container .ckg-phone a{font-size:16px!important;font-weight:500!important;white-space:nowrap;padding:8px 10px;border-radius:6px;text-decoration:none!important}
.md-header .header-container .ckg-phone a:hover{background:#f4f3f2!important;color:#22334b!important}
.md-header.mobile .header-container .ckg-phone{display:none!important}
.md-header .header-container .head-account>li>a,.md-header .header-container .head-account .account-item{text-transform:none!important;letter-spacing:normal!important}
.md-header .header-container .head-account .menu-item{background:none!important;border:0!important;padding:0 0 0 8px!important}
.md-header .header-container .head-account .menu-item>span{display:inline-flex;align-items:center;padding:9px 18px!important;border-radius:6px;font-size:15px!important;font-weight:600!important;text-transform:none!important;letter-spacing:normal!important;line-height:1.2!important;cursor:pointer;transition:background-color .2s}
.md-header .header-container .head-account .item-regist>span{border:1px solid #d1d5db!important;color:#22334b!important;background:#fff!important}
.md-header .header-container .head-account .item-regist>span:hover{background:#f4f3f2!important}
.md-header .header-container .head-account .item-login>span{background:#dfb766!important;border:1px solid #dfb766!important;color:#fff!important}
.md-header .header-container .head-account .item-login>span:hover{background:#e8c97e!important}
/* desktop layout: logo left, menus to the right */
@media(min-width:1024px){
 .md-header:not(.mobile) .header-container{display:flex!important;align-items:center!important;justify-content:flex-start!important;max-width:1440px;margin:0 auto;padding:0 32px!important;height:80px!important;min-height:0!important;left:0;right:0;box-sizing:border-box}
 .md-header:not(.mobile) .header-container .logo-menu{order:0;position:static!important;transform:none!important;margin:0!important;padding:0!important;width:auto!important;flex:0 0 auto!important}
 .md-header:not(.mobile) .header-container .left-menu{order:1;position:static!important;width:auto!important;flex:0 0 auto!important;margin-left:auto!important}
 .md-header:not(.mobile) .header-container .right-menu{order:2;position:static!important;width:auto!important;flex:0 0 auto!important;display:flex!important;align-items:center;justify-content:flex-end!important;margin-left:2px!important}
 .md-header:not(.mobile) .header-container .menu-item:not(.more),.md-header:not(.mobile) .header-container .head-account{height:80px!important;display:flex!important;align-items:center}
 .md-header:not(.mobile) .header-container .menu-item>a{padding:8px 10px!important;margin:0!important;line-height:1.4!important;height:auto!important}
 .md-header:not(.mobile) .header-container .logo-menu a.logo{margin:0!important}
 .md-header:not(.mobile) .header-container .left-menu>li,.md-header:not(.mobile) .header-container .right-menu>li{padding:0!important}
 .md-header:not(.mobile) .header-container .left-menu,.md-header:not(.mobile) .header-container .right-menu{gap:2px}
 .md-header:not(.mobile) .header-container .ckg-phone{margin-left:8px}
}
/* phone: icon + wordmark + real mark left, hamburger right */
.md-header.mobile .header-container{height:64px!important;min-height:0!important}
.md-header.mobile .header-container .menu-icon-inner,.md-header.mobile .header-container .menu-icon-inner *{color:#3a4f6e!important;border-color:#3a4f6e!important}
.md-header.mobile .header-container .logo-menu a.logo:first-of-type img{height:40px!important}
.md-header.mobile .header-container .logo-menu a.logo:first-of-type::before{font-size:18px}
.md-header.mobile .header-container .logo-menu a.logo:first-of-type::after{font-size:11px}
.md-header.mobile .header-container .logo-menu a.logo:nth-of-type(2){padding-left:12px}
.md-header.mobile .header-container .logo-menu a.logo:nth-of-type(2) img{height:18px!important}
.md-header.mobile .header-container .logo-menu{background:#fff!important;justify-content:flex-start!important;padding:0 72px 0 16px!important;box-sizing:border-box;width:100%!important;height:64px!important}
.md-header.mobile .header-container .logo-menu a.logo{flex:0 0 auto!important;margin:0!important;height:auto!important}
.md-header.mobile .header-container .logo-menu a.logo:nth-of-type(2) img{height:16px!important;width:auto!important;max-width:none!important}
.md-header.mobile .header-container .menu-icon{background:transparent!important}
.md-header.mobile .header-container .right-menu,.md-header.mobile .header-container .right-menu .submenu,.md-header.mobile .header-container .right-menu .wrapper{background:#fff!important}
.md-header.mobile .header-container .right-menu .menu-item>a{font-size:17px!important;padding:12px 16px!important}
.md-header.mobile .header-container .right-menu .menu-item{border-color:#f3f4f6!important}
.md-header.mobile .header-container .menu-icon-inner .menu-bar{background-color:#3a4f6e!important}
.md-header .header-container .download-closely{display:none!important}
.md-header.mobile .header-container .head-account{background:#fff!important;border-top:1px solid #f3f4f6!important}

/* Reveal what the Style-field subset hides until this file arrives (no navy-header flash). Fallback in the subset reveals after 2.5s. */
.md-header .left-menu,.md-header .right-menu,.md-header .menu-icon,body.home .md-hero .media-content{opacity:1!important;animation:none!important}

/* ===== 5. 2026-10-31: no layout shift. ckg.css now loads render-blocking from <head> (Header Meta Tags); the Style-field subset sits AFTER it, so section-2 rules above carry an extra `body` to win their ties.
   Reserve space for what ckg.js adds after Lofty boots, so nothing moves when it appears. ===== */
body.home .md-hero .media-content-box:not(.ckg-btns-in){padding-bottom:144px!important}
@media(min-width:640px){body.home .md-hero .media-content-box:not(.ckg-btns-in){padding-bottom:64px!important}}
.md-header .header-container .ckg-phone{width:154px;justify-content:center}
.md-header:not(.mobile) .header-container .right-menu:not(.ckg-ph) .head-account{margin-left:162px!important}

/* §6 CLS: /contact map is injected client-side (SSR ships .agent-contact-container.no-map). Reserve its height until it lands; pin the map to the same height. */
body .md-agent-contact:has(>.agent-contact-container.no-map){padding-top:800px!important}
body .md-agent-contact>.site-map{height:800px!important}
@media(max-width:799px){body .md-agent-contact:has(>.agent-contact-container.no-map){padding-top:500px!important}body .md-agent-contact>.site-map{height:500px!important}}

/* ===== 7. 2026-10-31: /sell = replica of the Vercel Sell page (body.sell). Shared .ckg-* system above now covers .home and .sell ===== */
/* Hero: Lofty md-sell-banner (keeps its address-input seller lead form) laid out like Vercel's gradient hero */
body.sell .page-content>.md-sell-banner{background:linear-gradient(135deg,#22334b 0%,#3a4f6e 50%,#2d4060 100%)!important}
body.sell .md-sell-banner .single-picture,body.sell .md-sell-banner .banner-mask,body.sell .md-sell-banner .media-shadow,body.sell .md-sell-banner .sell-agent{display:none!important}
body.sell .md-sell-banner .banner.single{min-height:0!important;height:auto!important;padding:48px 0!important;display:block!important;background:none!important}
body.sell .md-sell-banner .media-content{position:relative!important;inset:auto!important;transform:none!important;max-width:1280px!important;width:100%!important;margin:0 auto!important;padding:0 16px!important;box-sizing:border-box;text-align:center;display:block!important;height:auto!important}
body.sell .md-sell-banner .media-info,body.sell .md-sell-banner .title-text{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;position:static!important}
body.sell .md-sell-banner .media-title h1,body.sell .md-sell-banner .media-title h1 span{font-family:var(--ck-head)!important;font-weight:700!important;font-size:36px!important;line-height:1.25!important;color:#fff!important;text-align:center!important;margin:0 0 24px!important;letter-spacing:normal!important;text-transform:none!important}
body.sell .md-sell-banner .media-subtitle h3,body.sell .md-sell-banner .media-subtitle h3 span{font-family:var(--ck-sans)!important;font-weight:400!important;font-size:18px!important;line-height:1.625!important;color:rgba(255,255,255,.9)!important;text-align:center!important;max-width:672px;margin:0 auto!important}
body.sell .md-sell-banner .address-input{max-width:600px!important;width:100%!important;margin:40px auto 0!important;background:#fff!important;border-radius:9999px!important;padding:6px!important;box-sizing:border-box;display:flex!important;height:auto!important;border:0!important}
body.sell .md-sell-banner .address-input .left-box{flex:1 1 auto!important;width:auto!important;border:0!important;background:transparent!important}
body.sell .md-sell-banner .address-input .input{height:48px!important;border:0!important;background:transparent!important;border-radius:9999px!important;font-size:16px!important;color:#1f2937!important;padding:0 16px!important}
body.sell .md-sell-banner .address-input .input::placeholder{color:#9ca3af!important}
body.sell .md-sell-banner .address-input .icon-search{display:none!important}
body.sell .md-sell-banner .address-input .right-box{flex:0 0 auto!important;width:auto!important}
body.sell .md-sell-banner .address-input .submit-btn{height:48px!important;width:auto!important;padding:0 24px!important;border-radius:9999px!important;background:#dfb766!important;border:0!important}
body.sell .md-sell-banner .address-input .submit-btn,body.sell .md-sell-banner .address-input .submit-btn *{color:#fff!important;font-family:var(--ck-sans)!important;font-weight:600!important;font-size:16px!important}
body.sell .md-sell-banner .address-input .empty-error{position:absolute}
@media(min-width:640px){
 body.sell .md-sell-banner .media-content{padding:0 24px!important}
 body.sell .md-sell-banner .media-title h1,body.sell .md-sell-banner .media-title h1 span{font-size:48px!important}
 body.sell .md-sell-banner .media-subtitle h3,body.sell .md-sell-banner .media-subtitle h3 span{font-size:20px!important}
}
@media(min-width:1024px){
 body.sell .md-sell-banner .banner.single{padding:64px 0!important}
 body.sell .md-sell-banner .media-content{padding:0 32px!important}
 body.sell .md-sell-banner .media-title h1,body.sell .md-sell-banner .media-title h1 span{font-size:60px!important}
}
/* Valuation card */
body.sell .ckg-val{border-top:4px solid #f5e6c8;border-bottom:4px solid #f5e6c8}
.ckg-valcard{max-width:896px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);padding:32px;border:1px solid #f5e6c8;text-align:center;box-sizing:border-box}
.ckg-valicon{width:64px;height:64px;border-radius:9999px;background:#f5e6c8;color:#dfb766;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.ckg-valicon svg{width:32px;height:32px}
body.sell .ckg-valcard h2{font-family:var(--ck-head)!important;font-size:30px!important;line-height:36px!important;font-weight:700!important;color:#22334b!important;margin:0 0 16px!important}
body.sell .ckg-valcard p{font-size:18px!important;line-height:1.625!important;color:#4b5563!important;max-width:576px;margin:0 auto 32px!important}
body.sell .ckg-valcard .ckg-btn{padding:16px 40px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}
/* Selling process */
.ckg-grid4{display:grid;gap:32px;grid-template-columns:1fr}
.ckg-step-n{display:block;font-family:var(--ck-head);font-size:60px;line-height:1;font-weight:700;color:rgba(223,183,102,.2)}
body.sell .ckg-step h3,body.sell .ckg-why4 h3{font-family:var(--ck-head)!important;font-weight:700!important;color:#22334b!important;letter-spacing:normal!important;text-transform:none!important}
body.sell .ckg-step h3{font-size:20px!important;line-height:28px!important;margin:8px 0 12px!important}
body.sell .ckg-step p,body.sell .ckg-why4 p{font-size:16px!important;line-height:1.625!important;color:#4b5563!important;margin:0!important;text-align:left!important}
/* Why sell with us */
.ckg-why4{background:#fff;border-radius:8px;padding:24px;border:1px solid #f3f4f6;height:100%;box-sizing:border-box;text-align:left;transition:box-shadow .2s}
.ckg-why4:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.ckg-why4 .ckg-wicon{color:#dfb766;margin-bottom:16px}
.ckg-why4 .ckg-wicon svg{width:32px;height:32px;display:block}
body.sell .ckg-why4 h3{font-size:18px!important;line-height:28px!important;margin:0 0 8px!important}
body.sell .ckg-head h2{font-weight:700!important}
body.sell .ckg-cta h2{font-weight:700!important}
@media(min-width:640px){.ckg-valcard{padding:48px}.ckg-grid4.ckg-why-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:768px){.ckg-grid4.ckg-steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.ckg-grid4{grid-template-columns:repeat(4,1fr)!important}.ckg-grid4.ckg-steps{gap:24px}}
body.sell .ckg-cta .ckg-btns{align-items:center}
/* Header: keep the full-width bar white once the fixed header scrolls over content (was transparent: .md-header's white bg is not on the fixed layer) — see §4 line with header-bg opacity:1 */
/* Homepage hero buttons: Lofty sets pointer-events:none on the hero content, so the links weren't clickable */
body.home .md-hero .ckg-hero-btns,body.home .md-hero .ckg-hero-btns a{pointer-events:auto!important;position:relative;z-index:2}
/* Mobile, signed-in visitor: Lofty pins the avatar (header-container>ul.head-account, absolute) to the top-left over the logo. Move it next to the hamburger (menu-icon is 60px wide, right edge). */
.md-header.mobile .header-container>.head-account{left:auto!important;right:46px!important;width:auto!important}
.md-header.mobile .header-container>.head-account>li{padding:0 4px!important;margin:0!important}
.md-header.mobile .header-container>.head-account .wrapper{left:auto!important;right:0!important}

/* ===== 8. 2026-10-31: /evaluation (Lofty md-evaluation-banner wizard) styled like the Sell hero ===== */
body.evaluation .page-content>.md-evaluation-banner{padding-top:0!important;padding-bottom:0!important;margin:0!important;background:linear-gradient(135deg,#22334b 0%,#3a4f6e 50%,#2d4060 100%)!important}
body.evaluation .md-evaluation-banner .single-picture,body.evaluation .md-evaluation-banner .banner-mask{display:none!important}
body.evaluation .md-evaluation-banner .banner.single{min-height:0!important;height:auto!important;background:none!important;padding:48px 0!important}
body.evaluation .md-evaluation-banner .cover{position:relative!important;inset:auto!important;transform:none!important;max-width:1280px!important;width:100%!important;margin:0 auto!important;padding:0 16px!important;box-sizing:border-box;height:auto!important}
body.evaluation .md-evaluation-banner .main-title :is(h1,h2),body.evaluation .md-evaluation-banner .main-title :is(h1,h2) span{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;font-weight:700!important;font-size:36px!important;line-height:1.25!important;color:#fff!important;text-align:center!important;letter-spacing:normal!important;text-transform:none!important;margin:0 0 16px!important}
body.evaluation .md-evaluation-banner .description p,body.evaluation .md-evaluation-banner .description p span{font-family:"DM Sans",system-ui,sans-serif!important;color:#e8c97e!important;font-size:14px!important;line-height:20px!important;letter-spacing:.2em!important;text-transform:uppercase!important;text-align:center!important}
body.evaluation .md-evaluation-banner .address-header p{font-family:"DM Sans",system-ui,sans-serif!important;color:rgba(255,255,255,.9)!important;font-size:18px!important;line-height:1.6!important;text-align:center!important;margin:32px 0 16px!important}
body.evaluation .md-evaluation-banner .address-body{max-width:600px!important;margin:0 auto!important;background:#fff!important;border-radius:9999px!important;padding:6px!important;box-sizing:border-box;display:flex!important;border:0!important;box-shadow:none!important;height:auto!important}
body.evaluation .md-evaluation-banner .address-body .left-box{flex:1 1 auto!important;border:0!important;background:transparent!important}
body.evaluation .md-evaluation-banner .address-body .input{height:48px!important;border:0!important;background:transparent!important;font-size:16px!important;color:#1f2937!important;padding:0 16px!important;border-radius:9999px!important}
body.evaluation .md-evaluation-banner .address-body .icon-submit-btn{display:none!important}
body.evaluation .md-evaluation-banner .address-body .right-box{flex:0 0 auto!important;width:auto!important;background:transparent!important}
body.evaluation .md-evaluation-banner .address-body .submit-btn{height:48px!important;line-height:48px!important;padding:0 28px!important;border-radius:9999px!important;background:#dfb766!important;border:0!important;color:#fff!important;font-family:"DM Sans",system-ui,sans-serif!important;font-weight:600!important;font-size:16px!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.evaluation .md-evaluation-banner .address-body .submit-btn *{line-height:1!important;margin:0!important;padding:0!important;color:#fff!important}
body.evaluation .md-evaluation-banner .evaluation-progress{margin-top:40px!important}
body.evaluation .md-evaluation-banner .step-label{font-family:ui-sans-serif,system-ui,sans-serif!important;font-weight:700!important}
body.evaluation .md-evaluation-banner .step-desc{font-family:"DM Sans",system-ui,sans-serif!important}
@media(min-width:640px){body.evaluation .md-evaluation-banner .main-title :is(h1,h2),body.evaluation .md-evaluation-banner .main-title :is(h1,h2) span{font-size:48px!important}body.evaluation .md-evaluation-banner .address-header p{font-size:20px!important}body.evaluation .md-evaluation-banner .cover{padding:0 24px!important}}
@media(min-width:1024px){body.evaluation .md-evaluation-banner .banner.single{padding:64px 0!important}body.evaluation .md-evaluation-banner .main-title :is(h1,h2),body.evaluation .md-evaluation-banner .main-title :is(h1,h2) span{font-size:60px!important}body.evaluation .md-evaluation-banner .cover{padding:0 32px!important}}
/* Phone numbers auto-linked by ckg.js keep the surrounding text style */
a.ckg-tel{color:inherit!important;text-decoration:inherit;font:inherit}

/* ===== 9. 2026-10-31: /contact = replica of the Vercel Contact page (body.contact). Lofty md-form kept (real lead form); its agent panel is the Contact Information card ===== */
body:is(.contact,.about,:has(.ckg-buyhero)) .ckg-pagehero{text-align:center}
body:is(.contact,.about,:has(.ckg-buyhero)) .ckg-pagehero h1{font-family:var(--ck-head)!important;font-weight:700!important;font-size:36px!important;line-height:1.2!important;color:#fff!important;margin:0 0 24px!important;letter-spacing:normal!important;text-transform:none!important}
body:is(.contact,.about,:has(.ckg-buyhero)) .ckg-pagehero p{font-size:18px!important;line-height:1.625!important;color:rgba(255,255,255,.9)!important;max-width:672px;margin:0 auto!important}
@media(min-width:640px){body:is(.contact,.about,:has(.ckg-buyhero)) .ckg-pagehero h1{font-size:48px!important}body:is(.contact,.about,:has(.ckg-buyhero)) .ckg-pagehero p{font-size:20px!important}}
@media(min-width:1024px){body:is(.contact,.about,:has(.ckg-buyhero)) .ckg-pagehero{padding:64px 0!important}body:is(.contact,.about,:has(.ckg-buyhero)) .ckg-pagehero h1{font-size:60px!important}}
/* Form section: cream ground, two white cards (form left, contact info right) */
body.contact .page-content>.md-form{background:#f4f3f2!important;padding:48px 0 24px!important;margin:0!important}
body.contact .md-form .form-container{max-width:1280px!important;width:100%!important;margin:0 auto!important;padding:0 16px!important;box-sizing:border-box;display:grid!important;grid-template-columns:1fr;gap:32px;background:none!important;box-shadow:none!important}
body.contact .md-form .info-right,body.contact .md-form .info-agent{width:auto!important;max-width:none!important;margin:0!important;background:#fff!important;border-radius:12px!important;border:1px solid #f3f4f6!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;padding:32px!important;box-sizing:border-box;height:auto!important;min-height:0!important;position:relative!important}
body.contact .md-form .info-right{order:1}
body.contact .md-form .info-agent{order:2;display:block!important;color:#4b5563!important}
body.contact .md-form .info-right .top-border{display:none!important}
body.contact .md-form .info-right .title{padding:0!important;margin:0 0 24px!important;height:auto!important;text-align:left!important}
body.contact .md-form .info-right .title h2,body.contact .md-form .info-right .title h2 *{font-family:var(--ck-head)!important;font-weight:700!important;font-size:24px!important;line-height:32px!important;color:#22334b!important;text-transform:none!important;letter-spacing:normal!important;text-align:left!important}
body.contact .md-form .info-form,body.contact .md-form .input-content,body.contact .md-form .basic-info{width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box}
body.contact .md-form .basic-info{display:grid!important;grid-template-columns:1fr;gap:16px}
body.contact .md-form .basic-info>.input-box{width:100%!important;margin:0!important;padding:0!important}
body.contact .md-form .input-container{position:relative;height:auto!important}
body.contact .md-form .input-container input,body.contact .md-form .input-container textarea{width:100%!important;box-sizing:border-box;border:1px solid #e5e7eb!important;border-radius:6px!important;padding:10px 16px!important;font-size:16px!important;color:#1f2937!important;background:#fff!important;font-family:var(--ck-sans)!important;height:auto!important;min-height:44px}
body.contact .md-form .input-container textarea{min-height:120px}
body.contact .md-form .input-container input:focus,body.contact .md-form .input-container textarea:focus{border-color:#dfb766!important;box-shadow:0 0 0 2px rgba(223,183,102,.5)!important;outline:none!important}
body.contact .md-form .submit-content{margin-top:20px!important;padding:0!important}
body.contact .md-form .submit-box .submit{width:100%!important;height:auto!important;padding:14px 32px!important;border-radius:6px!important;background:#dfb766!important;border:0!important;color:#fff!important;font-family:var(--ck-sans)!important;font-weight:600!important;font-size:18px!important;text-transform:none!important;letter-spacing:normal!important;opacity:1!important}
body.contact .md-form .submit-box .submit:hover{background:#e8c97e!important}
body.contact .md-form .disclaimer-wrap,body.contact .md-form .disclaimer-wrap *{font-size:12px!important;line-height:1.5!important;color:#6b7280!important}
/* Contact Information card (Lofty agent panel: phone, email, address from Austin's profile) */
body.contact .md-form .info-agent .img,body.contact .md-form .info-agent .desc{display:none!important}
body.contact .md-form .info-agent::before{content:"Contact Information";display:block;font-family:var(--ck-head);font-weight:700;font-size:24px;line-height:32px;color:#22334b;margin-bottom:24px}
body.contact .md-form .info-agent::after{content:"KY Real Estate License #277797";display:block;font-size:12px;color:#9ca3af;margin-top:20px}
body.contact .md-form .info-agent .concat{display:flex!important;flex-direction:column;gap:20px;width:auto!important;margin:0!important;padding:0!important;position:static!important}
body.contact .md-form .info-agent .concat p{display:grid!important;grid-template-columns:40px 1fr;column-gap:16px;align-items:start;margin:0!important;height:auto!important;line-height:1.4!important}
body.contact .md-form .info-agent .concat p:nth-child(3){order:-1}
body.contact .md-form .info-agent .concat p i{grid-row:1 / span 2;width:40px;height:40px;border-radius:8px;background:rgba(223,183,102,.1);color:#dfb766!important;display:flex!important;align-items:center;justify-content:center;font-size:18px!important;margin:0!important}
body.contact .md-form .info-agent .concat p::before{grid-column:2;font-weight:600;color:#22334b;font-size:16px;font-family:var(--ck-sans)}
body.contact .md-form .info-agent .concat p:nth-child(1)::before{content:"Phone"}
body.contact .md-form .info-agent .concat p:nth-child(2)::before{content:"Email"}
body.contact .md-form .info-agent .concat p:nth-child(3)::before{content:"Office Address"}
body.contact .md-form .info-agent .concat p span{grid-column:2;font-size:14px!important;color:#4b5563!important;white-space:normal!important;word-break:break-word}
body.contact .md-form .info-agent .concat p span a{color:#4b5563!important;text-decoration:none!important}
body.contact .md-form .info-agent .concat p span a:hover{color:#dfb766!important}
@media(min-width:640px){body.contact .md-form .form-container{padding:0 24px!important}body.contact .md-form .basic-info{grid-template-columns:1fr 1fr}body.contact .md-form .basic-info>.phone,body.contact .md-form .basic-info>.question{grid-column:1 / -1}}
@media(min-width:1024px){body.contact .page-content>.md-form{padding:56px 0 24px!important}body.contact .md-form .form-container{padding:0 32px!important;grid-template-columns:1fr 1fr;gap:48px;align-items:start}}
/* Map + Follow Us */
body.contact .ckg-mapsec{padding:24px 0 48px}
.ckg-map{border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;height:360px;background:#e5e7eb}
.ckg-map iframe{display:block;width:100%;height:360px;border:0}
body.contact .ckg-follow h3{font-family:var(--ck-head)!important;font-weight:700!important;font-size:20px!important;color:#22334b!important;margin:0 0 24px!important;text-transform:none!important;letter-spacing:normal!important}
.ckg-social{display:flex;justify-content:center;gap:24px}
.ckg-social a{width:48px;height:48px;border-radius:9999px;background:rgba(34,51,75,.05);color:#22334b!important;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}
.ckg-social a:hover{background:rgba(223,183,102,.1);color:#dfb766!important}
.ckg-social svg{width:20px;height:20px}
@media(min-width:1024px){body.contact .ckg-mapsec{padding:24px 0 56px}}
/* Google Business Profile map: contact page links + footer map (ckg.js) */
.ckg-maplinks{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;margin-top:24px}
body.contact .ckg-maplinks .ckg-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--ck-sans)!important;font-weight:600;padding:12px 28px;border-radius:6px;font-size:16px!important;text-decoration:none!important;background:#dfb766;color:#fff!important;border:2px solid #dfb766}
body.contact .ckg-maplinks .ckg-btn:hover{background:#e8c97e;border-color:#e8c97e}
a.ckg-addr{color:inherit!important;text-decoration:none}
a.ckg-addr:hover{color:#dfb766!important;text-decoration:underline}
.md-footer .ckg-footmap{margin-top:20px;max-width:420px}
.md-footer .ckg-footmap iframe{display:block;width:100%;height:200px;border:0;border-radius:8px;background:#2d4060}
.md-footer .ckg-footmap .ckg-footdir{display:inline-block;margin-top:10px;color:#dfb766!important;font-weight:600;font-size:14px;text-decoration:none}
.md-footer .ckg-footmap .ckg-footdir:hover{color:#e8c97e!important}
/* Contact on phones: the grid column grew to the address's unwrapped width (424px on a 360px screen), pushing both cards off the right edge */
body.contact .md-form .form-container{grid-template-columns:minmax(0,1fr)!important}
body.contact .md-form .info-right,body.contact .md-form .info-agent{min-width:0!important}
body.contact .md-form .info-agent .concat p,body.contact .md-form .info-agent .concat p *{white-space:normal!important;overflow-wrap:anywhere;min-width:0}
@media(min-width:1024px){body.contact .md-form .form-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}

/* ===== 10. 2026-10-31: /about = replica of the Vercel About page (body.about). Lofty md-team / services / reviews blocks replaced by Embeds ===== */
body.about .ckg-head h2,body.about .ckg-cta h2{font-weight:700!important}
/* Austin's story */
.ckg-story-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}
.ckg-story-photo{display:block;border-radius:16px;overflow:hidden;aspect-ratio:1/1;background:#e5e7eb}
.ckg-story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
body.about .ckg-story .ckg-eyebrow{font-size:14px!important;font-weight:600!important;color:#dfb766!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin:0 0 8px!important}
body.about .ckg-story h2,body.about .ckg-story h2 a{font-family:var(--ck-head)!important;font-weight:700!important;font-size:30px!important;line-height:36px!important;color:#22334b!important;margin:0 0 24px!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important}
body.about .ckg-story h2 a:hover{color:#dfb766!important}
body.about .ckg-story-text>p{font-size:16px!important;line-height:1.625!important;color:#4b5563!important;margin:0 0 16px!important}
body.about .ckg-quote{margin:32px 0 0;border-left:4px solid #dfb766;padding:8px 0 8px 24px}
body.about .ckg-quote p{font-family:var(--ck-head)!important;font-size:18px!important;line-height:1.625!important;color:#22334b!important;font-style:italic!important;margin:0!important}
body.about .ckg-quote cite{display:block;font-style:normal;font-size:14px;color:#6b7280;margin-top:8px}
body.about .ckg-story .ckg-license{font-size:12px!important;color:#9ca3af!important;margin:16px 0 0!important}
body.about .ckg-story .ckg-textlink,body.about .ckg-team .ckg-textlink{display:inline-flex;margin-top:16px;color:#dfb766!important;font-weight:600;font-size:14px!important;text-decoration:none!important}
body.about .ckg-story .ckg-textlink:hover,body.about .ckg-team .ckg-textlink:hover{color:#e8c97e!important}
/* Team cards */
.ckg-team-card{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #f3f4f6;transition:box-shadow .2s;display:flex;flex-direction:column}
.ckg-team-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.ckg-team-photo{display:block;height:288px;background:linear-gradient(135deg,rgba(58,79,110,.2),rgba(34,51,75,.3))}
.ckg-team-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.ckg-team-body{padding:20px;display:flex;flex-direction:column;flex:1}
body.about .ckg-team-body h3,body.about .ckg-team-body h3 a{font-family:var(--ck-head)!important;font-weight:700!important;font-size:20px!important;line-height:28px!important;color:#22334b!important;margin:0 0 2px!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important}
body.about .ckg-team-body h3 a:hover{color:#dfb766!important}
body.about .ckg-team-body .ckg-team-role{font-size:14px!important;font-weight:500!important;color:#dfb766!important;margin:0 0 12px!important}
body.about .ckg-team-body p{font-size:16px!important;line-height:1.625!important;color:#4b5563!important;margin:0 0 16px!important}
body.about .ckg-team-body .ckg-team-phone{margin:auto 0 0!important;font-size:14px!important}
body.about .ckg-team-body .ckg-team-phone a{color:#6b7280!important;text-decoration:none!important}
body.about .ckg-team-body .ckg-team-phone a:hover{color:#dfb766!important}
/* Mission values */
.ckg-vicon{width:64px;height:64px;border-radius:9999px;background:#f5e6c8;color:#dfb766;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.ckg-vicon svg{width:32px;height:32px}
body.about .ckg-value h3{font-weight:700!important}
body.about .ckg-cta .ckg-btns{align-items:center}
@media(min-width:640px){body.about .ckg-story h2,body.about .ckg-story h2 a{font-size:36px!important;line-height:40px!important}.ckg-team .ckg-grid3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.ckg-story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.ckg-team .ckg-grid3{grid-template-columns:repeat(3,1fr)}}

/* ===== 11. 2026-10-31: /buy (new Lofty "blank" page) = replica of the Vercel Buy page. Scoped by its hero (body:has(.ckg-buyhero)) because "blank" is a generic Lofty body class ===== */
body:has(.ckg-buyhero) .ckg-buyhero{padding:80px 0!important;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(135deg,#22334b 0%,#3a4f6e 50%,#2d4060 100%)!important}
body:has(.ckg-buyhero) .ckg-buyhero .ckg-kicker{color:#e8c97e!important;font-size:14px!important;line-height:20px!important;text-transform:uppercase!important;letter-spacing:.2em!important;margin:0 0 16px!important}
body:has(.ckg-buyhero) .ckg-buyhero h1{max-width:768px;margin-left:auto!important;margin-right:auto!important}
@media(min-width:1024px){body:has(.ckg-buyhero) .ckg-buyhero{min-height:420px;display:flex;align-items:center;box-sizing:border-box}body:has(.ckg-buyhero) .ckg-buyhero .ckg-wrap{width:100%}}
/* Search Properties: Lofty's search bar (keyword + Price/Beds/Baths/Type/Filters → /listing) */
body:has(.ckg-buyhero) .page-content>.md-listing-search{background:#fff!important;padding:48px 0!important;margin:0!important}
body:has(.ckg-buyhero) .md-listing-search>.search-content{max-width:1024px!important;margin:0 auto!important;padding:0 16px!important;box-sizing:border-box}
body:has(.ckg-buyhero) .md-listing-search>.search-content::before{content:"Search Properties";display:block;text-align:center;font-family:var(--ck-head);font-weight:700;font-size:24px;line-height:32px;color:#22334b;margin-bottom:24px}
body:has(.ckg-buyhero) .md-listing-search .keyword-container input{border-radius:6px!important;font-family:var(--ck-sans)!important;font-size:16px!important}
@media(min-width:640px){body:has(.ckg-buyhero) .md-listing-search>.search-content::before{font-size:30px;line-height:36px}}
/* Our Current Listings: Lofty md-house (Austin's listings), same treatment as the homepage grid */
body:has(.ckg-buyhero) .page-content>.md-house{background:#f4f3f2!important;padding:48px 0!important}
body:has(.ckg-buyhero) .md-house .house-title,body:has(.ckg-buyhero) .md-house .main-title{display:block!important;text-align:center!important}
body:has(.ckg-buyhero) .md-house .house-title{margin-bottom:40px!important}
body:has(.ckg-buyhero) .md-house .mg-title{margin:0!important}
body:has(.ckg-buyhero) .md-house .mg-title h2{font-weight:700!important}
body:has(.ckg-buyhero) .md-house .mg-more{display:none!important}
body:has(.ckg-buyhero) .md-house .house-info .view-all-listings{display:none!important}
body:has(.ckg-buyhero) .md-house .house-grid-item .house-info,body:has(.ckg-buyhero) .md-house .house-grid-item .house-info *,body:has(.ckg-buyhero) .md-house .house-grid-item .house-price,body:has(.ckg-buyhero) .md-house .house-grid-item .house-price *,body:has(.ckg-buyhero) .md-house .house-grid-item .house-basic,body:has(.ckg-buyhero) .md-house .house-grid-item .house-basic *,body:has(.ckg-buyhero) .md-house .house-grid-item .house-address,body:has(.ckg-buyhero) .md-house .house-grid-item .house-address a,body:has(.ckg-buyhero) .md-house .house-grid-item .house-detail *{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
@media(min-width:1024px){body:has(.ckg-buyhero) .page-content>.md-house,body:has(.ckg-buyhero) .page-content>.md-listing-search{padding:56px 0!important}}
/* Path to Homeownership: gold numbered circles with a connector line on desktop */
.ckg-path-grid{display:grid;gap:32px;grid-template-columns:minmax(0,1fr)}
.ckg-pstep{position:relative;text-align:center}
.ckg-pnum{width:64px;height:64px;border-radius:9999px;background:#dfb766;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-family:var(--ck-head);font-size:24px;position:relative;z-index:1}
body:has(.ckg-buyhero) .ckg-pstep h3{font-family:var(--ck-head)!important;font-weight:700!important;font-size:20px!important;line-height:28px!important;color:#22334b!important;margin:0 0 12px!important;text-transform:none!important;letter-spacing:normal!important}
body:has(.ckg-buyhero) .ckg-pstep p{font-size:16px!important;line-height:1.625!important;color:#4b5563!important;margin:0!important}
body:has(.ckg-buyhero) .ckg-path .ckg-head h2,body:has(.ckg-buyhero) .ckg-afford h2,body:has(.ckg-buyhero) .ckg-cta h2{font-weight:700!important}
@media(min-width:640px){.ckg-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.ckg-path-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.ckg-pstep{text-align:left}.ckg-pnum{margin:0 0 20px}.ckg-pstep:not(:last-child)::after{content:"";position:absolute;top:32px;left:calc(50% + 32px);width:calc(100% - 32px);height:1px;background:#e5e7eb}}
/* Affordability card (reuses the Sell valuation card) */
body:has(.ckg-buyhero) .ckg-affordcard{border-color:#f3f4f6;box-shadow:none}
body:has(.ckg-buyhero) .ckg-affordcard .ckg-valicon{background:rgba(223,183,102,.1)}
body:has(.ckg-buyhero) .ckg-affordcard h2{font-family:var(--ck-head)!important;font-size:30px!important;line-height:36px!important;color:#22334b!important;margin:0 0 16px!important}
body:has(.ckg-buyhero) .ckg-affordcard p{font-size:16px!important;line-height:1.625!important;color:#4b5563!important;max-width:576px;margin:0 auto 32px!important}
body:has(.ckg-buyhero) .ckg-affordcard .ckg-btn{padding:16px 32px}
@media(min-width:640px){body:has(.ckg-buyhero) .ckg-affordcard h2{font-size:36px!important;line-height:40px!important}}
@media(min-width:1024px){body:has(.ckg-buyhero) .ckg-affordcard{padding:56px}}
body:has(.ckg-buyhero) .ckg-buyhero .ckg-kicker{margin:0 auto 16px!important;max-width:none!important;text-align:center!important}
@media(min-width:1024px){.ckg-pstep:not(:last-child)::after{left:76px!important;width:calc(100% - 64px)!important}}
/* Search heading lives on the block, not .search-content (which is the off-screen filter drawer on phones) */
body:has(.ckg-buyhero) .md-listing-search>.search-content::before{content:none!important;display:none!important}
body:has(.ckg-buyhero) .page-content>.md-listing-search::before{content:"Search Properties";display:block;text-align:center;font-family:var(--ck-head);font-weight:700;font-size:24px;line-height:32px;color:#22334b;margin:0 auto 24px;padding:0 16px}
@media(min-width:640px){body:has(.ckg-buyhero) .page-content>.md-listing-search::before{font-size:30px;line-height:36px}}

/* ===== 12. 2026-11-01: City (Lofty "featured area" intro) pages, body.featured-area-intro. Visuals of the Vercel /areas pages; Yuris's Lofty copy kept as written (Vercel copy is placeholder, not SEO'd). Shared .ckg-* fonts/headings now include .featured-area-intro ===== */
/* Hero: md-nbr-info (city name, H1 + intro copy, live stats) becomes the navy gradient band */
body.featured-area-intro .page-content>.md-nbr-info{background:var(--ck-grad)!important;margin:0!important;padding:56px 0 48px!important;position:relative;z-index:1}
body.featured-area-intro .md-nbr-info .md-nbr-info__box{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;max-width:960px!important;width:100%!important;margin:0 auto!important;padding:0 16px!important;box-sizing:border-box;text-align:center;top:auto!important;transform:none!important}
body.featured-area-intro .md-nbr-info .state-city{display:none!important}
body.featured-area-intro .md-nbr-info .nbr-name{font-family:var(--ck-sans)!important;font-size:14px!important;line-height:20px!important;font-weight:600!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:#dfb766!important;margin:0 0 16px!important}
body.featured-area-intro .md-nbr-info .nbr-desc h1,body.featured-area-intro .md-nbr-info .nbr-desc h1 *{font-family:var(--ck-head)!important;font-weight:700!important;font-size:36px!important;line-height:1.2!important;color:#fff!important;margin:0 0 24px!important;text-align:center!important}
body.featured-area-intro .md-nbr-info .nbr-desc p,body.featured-area-intro .md-nbr-info .nbr-desc p *{font-size:18px!important;line-height:1.625!important;color:rgba(255,255,255,.9)!important;text-align:left}
body.featured-area-intro .md-nbr-info .nbr-desc p{margin:0 0 16px!important}
body.featured-area-intro .md-nbr-info .view-more-content{text-align:left}
/* Folded: H1 + first paragraph (Lofty pins the fold at an inline 96px, which cut the H1 in half) */
body.featured-area-intro .md-nbr-info .view-more.fold .view-more-content{height:auto!important;max-height:none!important;overflow:visible!important}
body.featured-area-intro .md-nbr-info .view-more.fold .view-more-content::after{display:none!important}
body.featured-area-intro .md-nbr-info .more-btn{color:#dfb766!important;font-family:var(--ck-sans)!important;font-weight:600!important;letter-spacing:.05em;margin-top:4px}
body.featured-area-intro .md-nbr-info .md-nbr-info__number{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:40px 0 0!important;padding:0!important;border:0!important}
body.featured-area-intro .md-nbr-info .md-nbr-info__number .item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:20px 16px!important;margin:0!important;width:auto!important;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
body.featured-area-intro .md-nbr-info .md-nbr-info__number .icon{background:none!important;width:auto!important;height:auto!important;margin:0!important}
body.featured-area-intro .md-nbr-info .md-nbr-info__number .icon .iconfont{color:#dfb766!important;font-size:24px!important}
body.featured-area-intro .md-nbr-info .md-nbr-info__number .label{font-family:var(--ck-head)!important;font-size:26px!important;line-height:32px!important;font-weight:700!important;color:#fff!important;margin:0!important;text-align:center!important}
body.featured-area-intro .md-nbr-info .md-nbr-info__number .title,body.featured-area-intro .md-nbr-info .md-nbr-info__number .title *{font-family:var(--ck-sans)!important;font-size:13px!important;line-height:18px!important;color:rgba(255,255,255,.75)!important;text-transform:uppercase;letter-spacing:.05em;text-align:center!important;justify-content:center}
/* Map: plain full-width band under the hero (was under a floating card) */
body.featured-area-intro .page-content>.md-map{margin:0!important}
/* Copy sections (Yuris's rich text): Vercel reading column, navy headings, alternating grounds */
body.featured-area-intro .page-content>.md-content.richtext{padding:56px 0!important;margin:0!important}
body.featured-area-intro .page-content>.md-content.richtext .mg-container{max-width:896px!important;padding:0 16px!important;box-sizing:border-box}
body.featured-area-intro .md-content.richtext h2,body.featured-area-intro .md-content.richtext h2 *{font-size:30px!important;line-height:1.2!important;font-weight:700!important;color:#22334b!important;margin:0 0 20px!important}
body.featured-area-intro .md-content.richtext h3,body.featured-area-intro .md-content.richtext h3 *{font-size:22px!important;line-height:1.3!important;font-weight:700!important;color:#22334b!important;margin:28px 0 8px!important}
body.featured-area-intro .md-content.richtext p,body.featured-area-intro .md-content.richtext li,body.featured-area-intro .md-content.richtext p *,body.featured-area-intro .md-content.richtext li *{font-size:18px!important;line-height:1.7!important;color:#4b5563!important}
body.featured-area-intro .md-content.richtext p{margin:0 0 20px!important}
body.featured-area-intro .md-content.richtext p:empty{display:none}
body.featured-area-intro .md-content.richtext :is(strong,b),body.featured-area-intro .md-content.richtext p :is(strong,b) *{color:#22334b!important;font-weight:700!important}
body.featured-area-intro .md-content.richtext ul{margin:8px 0 20px!important;padding-left:0!important;list-style:none!important}
body.featured-area-intro .md-content.richtext li{position:relative;padding-left:28px!important;margin:0 0 10px!important;list-style:none!important}
body.featured-area-intro .md-content.richtext li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:#dfb766}
body.featured-area-intro .md-content.richtext a{color:#b8913f!important;text-decoration:underline!important}
/* Listing / sold / market blocks: shared section heading style */
body.featured-area-intro .page-content>:is(.md-house,.md-market-trends,.md-house-detail,.md-testimonial,.md-form,.md-map,.md-nbr-local,.md-nbr-demographics,.md-nbr-form) :is(.mg-title,.site-title) h2{font-family:var(--ck-head)!important;font-size:30px!important;line-height:36px!important;font-weight:700!important;color:#22334b!important;letter-spacing:normal!important;text-transform:none!important}
@media(min-width:640px){
 body.featured-area-intro .md-nbr-info .nbr-desc h1,body.featured-area-intro .md-nbr-info .nbr-desc h1 *{font-size:48px!important}
 body.featured-area-intro .md-content.richtext h2,body.featured-area-intro .md-content.richtext h2 *{font-size:36px!important}
}
@media(min-width:1024px){
 body.featured-area-intro .page-content>.md-nbr-info{padding:72px 0 64px!important}
 body.featured-area-intro .md-nbr-info .nbr-desc h1,body.featured-area-intro .md-nbr-info .nbr-desc h1 *{font-size:56px!important}
 body.featured-area-intro .md-nbr-info .md-nbr-info__number{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* §12 polish: empty spacer paragraphs (flagged .ckg-empty by ckg.js), bold sub-heads, hero MORE spacing, testimonials on cream like the homepage */
body.featured-area-intro .md-content.richtext p.ckg-empty{display:none!important}
body.featured-area-intro .md-content.richtext p>strong:first-child,body.featured-area-intro .md-content.richtext p>b:first-child{font-size:20px!important;line-height:1.5!important}
body.featured-area-intro .md-content.richtext h2+p,body.featured-area-intro .md-content.richtext ul+p{margin-top:0!important}
body.featured-area-intro .md-content.richtext p:has(+ul){margin-bottom:4px!important}
body.featured-area-intro .md-nbr-info .view-more.fold .view-more-content p:first-of-type{margin-bottom:8px!important}
body.featured-area-intro .page-content>.md-testimonial .testimonial-frame{background:#f4f3f2!important;background-image:none!important}
/* City pages whose intro copy has no H1 of its own keep Lofty's city-name H1 as the big white heading */
body.featured-area-intro .md-nbr-info .md-nbr-info__box:not(:has(.nbr-desc h1)) .nbr-name{font-family:var(--ck-head)!important;font-size:44px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:normal!important;text-transform:none!important;color:#fff!important;margin:0 0 24px!important}
body.featured-area-intro .md-nbr-info .nbr-name{text-align:center!important;width:100%!important}
body.featured-area-intro .md-nbr-info .view-more-content{color:rgba(255,255,255,.9)!important;font-size:18px!important;line-height:1.625!important}
/* §12b City page template pieces injected by ckg.js: hero buttons + office line, table of contents, agent card. Fixed heights + space reserved before injection = no layout shift. */
body.featured-area-intro .ckg-city-cta{height:128px;display:flex;flex-direction:column;justify-content:flex-start;gap:16px;margin:28px 0 0;box-sizing:border-box}
body.featured-area-intro .md-nbr-info__box:not(:has(.ckg-city-cta)) .nbr-desc{margin-bottom:156px!important}
body.featured-area-intro .ckg-city-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
body.featured-area-intro .ckg-city-btns .ckg-btn{padding:12px 28px!important;font-size:17px!important;line-height:28px}
body.featured-area-intro .ckg-office,body.featured-area-intro .ckg-office a{font-family:var(--ck-sans)!important;font-size:15px!important;line-height:22px!important;color:rgba(255,255,255,.8)!important;text-align:center!important;margin:0!important}
body.featured-area-intro .ckg-office a{color:#dfb766!important;text-decoration:underline!important}
body.featured-area-intro .ckg-toc{min-height:56px;margin:32px 0 0;display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid rgba(255,255,255,.15);padding-top:16px;box-sizing:content-box}
body.featured-area-intro .md-nbr-info__box:not(:has(.ckg-toc)){padding-bottom:105px!important}
body.featured-area-intro .ckg-toc-label{flex:0 0 auto;font-family:var(--ck-sans);font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#dfb766}
body.featured-area-intro .ckg-toc-links{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}
body.featured-area-intro .ckg-toc-links::-webkit-scrollbar{display:none}
body.featured-area-intro .ckg-toc-links a{flex:0 0 auto;font-family:var(--ck-sans)!important;font-size:14px!important;line-height:20px;font-weight:500;color:#fff!important;padding:8px 16px;border-radius:9999px;border:1px solid rgba(255,255,255,.3);text-decoration:none!important;transition:background-color .2s,border-color .2s}
body.featured-area-intro .ckg-toc-links a:hover{background:rgba(223,183,102,.15);border-color:#dfb766}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-anchor,body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-agent{scroll-margin-top:96px}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-agent{display:flex;gap:28px;align-items:center;background:#f4f3f2;border:1px solid #ece9e4;border-radius:16px;padding:28px;margin:40px 0 0;text-align:left}
body:is(.featured-area-intro,:has(.ckg-fk)) .page-content>.md-content.richtext:nth-of-type(even) .ckg-agent{background:#fff}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-agent img{width:140px;height:140px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:3px solid #dfb766}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-agent.ckg-agent .ckg-agent-kicker{font-size:12px!important;line-height:16px!important;font-weight:600!important;letter-spacing:.15em;text-transform:uppercase;color:#b8913f!important;margin:0 0 4px!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-agent.ckg-agent .ckg-agent-name{font-family:var(--ck-head)!important;font-size:26px!important;line-height:32px!important;font-weight:700!important;color:#22334b!important;margin:0 0 4px!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-agent.ckg-agent .ckg-agent-role{font-size:14px!important;line-height:20px!important;color:#6b7280!important;margin:0 0 12px!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-agent.ckg-agent .ckg-agent-text{font-size:17px!important;line-height:1.6!important;color:#4b5563!important;margin:0 0 16px!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-agent-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-agent.ckg-agent a.ckg-btn{color:#fff!important;text-decoration:none!important;padding:10px 24px!important;font-size:16px!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-agent.ckg-agent a.ckg-textlink{font-size:16px!important;color:#22334b!important;font-weight:600;text-decoration:none!important}
@media(max-width:639px){
 body.featured-area-intro .ckg-city-cta{height:196px}
 body.featured-area-intro .md-nbr-info__box:not(:has(.ckg-city-cta)) .nbr-desc{margin-bottom:224px!important}
 body.featured-area-intro .ckg-city-btns{flex-direction:column;gap:12px}
 body.featured-area-intro .ckg-city-btns .ckg-btn{width:100%}
 body.featured-area-intro .ckg-toc{flex-direction:column;align-items:flex-start;min-height:88px;gap:8px}
 body.featured-area-intro .ckg-toc-links{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent)}
 body.featured-area-intro .md-nbr-info__box:not(:has(.ckg-toc)){padding-bottom:137px!important}
 body.featured-area-intro .ckg-toc-links{width:100%}
 body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-agent{flex-direction:column;text-align:center;padding:24px}
 body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-agent-links{justify-content:center}
}
body.featured-area-intro .md-nbr-info .more-btn{margin:0!important;line-height:24px}
body.featured-area-intro .md-nbr-info .view-more{margin-bottom:0!important;padding-bottom:0!important}
/* §12c City content blocks (Embed): local guide section + FAQ accordion. Same reading column as the rich-text sections. */
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citysec{padding:56px 0}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citywrap{max-width:896px;margin:0 auto;padding:0 16px;box-sizing:border-box;text-align:left}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citysec h2{font-family:var(--ck-head)!important;font-size:30px!important;line-height:1.2!important;font-weight:700!important;color:#22334b!important;margin:0 0 20px!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citysec h3{font-family:var(--ck-head)!important;font-size:22px!important;line-height:1.3!important;font-weight:700!important;color:#22334b!important;margin:32px 0 10px!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citysec p,body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citysec li{font-family:var(--ck-sans)!important;font-size:18px!important;line-height:1.7!important;color:#4b5563!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citysec p{margin:0 0 16px!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citysec strong{color:#22334b!important;font-weight:700}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citysec ul{list-style:none!important;margin:0 0 16px!important;padding:0!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citysec li{position:relative;padding-left:28px!important;margin:0 0 10px!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citysec li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:#dfb766}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citysec a{color:#b8913f!important;text-decoration:underline!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-faq{background:#fff;border:1px solid #ece9e4;border-radius:12px;margin:0 0 12px;overflow:hidden}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-faq summary{cursor:pointer;list-style:none;font-family:var(--ck-head);font-size:19px;line-height:1.4;font-weight:700;color:#22334b;padding:18px 56px 18px 22px;position:relative}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-faq summary::-webkit-details-marker{display:none}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400;color:#dfb766}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-faq[open] summary::after{content:"\2212"}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-faq>div{padding:0 22px 6px}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-faq>div p{font-size:17px!important}
@media(min-width:640px){body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-citysec h2{font-size:36px!important}}

/* §12d Nov 1 hero rework (Yuris: on phones the intro collapsed after load and the TOC was 2 screens down). Intro: H1 + first paragraph shown from first paint, the rest hidden by CSS (not by Lofty's late JS fold); our Read more toggle sits in space reserved up front. Lofty's More button hidden. */
body.featured-area-intro .md-nbr-info .view-more .view-more-content{height:auto!important;max-height:none!important;overflow:visible!important}
body.featured-area-intro .md-nbr-info .view-more .view-more-content::after{display:none!important}
body.featured-area-intro .md-nbr-info .more-btn{display:none!important}
body.featured-area-intro .md-nbr-info .nbr-desc{position:relative}
body.featured-area-intro .md-nbr-info .nbr-desc:has(.view-more-content>p){padding-bottom:32px!important}
body.featured-area-intro .ckg-readmore{position:absolute;left:0;right:0;bottom:0;margin:0 auto;height:28px;background:none;border:0;padding:0;cursor:pointer;font-family:var(--ck-sans);font-size:15px;font-weight:600;color:#dfb766;text-decoration:underline;text-underline-offset:3px}
body.featured-area-intro .ckg-readmore{width:max-content}
/* Mobile TOC (dropdown inside the CTA block) hidden on desktop; desktop pills hidden on phones */
body.featured-area-intro .ckg-toc-m{display:none}
@media(max-width:639px){
 body.featured-area-intro .md-nbr-info__box:not(:has(.ckg-toc)){padding-bottom:0!important}
 body.featured-area-intro .ckg-toc{display:none!important}
 /* CTA block = buttons 106 + office 40 + TOC summary 48 + gaps 24 = fixed 218px; reserved before injection */
 body.featured-area-intro .ckg-city-cta{height:auto;min-height:218px;gap:12px;margin:24px 0 0}
 body.featured-area-intro .md-nbr-info__box:not(:has(.ckg-city-cta)) .nbr-desc{margin-bottom:242px!important}
 body.featured-area-intro .ckg-city-btns{gap:10px}
 body.featured-area-intro .ckg-city-btns .ckg-btn{height:48px;padding:0 20px!important;font-size:16px!important}
 body.featured-area-intro .ckg-office{height:40px;overflow:hidden;font-size:14px!important;line-height:20px!important}
 body.featured-area-intro .ckg-office a{font-size:14px!important;line-height:20px!important}
 body.featured-area-intro .ckg-office-long{display:none}
 body.featured-area-intro .ckg-toc-m{display:block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:10px;text-align:left}
 body.featured-area-intro .ckg-toc-m summary{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:pointer;list-style:none;font-family:var(--ck-sans);font-size:15px;font-weight:600;color:#fff}
 body.featured-area-intro .ckg-toc-m summary::-webkit-details-marker{display:none}
 body.featured-area-intro .ckg-toc-m summary::after{content:"";width:9px;height:9px;border-right:2px solid #dfb766;border-bottom:2px solid #dfb766;transform:rotate(45deg) translateY(-3px)}
 body.featured-area-intro .ckg-toc-m[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
 body.featured-area-intro .ckg-toc-m-list{display:flex;flex-direction:column;padding:4px 8px 10px}
 body.featured-area-intro .ckg-toc-m-list a{font-family:var(--ck-sans)!important;font-size:16px!important;line-height:22px;color:#fff!important;text-decoration:none!important;padding:10px 8px;border-top:1px solid rgba(255,255,255,.12)}
 body.featured-area-intro .ckg-toc-m-list a:first-child{border-top:0}
 /* Compact stats on phones */
 body.featured-area-intro .md-nbr-info .md-nbr-info__number{gap:10px;margin-top:24px!important}
 body.featured-area-intro .md-nbr-info .md-nbr-info__number .item{padding:12px 8px!important;gap:2px}
 body.featured-area-intro .md-nbr-info .md-nbr-info__number .icon{display:none!important}
 body.featured-area-intro .md-nbr-info .md-nbr-info__number .label{font-size:20px!important;line-height:26px!important}
 body.featured-area-intro .md-nbr-info .md-nbr-info__number .title,body.featured-area-intro .md-nbr-info .md-nbr-info__number .title *{font-size:11px!important;line-height:14px!important}
 body.featured-area-intro .page-content>.md-nbr-info{padding:32px 0 28px!important}
 body.featured-area-intro .md-nbr-info .nbr-desc h1,body.featured-area-intro .md-nbr-info .nbr-desc h1 *{font-size:30px!important;margin-bottom:16px!important}
 body.featured-area-intro .md-nbr-info .nbr-desc p,body.featured-area-intro .md-nbr-info .nbr-desc p *{font-size:16px!important}
 body.featured-area-intro .md-nbr-info .nbr-name{margin-bottom:10px!important}
}
/* Lofty sets pre-wrap on the intro, so the newlines between the hidden paragraphs rendered as ~60px of blank lines */
body.featured-area-intro .md-nbr-info .view-more-content:has(>p){white-space:normal!important}
@media(max-width:639px){
 /* Phones: first paragraph clamped to 4 lines until Read more */
}

/* §12e Nov 1: one TOC control at every width = the "On this page" dropdown under the hero buttons (desktop pills retired: they sat below the fold). Desktop CTA block = buttons 52 + office 22 + dropdown 48 + gaps 24 = fixed 146px. */
body.featured-area-intro .ckg-office-short{display:none}
body.featured-area-intro .md-nbr-info__box:not(:has(.ckg-toc)){padding-bottom:0!important}
body.featured-area-intro .ckg-toc{display:none!important}
@media(min-width:640px){
 body.featured-area-intro .ckg-city-cta{height:auto;min-height:146px;gap:12px;margin:24px 0 0}
 body.featured-area-intro .md-nbr-info__box:not(:has(.ckg-city-cta)) .nbr-desc{margin-bottom:170px!important}
 body.featured-area-intro .ckg-city-btns .ckg-btn{height:52px;padding:0 28px!important}
 body.featured-area-intro .ckg-office{height:22px;overflow:hidden}
 body.featured-area-intro .ckg-toc-m{display:block;width:100%;max-width:440px;margin:0 auto;position:relative;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:10px;text-align:left}
 body.featured-area-intro .ckg-toc-m summary{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:pointer;list-style:none;font-family:var(--ck-sans);font-size:15px;font-weight:600;color:#fff}
 body.featured-area-intro .ckg-toc-m summary::-webkit-details-marker{display:none}
 body.featured-area-intro .ckg-toc-m summary::after{content:"";width:9px;height:9px;border-right:2px solid #dfb766;border-bottom:2px solid #dfb766;transform:rotate(45deg) translateY(-3px)}
 body.featured-area-intro .ckg-toc-m[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
 /* desktop: list opens as an overlay so the hero doesn't grow */
 body.featured-area-intro .ckg-toc-m-list{position:absolute;left:-1px;right:-1px;top:100%;z-index:20;display:flex;flex-direction:column;padding:6px 8px 10px;background:#2a3d58;border:1px solid rgba(255,255,255,.25);border-top:0;border-radius:0 0 10px 10px;box-shadow:0 12px 24px rgba(0,0,0,.25)}
 body.featured-area-intro .ckg-toc-m[open]{border-radius:10px 10px 0 0}
 body.featured-area-intro .ckg-toc-m-list a{font-family:var(--ck-sans)!important;font-size:15px!important;line-height:20px;color:#fff!important;text-decoration:none!important;padding:9px 8px;border-top:1px solid rgba(255,255,255,.12)}
 body.featured-area-intro .ckg-toc-m-list a:first-child{border-top:0}
 body.featured-area-intro .ckg-toc-m-list a:hover{color:#dfb766!important}
}
@media(max-width:639px){body.featured-area-intro .ckg-office-short{display:inline}}
/* Reservation must include the stats' own top margin (it collapses into the reserved margin before injection): phone 24+218+24, desktop 24+146+40 */
@media(max-width:639px){body.featured-area-intro .md-nbr-info__box:not(:has(.ckg-city-cta)) .nbr-desc{margin-bottom:266px!important}}
@media(min-width:640px){body.featured-area-intro .md-nbr-info__box:not(:has(.ckg-city-cta)) .nbr-desc{margin-bottom:210px!important}}

/* ===== §12f Nov 1 (v3): nothing is injected into the hero any more (Lofty re-renders md-nbr-info ~2s after load and wiped script-added nodes: flicker + dead dropdown). Hero = H1 + full intro + stats, all Lofty's own markup, no fold. Buttons + "On This Page" box live in an Embed block right after the hero (in the page HTML, readable by Google). ===== */
body.featured-area-intro .md-nbr-info .view-more .view-more-content>*{display:block!important}
body.featured-area-intro .md-nbr-info .view-more .view-more-content>p:first-of-type{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}
body.featured-area-intro .md-nbr-info .more-btn,body.featured-area-intro .ckg-readmore,body.featured-area-intro .ckg-city-cta,body.featured-area-intro .ckg-toc{display:none!important}
body.featured-area-intro .md-nbr-info .nbr-desc,body.featured-area-intro .md-nbr-info .nbr-desc:has(.view-more-content>p){padding-bottom:0!important;margin-bottom:0!important}
body.featured-area-intro .md-nbr-info__box:not(:has(.ckg-city-cta)) .nbr-desc{margin-bottom:0!important}
body.featured-area-intro .md-nbr-info .nbr-desc p:last-child{margin-bottom:0!important}
/* hero's bottom padding moves to the jump block so they read as one band */
body:is(.featured-area-intro,:has(.ckg-fk)) .page-content>.md-nbr-info:has(+.md-custom-code .ckg-jump){padding-bottom:0!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-jump{background:var(--ck-grad);padding:32px 0 56px}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-jump-wrap{max-width:960px;margin:0 auto;padding:0 16px;box-sizing:border-box}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-jump-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-jump-cta .ckg-btn{padding:12px 28px!important;font-size:17px!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-jump-office,body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-jump-office a{font-family:var(--ck-sans)!important;font-size:15px!important;line-height:22px!important;color:rgba(255,255,255,.8)!important;text-align:center!important;margin:14px 0 0!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-jump-office a{color:#dfb766!important;text-decoration:underline!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-tocbox{background:#fff;border-radius:14px;border-top:4px solid #dfb766;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:24px 28px;margin:32px auto 0;max-width:760px;text-align:left}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-tocbox .ckg-tocbox-title{font-family:var(--ck-head)!important;font-size:22px!important;line-height:28px!important;font-weight:700!important;color:#22334b!important;margin:0 0 14px!important;text-align:left!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-tocbox ol{list-style:none;counter-reset:toc;margin:0;padding:0;columns:2;column-gap:32px}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-tocbox li{counter-increment:toc;break-inside:avoid;margin:0;padding:0}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-tocbox li a{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid #f0ede8;font-family:var(--ck-sans)!important;font-size:16px!important;line-height:22px!important;color:#22334b!important;text-decoration:none!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-tocbox li a::before{content:counter(toc);flex:0 0 22px;height:22px;border-radius:50%;background:#f4f3f2;color:#b8913f;font-size:12px;font-weight:700;line-height:22px;text-align:center}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-tocbox li a:hover{color:#b8913f!important}
@media(max-width:639px){
 body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-jump{padding:24px 0 40px}
 body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-jump-cta{flex-direction:column;gap:10px}
 body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-jump-cta .ckg-btn{width:100%;font-size:16px!important}
 body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-jump-office,body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-jump-office a{font-size:14px!important;line-height:20px!important}
 body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-tocbox{padding:20px 18px;margin-top:24px}
 body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-tocbox ol{columns:1}
 body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-tocbox li a{padding:10px 0}
}
/* Lofty stores some city-block titles in lowercase ("housing detail", "demographics") and the housing-detail title isn't editable; our headings drop Lofty's uppercase transform, so capitalize these */
body.featured-area-intro .page-content>:is(.md-house-detail,.md-nbr-demographics) :is(.mg-title,.site-title) h2{text-transform:capitalize!important}
/* Lofty "layout4" lead form (city pages) shows each field twice: a label above and the same word as a bold placeholder inside. Keep the labels (required asterisks, accessibility), hide the duplicate placeholders. */
.md-form.layout4 input::placeholder,.md-form.layout4 textarea::placeholder{color:transparent!important;opacity:0!important}
/* ...and make the fields read as fields: navy labels, white boxed inputs (were faint labels over a thin underline) */
.md-form.layout4 .v-input .label-top{color:#22334b!important;background:none!important;font-weight:600!important;font-size:15px!important;padding:0 0 6px!important;display:block}
.md-form.layout4 .v-input{height:auto!important;margin-bottom:16px!important}
.md-form.layout4 .v-input input,.md-form.layout4 .v-input textarea{background:#fff!important;border:1px solid #d9d4cc!important;border-radius:8px!important;padding:0 14px!important;height:48px!important;box-sizing:border-box!important;color:#1f2937!important;font-size:16px!important}
.md-form.layout4 .v-input textarea{height:auto!important;min-height:110px!important;padding:12px 14px!important}
.md-form.layout4 .v-input input:focus,.md-form.layout4 .v-input textarea:focus{border-color:#dfb766!important;outline:2px solid rgba(223,183,102,.35)!important}
body .page-content .md-form.layout4 .v-input span.label-top,body .page-content .md-form.layout4 .v-input .label-top *{color:#22334b!important;font-weight:600!important}

/* ===== §13 2026-11-01: Fort Knox Housing & PCS guide (new blank Lofty page, scoped body:has(.ckg-fk)). Shared city components (TOC box, sections, FAQ, jump) above now also apply here. ===== */
body:has(.ckg-fk){--ck-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ck-head:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ck-grad:linear-gradient(135deg,#22334b 0%,#3a4f6e 50%,#2d4060 100%)}
body:has(.ckg-fk) .page-content>.md-custom-code{padding:0!important;margin:0!important;background:none!important}
body:has(.ckg-fk) .page-content>.md-custom-code .mg-container,body:has(.ckg-fk) .page-content>.md-custom-code .custom-code-html-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
body:has(.ckg-fk) .ckg-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--ck-sans)!important;font-weight:600;padding:12px 28px;border-radius:6px;font-size:17px!important;line-height:28px;text-decoration:none!important;box-sizing:border-box}
body:has(.ckg-fk) .ckg-btn-gold{background:#dfb766;color:#fff!important;border:2px solid #dfb766}
body:has(.ckg-fk) .ckg-btn-outline{border:2px solid #fff;color:#fff!important}
.ckg-fk-hero{background:var(--ck-grad);padding:56px 0 8px;text-align:center}
.ckg-fk-hero .ckg-fk-kicker{font-family:var(--ck-sans);font-size:14px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#dfb766;margin:0 0 14px}
body:has(.ckg-fk) .ckg-fk-hero h1{font-family:var(--ck-head)!important;font-size:36px!important;line-height:1.15!important;font-weight:700!important;color:#fff!important;margin:0 auto 18px!important;max-width:900px}
body:has(.ckg-fk) .ckg-fk-hero .ckg-fk-lede{font-family:var(--ck-sans)!important;font-size:18px!important;line-height:1.6!important;color:rgba(255,255,255,.9)!important;max-width:760px;margin:0 auto!important}
.ckg-fk-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px auto 0;padding:0;list-style:none;max-width:860px}
body:has(.ckg-fk) .ckg-fk-trust li{font-family:var(--ck-sans)!important;font-size:14px!important;color:#fff!important;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:9999px;padding:7px 14px;margin:0!important;list-style:none}
/* comparison table */
.ckg-fk-compare{width:100%;border-collapse:separate;border-spacing:0;margin:8px 0 20px;background:#fff;border:1px solid #ece9e4;border-radius:12px;overflow:hidden}
body:has(.ckg-fk) .ckg-fk-compare th,body:has(.ckg-fk) .ckg-fk-compare td{font-family:var(--ck-sans)!important;font-size:16px!important;line-height:1.5!important;text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid #f0ede8;color:#4b5563!important}
body:has(.ckg-fk) .ckg-fk-compare thead th{background:#22334b;color:#fff!important;font-weight:700}
body:has(.ckg-fk) .ckg-fk-compare tbody th{color:#22334b!important;font-weight:700;width:24%}
.ckg-fk-compare tr:last-child>*{border-bottom:0}
.ckg-fk-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* town cards */
.ckg-fk-towns{display:grid;grid-template-columns:1fr;gap:16px;margin:8px 0 8px}
.ckg-fk-town{background:#fff;border:1px solid #ece9e4;border-radius:12px;padding:20px 22px;border-top:4px solid #dfb766}
body:has(.ckg-fk) .ckg-fk-town h3{margin:0 0 6px!important;font-size:20px!important}
body:has(.ckg-fk) .ckg-fk-town .ckg-fk-meta{font-size:14px!important;line-height:1.5!important;color:#b8913f!important;font-weight:600;margin:0 0 8px!important;text-transform:uppercase;letter-spacing:.04em}
body:has(.ckg-fk) .ckg-fk-town p{font-size:16px!important;margin:0 0 10px!important}
body:has(.ckg-fk) .ckg-fk-town a.ckg-fk-more{font-weight:600;color:#22334b!important;text-decoration:none!important}
/* steps */
.ckg-fk-steps{counter-reset:fks;list-style:none!important;margin:8px 0 0!important;padding:0!important}
body:has(.ckg-fk) .ckg-fk-steps>li{counter-increment:fks;position:relative;padding:0 0 22px 60px!important;margin:0!important;list-style:none!important}
body:has(.ckg-fk) .ckg-fk-steps>li::before{content:counter(fks)!important;position:absolute;left:0;top:0;width:40px!important;height:40px!important;border-radius:50%!important;background:#22334b!important;color:#dfb766;font-family:var(--ck-head);font-weight:700;font-size:18px;line-height:40px;text-align:center}
body:has(.ckg-fk) .ckg-fk-steps>li::after{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:2px;background:#e5dfd5}
.ckg-fk-steps>li:last-child::after{display:none}
body:has(.ckg-fk) .ckg-fk-steps h3{margin:6px 0 6px!important;font-size:20px!important}
/* guides grid */
.ckg-fk-guides{display:grid;grid-template-columns:1fr;gap:10px;margin:8px 0 0;padding:0;list-style:none}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-fk-guides li{margin:0!important;padding:0!important;list-style:none}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-fk-guides li::before{display:none!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-fk-guides a{display:block;background:#fff;border:1px solid #ece9e4;border-radius:10px;padding:14px 16px;font-family:var(--ck-sans)!important;font-size:16px!important;font-weight:600;color:#22334b!important;text-decoration:none!important}
body:is(.featured-area-intro,:has(.ckg-fk)) .ckg-fk-guides a:hover{border-color:#dfb766;color:#b8913f!important}
.ckg-fk-note{background:#fff8e8;border-left:4px solid #dfb766;border-radius:8px;padding:14px 18px;margin:8px 0 18px}
body:has(.ckg-fk) .ckg-fk-note p{margin:0!important;font-size:16px!important}
/* CTA band */
.ckg-fk-cta{background:var(--ck-grad);padding:56px 0;text-align:center}
body:has(.ckg-fk) .ckg-fk-cta h2{color:#fff!important;font-size:30px!important;margin:0 0 14px!important}
body:has(.ckg-fk) .ckg-fk-cta p{color:rgba(255,255,255,.9)!important;font-size:18px!important;max-width:680px;margin:0 auto 26px!important}
.ckg-fk-cta .ckg-jump-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
@media(min-width:768px){
 .ckg-fk-towns{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ckg-fk-guides{grid-template-columns:repeat(2,minmax(0,1fr))}
 body:has(.ckg-fk) .ckg-fk-hero h1{font-size:48px!important}
 body:has(.ckg-fk) .ckg-fk-cta h2{font-size:36px!important}
}
@media(max-width:639px){
 .ckg-fk-hero{padding:36px 0 4px}
 body:has(.ckg-fk) .ckg-fk-hero .ckg-fk-lede{font-size:16px!important}
 body:has(.ckg-fk) .ckg-fk-compare th,body:has(.ckg-fk) .ckg-fk-compare td{font-size:15px!important;padding:11px 12px}
 .ckg-fk-cta .ckg-jump-cta{flex-direction:column}
}
/* §13b hero + jump read as one band (no seam between the two gradients) */
body:has(.ckg-fk) .ckg-fk-top{background:var(--ck-grad)}
body:has(.ckg-fk) .ckg-fk-top>.ckg-fk-hero,body:has(.ckg-fk) .ckg-fk-top>.ckg-jump{background:transparent!important}
body:has(.ckg-fk) .ckg-cream .ckg-agent{background:#fff}