:root{--mark-navy:#0A1628;--mark-gold:#B5985A;--mark-cream:#F7F3EC;--mark-ink:#111827;--mark-muted:#667085;--mark-line:rgba(10,22,40,.14)}body.page-template-page-community-area-guide-php{background:var(--mark-cream);overflow-x:hidden}.area-guide-page{background:var(--mark-cream);color:var(--mark-ink);font-family:Montserrat,Poppins,Arial,sans-serif}.area-guide-page .eyebrow{color:var(--mark-gold);letter-spacing:.22em;text-transform:uppercase;font-size:.74rem;font-weight:700}.area-guide-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 26px;border:1px solid var(--mark-navy);background:var(--mark-navy);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:700;transition:.24s ease}.area-guide-page .btn:hover{background:var(--mark-gold);border-color:var(--mark-gold);color:#fff;transform:translateY(-2px)}.area-guide-page .btn--outline{background:transparent;color:var(--mark-navy);border-color:rgba(10,22,40,.3)}.area-guide-hero.mark-guide-hero{position:relative;min-height:clamp(620px,78vh,860px);display:flex;align-items:center;overflow:hidden;padding:150px clamp(22px,6vw,86px) 96px;background:linear-gradient(90deg,rgba(10,22,40,.94),rgba(10,22,40,.76) 46%,rgba(10,22,40,.25)),var(--mark-hero-image) center/cover no-repeat;color:#fff}.area-guide-hero.mark-guide-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(181,152,90,.28),transparent 32%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.55));pointer-events:none}.area-guide-hero.mark-guide-hero:after{content:"";position:absolute;left:clamp(22px,6vw,86px);right:clamp(22px,6vw,86px);bottom:38px;height:1px;background:linear-gradient(90deg,rgba(181,152,90,.82),rgba(255,255,255,.14),transparent)}.area-guide-hero .area-hero-copy{position:relative;z-index:1;width:min(760px,100%)}.area-guide-hero h1{margin:0 0 26px;color:#fff;font-family:Italiana,Georgia,serif;font-size:clamp(4rem,7.6vw,7.9rem);font-weight:400;line-height:.92}.area-guide-hero p{max-width:650px;margin:0 0 18px;color:rgba(255,255,255,.84);font-size:clamp(1rem,1.2vw,1.14rem);font-weight:300;line-height:1.8}.area-guide-hero .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.area-guide-hero .btn{border-color:#fff;background:#fff;color:var(--mark-navy)}.area-guide-hero .btn--outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.44);color:#fff}.area-page-nav{position:sticky;top:0;z-index:30;display:flex;gap:6px;overflow-x:auto;padding:12px clamp(20px,6vw,86px);background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--mark-line)}.area-page-nav a{white-space:nowrap;border:1px solid var(--mark-line);padding:10px 14px;color:var(--mark-navy);font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.area-page-nav a:hover{background:var(--mark-navy);color:#fff}.area-guide-page section:not(.area-guide-hero):not(.mark-guide-summary){padding:clamp(78px,7vw,112px) clamp(22px,6vw,86px)}.hag-widget-head h2,.hag-map-heading h2,.hag-market-snapshot h2,.area-guide-page h2{font-family:Italiana,Georgia,serif!important;font-size:clamp(42px,5.8vw,88px)!important;line-height:.96!important;font-weight:400!important;color:var(--mark-navy)!important;margin:10px 0 22px}.hag-widget-head p,.hag-map-heading p{max-width:760px;color:var(--mark-muted);line-height:1.75;font-size:17px}.hag-widget-head-actions{display:flex;justify-content:space-between;gap:34px;align-items:end}.hag-sold-board,.hag-demo-grid,.hag-demo-deep-grid,.hag-top-picks-grid,.hag-school-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}.hag-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hag-demo-deep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hag-sold-stat,.hag-demo-grid article,.hag-demo-deep-grid article,.hag-school-card,.hag-place-card,.hag-map-card,.hag-widget,.kasey-market-note{background:#fff!important;color:var(--mark-ink)!important;border:1px solid var(--mark-line)!important;box-shadow:0 18px 52px rgba(10,22,40,.07)!important;padding:26px;text-decoration:none}.hag-sold-stat.is-active,.kasey-market-note{background:var(--mark-navy)!important;color:#fff!important}.hag-sold-stat.is-active *,.kasey-market-note *{color:#fff!important}.hag-sold-stat span,.hag-demo-grid span,.hag-demo-deep-grid span{display:block;color:var(--mark-gold)!important;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.hag-sold-stat b,.hag-demo-grid b,.hag-demo-deep-grid b{display:block;font-family:Italiana,Georgia,serif!important;font-size:clamp(38px,4.4vw,68px);font-weight:400;line-height:.95;margin:12px 0;color:var(--mark-navy)}.hag-sold-stat small,.hag-demo-grid p,.hag-demo-grid small,.hag-demo-deep-grid p{color:var(--mark-muted);line-height:1.55}.hag-map-section,#businesses{background:#fff}.hag-map-stage-full{height:560px;position:relative;margin-top:34px;border:1px solid var(--mark-line);overflow:hidden;background:#edf0f2}.hag-poi-map,.leaflet-container{height:100%;min-height:520px}.hag-map-caption{position:absolute;left:18px;bottom:18px;z-index:10;background:rgba(255,255,255,.92);padding:12px 16px;border:1px solid var(--mark-line);box-shadow:0 12px 34px rgba(10,22,40,.12)}.hag-map-caption span{display:block;font-weight:700;color:var(--mark-navy)}.hag-map-filterbar,.hag-pick-tabs,.hag-school-orbit{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hag-map-filterbar button,.hag-pick-tabs button,.hag-school-orbit button{border:1px solid var(--mark-line);background:#fff;color:var(--mark-navy);padding:10px 14px;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.hag-map-filterbar button.is-active,.hag-pick-tabs button.is-active,.hag-school-orbit button.is-active{background:var(--mark-navy);color:#fff}.hag-filter-icon svg,.hag-map-marker svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.hag-map-marker{background:var(--mark-navy);color:#fff;border:2px solid #fff;border-radius:999px;display:grid;place-items:center;box-shadow:0 8px 24px rgba(10,22,40,.22)}.hag-top-picks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hag-place-card b,.hag-school-card b{display:block;color:var(--mark-navy);font-size:18px;margin-bottom:8px}.hag-place-card small,.hag-school-card small,.hag-school-source{color:var(--mark-muted)}.hag-school-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;margin-top:30px}.hag-school-orbit{display:block}.hag-school-orbit button{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:10px}.hag-school-stage article{display:none}.hag-school-stage article.is-active{display:block}.hag-school-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.hag-demo-row{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;align-items:center;margin:11px 0}.hag-demo-row i{height:8px;background:rgba(10,22,40,.09);display:block}.hag-demo-row em{display:block;height:100%;width:var(--w);background:var(--mark-gold)}.hag-demo-donut{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mark-gold) var(--p),rgba(10,22,40,.1) 0);position:relative}.hag-demo-donut:after{content:"";position:absolute;inset:16px;border-radius:50%;background:#fff}.hag-demo-donut b{position:relative;z-index:1;font-size:38px}.hag-demo-bars,.hag-growth-bars{display:flex;align-items:end;gap:8px;height:96px}.hag-demo-bars i,.hag-growth-bars i{display:block;width:24px;height:var(--h);background:var(--mark-gold)}.hag-growth-bars i{position:relative}.hag-growth-bars em{position:absolute;top:100%;font-size:10px;margin-top:6px;color:var(--mark-muted)}.mark-guide-summary{padding:clamp(86px,8vw,130px) clamp(22px,6vw,86px);text-align:center;background:linear-gradient(180deg,rgba(15,15,15,.94) 0%,rgba(15,15,15,.78) 100%),var(--mark-summary-image) center/cover;color:#fff}.mark-guide-summary h2{font-family:Italiana,Georgia,serif;font-size:clamp(48px,7vw,112px);line-height:.92;font-weight:400;max-width:1000px;margin:12px auto 24px;color:#fff}.mark-guide-summary p:not(.eyebrow){max-width:760px;margin:0 auto 28px;color:rgba(255,255,255,.78);line-height:1.75}.mark-guide-summary .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.mark-guide-summary .btn{border-color:#fff;background:#fff;color:var(--mark-navy)}.mark-guide-summary .btn--outline{background:transparent;color:#fff}.hag-school-source{margin-top:24px;font-size:13px}@media(max-width:980px){.hag-widget-head-actions,.hag-school-layout{display:block}.hag-sold-board,.hag-demo-grid,.hag-demo-deep-grid,.hag-top-picks-grid,.hag-school-cards{grid-template-columns:1fr}.area-guide-hero.mark-guide-hero{padding:132px 22px 72px}.area-guide-hero h1{font-size:clamp(56px,16vw,86px)}.area-guide-hero .actions,.mark-guide-summary .actions{display:grid}.area-guide-page .btn{width:100%}.hag-map-stage-full{height:500px}.hag-poi-map,.leaflet-container{min-height:500px}}

/* QA tighten: prevent mobile button/map/nav width from creating page-level horizontal scroll. */
.area-guide-page,
.area-guide-page *{box-sizing:border-box}.area-guide-page{max-width:100vw;overflow-x:hidden}.area-guide-page .area-page-nav{max-width:100vw;overflow-x:auto}.area-guide-page .hag-map-stage-full{max-width:100%;overflow:hidden}@media(max-width:980px){.area-guide-page .btn{max-width:100%;box-sizing:border-box}.area-guide-hero .actions{width:100%;max-width:100%;}.area-guide-hero .actions .btn{width:100%;min-width:0}}
CSS

/* Approval QA pass — cleaner type scale, readable CTA, sourced-data cards. */
.area-guide-page .hag-widget-head h2,
.area-guide-page .hag-map-heading h2,
.area-guide-page .hag-market-snapshot h2,
.area-guide-page h2{font-size:clamp(34px,4.2vw,64px)!important;line-height:1.02!important;letter-spacing:-.015em!important}.area-guide-hero h1{font-size:clamp(54px,6.2vw,104px)!important}.hag-sold-stat b,.hag-demo-grid b,.hag-demo-deep-grid b{font-size:clamp(34px,3.2vw,50px)!important;line-height:1!important}.hag-sold-stat small,.kasey-market-note small{font-size:13px;line-height:1.55}.mark-guide-summary,.mark-guide-summary *{color:#fff!important}.mark-guide-summary h2{font-size:clamp(38px,5vw,78px)!important;line-height:1!important}.mark-guide-summary p:not(.eyebrow){color:rgba(255,255,255,.84)!important}.mark-guide-summary .btn{background:#fff!important;color:var(--mark-navy)!important;border-color:#fff!important}.mark-guide-summary .btn--outline{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important}.kasey-market-note h3{font-family:Italiana,Georgia,serif;font-size:clamp(30px,3vw,46px);font-weight:400;line-height:1.05;margin:8px 0 14px}.hag-demo-chart ul{padding-left:0;list-style:none}.hag-demo-chart li{margin:10px 0;color:var(--mark-muted);line-height:1.45}.hag-demo-chart li b{display:block;color:var(--mark-navy)!important;font-family:Italiana,Georgia,serif!important;font-size:clamp(34px,3vw,48px)!important;font-weight:400}@media(max-width:980px){.area-guide-page .hag-widget-head h2,.area-guide-page .hag-map-heading h2,.area-guide-page .hag-market-snapshot h2,.area-guide-page h2{font-size:clamp(32px,10vw,48px)!important}.hag-sold-stat,.hag-demo-grid article,.hag-demo-deep-grid article,.hag-school-card,.hag-place-card,.hag-map-card,.hag-widget,.kasey-market-note{padding:22px!important}.mark-guide-summary h2{font-size:clamp(36px,11vw,52px)!important}}

/* Final CTA contrast override after global h2 rules. */
.area-guide-page .mark-guide-summary h2,.area-guide-page #summary h2{color:#fff!important;}
.area-guide-page .mark-guide-summary .eyebrow,.area-guide-page #summary .eyebrow{color:var(--mark-gold)!important;}

/* Final type restraint after desktop QA. */
@media(min-width:981px){.area-guide-page .hag-widget-head h2,.area-guide-page .hag-map-heading h2,.area-guide-page .hag-market-snapshot h2,.area-guide-page h2{font-size:clamp(34px,3.75vw,54px)!important}.area-guide-page .mark-guide-summary h2,.area-guide-page #summary h2{font-size:clamp(38px,4.25vw,62px)!important;color:#fff!important}}

/* Match Melissa-style POI markers + designed local gems cards. */
.hag-top-pick-card:after{content:attr(data-profile)!important;position:absolute;top:158px;left:24px;width:72px;height:72px;display:grid;place-items:center;z-index:3;color:#fff!important;font-family:Italiana,Georgia,serif!important;font-size:34px!important;line-height:1!important;letter-spacing:0!important;text-transform:uppercase!important;}

/* Final sellwmel alignment: clean category controls, no emoji labels. */
.area-guide-product .hag-map-filterbar:before{content:"Map categories"!important;font-family:Montserrat,Poppins,Arial,sans-serif!important;font-size:10px!important;letter-spacing:.18em!important;color:var(--mark-gold)!important}.area-guide-product .hag-map-filterbar button{padding:16px 18px!important;min-width:auto!important}.area-guide-product .hag-map-filterbar button:before{content:none!important;display:none!important}.area-guide-product .hag-map-filterbar button.is-active{background:#171717!important;color:#fff!important}.hag-map-marker.dining{background:#101010!important}.hag-map-marker.essentials,.hag-map-marker.shopping{background:#8e6b3f!important}.hag-map-marker.outdoors{background:#52745b!important}.hag-map-marker.schools{background:#334155!important}.hag-map-marker.family{background:#536b8f!important}.hag-map-marker.fitness{background:#5b6472!important}.hag-map-marker.healthcare{background:#8b4b4b!important}
.area-guide-product .hag-map-filterbar button[data-hag-place-tab="golf"]{display:none!important}
.area-guide-product .hag-map-filterbar .hag-filter-icon{display:none!important}

/* Fix CTA contrast: white buttons must keep dark text inside dark summary sections. */
.area-guide-page .mark-guide-summary .btn:not(.btn--outline),
.area-guide-page .mark-guide-summary .btn:not(.btn--outline) *,
.area-guide-page #summary .btn:not(.btn--outline),
.area-guide-page #summary .btn:not(.btn--outline) *{
  background:#fff!important;
  border-color:#fff!important;
  color:var(--mark-navy)!important;
}


/* POI taxonomy fix: keep all legitimate categories visible on desktop and mobile. */
.area-guide-product .hag-map-filterbar button[data-hag-place-tab=worship],
.area-guide-product .hag-map-filterbar button[data-hag-place-tab=healthcare],
.area-guide-product .hag-map-filterbar button[data-hag-place-tab=shopping],
.area-guide-product .hag-map-filterbar button[data-hag-place-tab=transit]{display:inline-flex!important;}
.area-guide-product .hag-map-filterbar{overflow:visible!important;flex-wrap:wrap!important;}
@media(max-width:900px){.area-guide-product .hag-map-filterbar{overflow:visible!important;flex-wrap:wrap!important;justify-content:flex-start!important}.area-guide-product .hag-map-filterbar:before{position:static!important}}

/* Local Gems card repair — restore intentional designed cards after curated data update. */
.area-guide-page .hag-local-rhythm.hag-top-picks{background:#fff;position:relative;overflow:hidden;}
.area-guide-page .hag-top-pick-tabs{display:none!important;}
.area-guide-page .hag-top-picks-grid{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px;align-items:stretch;}
.area-guide-page .hag-top-picks-grid.is-active{display:grid;}
.area-guide-page .hag-top-pick-card{position:relative!important;display:flex!important;flex-direction:column!important;min-height:520px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--mark-line)!important;box-shadow:0 24px 70px rgba(10,22,40,.09)!important;color:var(--mark-ink)!important;text-decoration:none!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.area-guide-page .hag-top-pick-card:hover{transform:translateY(-5px);box-shadow:0 32px 88px rgba(10,22,40,.14)!important;border-color:rgba(181,152,90,.45)!important;}
.area-guide-page .hag-top-pick-card img{display:block!important;width:100%!important;height:270px!important;object-fit:cover!important;object-position:center!important;filter:saturate(.92) contrast(1.02);}
.area-guide-page .hag-top-pick-card>div{display:flex!important;flex:1!important;flex-direction:column!important;padding:28px!important;background:#fff!important;}
.area-guide-page .hag-top-pick-card span{display:inline-flex!important;align-self:flex-start!important;margin-bottom:18px!important;padding:8px 11px!important;background:rgba(181,152,90,.12)!important;color:var(--mark-gold)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important;line-height:1!important;}
.area-guide-page .hag-top-pick-card h3{margin:0 0 14px!important;color:var(--mark-navy)!important;font-family:Italiana,Georgia,serif!important;font-size:clamp(30px,2.45vw,42px)!important;font-weight:400!important;line-height:.98!important;letter-spacing:-.02em!important;}
.area-guide-page .hag-top-pick-card p{margin:0 0 22px!important;color:rgba(10,22,40,.72)!important;font-size:15px!important;line-height:1.65!important;}
.area-guide-page .hag-top-pick-card small{display:block!important;margin-top:auto!important;padding-top:18px!important;border-top:1px solid rgba(10,22,40,.1)!important;color:rgba(10,22,40,.54)!important;font-size:11px!important;line-height:1.45!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
.area-guide-page .hag-top-pick-card:after{top:218px!important;left:24px!important;width:64px!important;height:64px!important;border-radius:999px!important;background:var(--mark-navy)!important;border:2px solid #fff!important;box-shadow:0 16px 38px rgba(10,22,40,.24)!important;}
@media(max-width:980px){.area-guide-page .hag-top-picks-grid{grid-template-columns:1fr!important;gap:18px!important}.area-guide-page .hag-top-pick-card{min-height:auto!important}.area-guide-page .hag-top-pick-card img{height:250px!important}.area-guide-page .hag-top-pick-card:after{top:198px!important}}

/* POI map marker repair: keep Leaflet anchor size, center the inline SVG inside each badge. */
.area-guide-product .hag-map-marker{
  width:38px!important;
  height:38px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:1!important;
  overflow:hidden!important;
}
.area-guide-product .hag-map-marker span{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
}
.area-guide-product .hag-map-marker svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  flex:0 0 18px!important;
  margin:0!important;
  overflow:visible!important;
  transform:none!important;
}
@media(max-width:575px){
  .area-guide-product .hag-map-marker{width:34px!important;height:34px!important;}
  .area-guide-product .hag-map-marker svg{width:16px!important;height:16px!important;flex-basis:16px!important;}
}

.mark-market-source{margin:18px 0 0!important;color:rgba(17,24,39,.55)!important;font-family:Montserrat,Poppins,Arial,sans-serif!important;font-size:12px!important;line-height:1.55!important;letter-spacing:.02em!important}

/* Vancouver area guide mock listings feed — pilot section. */
.area-guide-page .mark-guide-listings{position:relative;background:#111!important;color:#fff!important;overflow:hidden;isolation:isolate;}
.area-guide-page .mark-guide-listings:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 8%,rgba(181,152,90,.24),transparent 28%),linear-gradient(180deg,#151515 0%,#0f0f0f 100%);z-index:-2;}
.area-guide-page .mark-guide-listings:after{content:"";position:absolute;inset:28px;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:-1;}
.mark-guide-listings__wrap{width:min(1240px,100%);margin:0 auto;}.mark-guide-listings__head{display:grid;grid-template-columns:minmax(0,.88fr) minmax(320px,.42fr);gap:clamp(32px,6vw,86px);align-items:end;margin-bottom:44px;}.area-guide-page .mark-guide-listings h2{color:#fff!important;max-width:760px;margin-bottom:0!important;}.mark-guide-listings__intro p{margin:0 0 22px;color:rgba(255,255,255,.7);font-size:16px;line-height:1.8;}.mark-guide-listings__filters{display:flex;flex-wrap:wrap;gap:10px;}.mark-guide-listings__filters a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 14px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.84);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;transition:.24s ease;}.mark-guide-listings__filters a:hover{background:#fff;color:#111;border-color:#fff;}.mark-guide-listings__grid{display:grid;grid-template-columns:1.12fr .94fr .94fr;gap:24px;align-items:stretch;}.mark-guide-listing-card{position:relative;display:flex;min-height:510px;align-items:flex-end;overflow:hidden;background:#050505;color:#fff!important;text-decoration:none!important;box-shadow:0 28px 84px rgba(0,0,0,.28);isolation:isolate;}.mark-guide-listing-card:nth-child(n+2){min-height:440px;}.mark-guide-listing-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.16) 38%,rgba(0,0,0,.9));z-index:1;}.mark-guide-listing-card__image{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.9) contrast(1.04);transform:scale(1.002);transition:transform .7s ease,filter .7s ease;}.mark-guide-listing-card:hover .mark-guide-listing-card__image{transform:scale(1.055);filter:saturate(1) contrast(1.08);}.mark-guide-listing-card__body{position:relative;z-index:2;display:block;width:100%;padding:clamp(26px,3vw,38px);}.mark-guide-listing-card__kicker{display:block;margin-bottom:16px;color:var(--mark-gold)!important;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;}.mark-guide-listing-card__price{display:block;margin:0 0 12px;color:#fff!important;font-family:Italiana,Georgia,serif!important;font-size:clamp(38px,4vw,62px);font-weight:400;line-height:.94;letter-spacing:-.035em;}.mark-guide-listing-card__title{display:block;max-width:460px;color:rgba(255,255,255,.86)!important;font-size:15px;line-height:1.65;}.mark-guide-listing-card__meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.68)!important;font-size:10px;letter-spacing:.13em;text-transform:uppercase;}.mark-guide-listings__footer{display:flex;justify-content:space-between;align-items:center;gap:26px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.11);}.mark-guide-listings__footer p{max-width:600px;margin:0;color:rgba(255,255,255,.58);font-size:12px;line-height:1.7;}.area-guide-page .mark-guide-listings .btn{background:transparent!important;border-color:rgba(255,255,255,.46)!important;color:#fff!important;}.area-guide-page .mark-guide-listings .btn:hover{background:#fff!important;border-color:#fff!important;color:#111!important;}
@media(max-width:1100px){.mark-guide-listings__head{grid-template-columns:1fr;gap:26px}.mark-guide-listings__grid{grid-template-columns:1fr 1fr}.mark-guide-listing-card:first-child{grid-column:1/-1}.mark-guide-listing-card,.mark-guide-listing-card:nth-child(n+2){min-height:430px}}
@media(max-width:680px){.area-guide-page .mark-guide-listings:after{inset:16px}.mark-guide-listings__grid{grid-template-columns:1fr;gap:18px}.mark-guide-listing-card,.mark-guide-listing-card:nth-child(n+2){min-height:410px}.mark-guide-listings__footer{display:block}.mark-guide-listings__footer .btn{margin-top:20px}.mark-guide-listings__filters a{flex:1 1 calc(50% - 10px)}.mark-guide-listing-card__price{font-size:40px}}

/* Listings QA polish: cleaner grid, stronger mobile readability, anchor clearance. */
.area-guide-page #listings{scroll-margin-top:76px;}
.mark-guide-listings__head{grid-template-columns:minmax(0,.82fr) minmax(360px,.48fr);align-items:start;}
.mark-guide-listings__intro{padding-top:10px;}
.mark-guide-listings__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.mark-guide-listing-card,.mark-guide-listing-card:nth-child(n+2){min-height:480px;}
.mark-guide-listing-card:before{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28) 36%,rgba(0,0,0,.94));}
.mark-guide-listings__footer p{color:rgba(255,255,255,.68);}
@media(max-width:1100px){.mark-guide-listings__head{grid-template-columns:1fr}.mark-guide-listings__grid{grid-template-columns:1fr 1fr}.mark-guide-listing-card:first-child{grid-column:auto}.mark-guide-listing-card,.mark-guide-listing-card:nth-child(n+2){min-height:420px}}
@media(max-width:680px){.area-guide-page #listings{scroll-margin-top:64px}.mark-guide-listings__intro p{font-size:14px;line-height:1.7}.mark-guide-listings__filters{gap:8px}.mark-guide-listings__filters a{flex:1 1 100%;min-height:38px;padding:10px 12px;font-size:9px}.mark-guide-listing-card,.mark-guide-listing-card:nth-child(n+2){min-height:360px}.mark-guide-listing-card:before{background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.34) 28%,rgba(0,0,0,.96));}.mark-guide-listing-card__body{padding:24px}.mark-guide-listing-card__kicker{margin-bottom:12px}.mark-guide-listing-card__price{font-size:36px}.mark-guide-listing-card__title{font-size:14px;line-height:1.55}.mark-guide-listing-card__meta{gap:8px 12px;margin-top:16px;padding-top:14px}.mark-guide-listings__footer p{font-size:11px;color:rgba(255,255,255,.68)}}

/* Listings mobile final: property cards need one-column scanability. */
@media(max-width:680px){.mark-guide-listings__grid{grid-template-columns:1fr!important}.mark-guide-listing-card,.mark-guide-listing-card:nth-child(n+2){width:100%;min-height:360px!important}.mark-guide-listing-card:first-child{grid-column:auto!important}}

/* Max revision: listings feed has two clean rows and no footer CTA button. */
.mark-guide-listings__footer{display:block!important;}
.mark-guide-listings__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.mark-guide-listing-card,.mark-guide-listing-card:nth-child(n+2){min-height:440px;}
.mark-guide-listings__footer .btn{display:none!important;}

/* Max revision: bottom CTA should be a solid dark brand field, not image-backed. */
.mark-guide-summary{background:linear-gradient(135deg,#101010 0%,#171717 52%,#0b0b0b 100%)!important;}
@media(max-width:1100px){.mark-guide-listings__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mark-guide-listing-card,.mark-guide-listing-card:nth-child(n+2){min-height:400px}}
@media(max-width:680px){.mark-guide-listings__grid{grid-template-columns:1fr!important}.mark-guide-listing-card,.mark-guide-listing-card:nth-child(n+2){min-height:360px!important}}

/* Listings mobile polish: keep property meta tidy on narrow cards. */
@media(max-width:680px){.mark-guide-listing-card__meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px!important;font-size:9px!important;letter-spacing:.1em!important}.mark-guide-listing-card__meta span:first-child{grid-column:1/-1}}

/* Max revision: restore a simple View All CTA in the listings footer. */
.mark-guide-listings__footer{display:flex!important;justify-content:space-between;align-items:center;gap:26px;}
.mark-guide-listings__footer .btn{display:inline-flex!important;}
@media(max-width:680px){.mark-guide-listings__footer{display:block!important}.mark-guide-listings__footer .btn{margin-top:20px;width:100%}}

/* Area guide rhythm tighten: reduce oversized content-section padding and remove double-padding around Local Gems. */
.area-guide-page section:not(.area-guide-hero):not(.mark-guide-summary){padding-top:clamp(58px,5.2vw,76px)!important;padding-bottom:clamp(58px,5.2vw,76px)!important;}
.area-guide-page #businesses{padding:0!important;}
.area-guide-page #businesses .hag-local-rhythm,.area-guide-page #businesses .hag-top-picks{padding-top:clamp(58px,5.2vw,76px)!important;padding-bottom:clamp(58px,5.2vw,76px)!important;}
.area-guide-page .mark-guide-summary{padding-top:clamp(68px,6vw,92px)!important;padding-bottom:clamp(68px,6vw,92px)!important;}

/* Demographics mini-chart labels: keep “1 person / 2 people” on one row. */
.area-guide-page .hag-demo-row b{font-family:Montserrat,Poppins,Arial,sans-serif!important;font-size:14px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.01em!important;white-space:nowrap!important;margin:0!important;}
.area-guide-page .hag-demo-row{grid-template-columns:minmax(88px,120px) minmax(0,1fr) auto!important;gap:12px!important;}
@media(max-width:980px){.area-guide-page section:not(.area-guide-hero):not(.mark-guide-summary){padding-top:52px!important;padding-bottom:52px!important}.area-guide-page #businesses .hag-local-rhythm,.area-guide-page #businesses .hag-top-picks{padding-top:52px!important;padding-bottom:52px!important}.area-guide-page .mark-guide-summary{padding-top:64px!important;padding-bottom:64px!important}.area-guide-page .hag-demo-row{grid-template-columns:minmax(82px,104px) minmax(0,1fr) auto!important}.area-guide-page .hag-demo-row b{font-size:13px!important}}


/* Surrey second-level neighbourhood carousel — city guide only. */
.area-guide-page .mark-surrey-neighbourhoods{position:relative;background:#101010!important;color:#fff!important;overflow:hidden;isolation:isolate;}
.area-guide-page .mark-surrey-neighbourhoods:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 8%,rgba(181,152,90,.2),transparent 30%),linear-gradient(180deg,#121212 0%,#0b0b0b 100%);z-index:-2;}
.area-guide-page .mark-surrey-neighbourhoods:after{content:"";position:absolute;inset:28px;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:-1;}
.mark-surrey-neighbourhoods__head{display:grid;grid-template-columns:minmax(0,.78fr) minmax(320px,.42fr);gap:clamp(28px,5vw,72px);align-items:end;width:min(1240px,100%);margin:0 auto 38px;}
.area-guide-page .mark-surrey-neighbourhoods h2{color:#fff!important;max-width:720px;margin-bottom:0!important;}
.mark-surrey-neighbourhoods__head p:not(.eyebrow){margin:0;color:rgba(255,255,255,.68)!important;font-size:16px;line-height:1.75;}
.mark-surrey-neighbourhoods__rail{width:min(1240px,100%);margin:0 auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(330px,390px);gap:22px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding:4px 2px 22px;scrollbar-color:rgba(181,152,90,.7) rgba(255,255,255,.08);}
.mark-surrey-neighbourhoods__rail::-webkit-scrollbar{height:8px}.mark-surrey-neighbourhoods__rail::-webkit-scrollbar-track{background:rgba(255,255,255,.08)}.mark-surrey-neighbourhoods__rail::-webkit-scrollbar-thumb{background:rgba(181,152,90,.75)}
.mark-surrey-neighbourhood-card{position:relative;display:flex;flex-direction:column;min-height:520px;overflow:hidden;background:#050505;color:#fff!important;text-decoration:none!important;scroll-snap-align:start;box-shadow:0 28px 84px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.1);isolation:isolate;}
.mark-surrey-neighbourhood-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.12) 34%,rgba(0,0,0,.92));z-index:1;pointer-events:none;}
.mark-surrey-neighbourhood-card__media{position:absolute;inset:0;background:var(--area-image) center/cover no-repeat;filter:saturate(.86) contrast(1.04);transform:scale(1.002);transition:transform .7s ease,filter .7s ease;}
.mark-surrey-neighbourhood-card:hover .mark-surrey-neighbourhood-card__media{transform:scale(1.055);filter:saturate(1) contrast(1.08);}
.mark-surrey-neighbourhood-card__body{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:520px;padding:clamp(26px,3vw,36px);}
.mark-surrey-neighbourhood-card__kicker{display:block;margin-bottom:16px;color:var(--mark-gold)!important;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;}
.mark-surrey-neighbourhood-card__title{display:block;color:#fff!important;font-family:Italiana,Georgia,serif!important;font-size:clamp(42px,4vw,62px);font-weight:400;line-height:.9;letter-spacing:-.035em;}
.mark-surrey-neighbourhood-card__copy{display:block;max-width:330px;margin-top:18px;color:rgba(255,255,255,.78)!important;font-size:14px;line-height:1.65;}
.mark-surrey-neighbourhood-card__link{display:inline-flex;align-self:flex-start;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22);color:#fff!important;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;}
@media(max-width:980px){.mark-surrey-neighbourhoods__head{grid-template-columns:1fr;gap:18px}.mark-surrey-neighbourhoods__rail{grid-auto-columns:minmax(282px,84vw);gap:16px;padding-bottom:18px}.mark-surrey-neighbourhood-card,.mark-surrey-neighbourhood-card__body{min-height:440px}.area-guide-page .mark-surrey-neighbourhoods:after{inset:16px}}
@media(max-width:575px){.mark-surrey-neighbourhood-card,.mark-surrey-neighbourhood-card__body{min-height:410px}.mark-surrey-neighbourhood-card__body{padding:24px}.mark-surrey-neighbourhood-card__title{font-size:42px}.mark-surrey-neighbourhood-card__copy{font-size:13px;line-height:1.58}}