/* NStay V176 - the ONE shared stylesheet for sections that repeat on many pages (owner 15-Nov-2026 13:12 / 13:15 IST).
   V174 tokens only (nstay-brand-v174.css: --ns-navy #0b3154, --ns-gold #b58a45, --ns-gold-ink #86642a, --ns-ink, --ns-muted, --ns-line,
   --ns-soft, --ns-cream, --ns-wa #0f7b4a, --ns-radius 12px) and Inter via nstay-font-v174.css (var(--ns-font)).
   WEB-R750 footer . WEB-R751 FAQ . WEB-R752 section heading (eyebrow + h2) . WEB-R753 buttons . WEB-R754 chips / filter pills .
   WEB-R755 cards . WEB-R756 breadcrumbs . WEB-R757 enquiry / CTA bands . WEB-R758 related-link blocks, tables, stat tiles.
   The variant classes the pages already carry are mapped here to ONE look; scripts/guards/rule_web_r750_v176_guard.py fails when a
   page stylesheet gives a repeated section another font, heading colour, radius or FAQ markup, and
   scripts/tests/web_v176_u_layout_check.js compares the computed styles across about 20 pages at 390 and 1440 px. */
:root{--ns176-card-radius:12px;--ns176-btn-radius:10px;--ns176-chip-radius:999px}

/* ---------------------------------------------------------------- WEB-R750 footer */
html:not(#n1):not(#n2) footer.ns176-foot{font-family:var(--ns-font,Inter,Arial,sans-serif)!important}
html:not(#n1):not(#n2) footer.ns176-foot .ns176-fgrid{display:grid!important;grid-template-columns:1.5fr repeat(4,minmax(0,1fr))!important;gap:32px!important;align-items:start!important}
html:not(#n1):not(#n2) footer.ns176-foot .ns176-fcol{margin:0!important;padding:0!important;border:0!important;background:none!important}
html:not(#n1):not(#n2) footer.ns176-foot .ns176-fcol>summary{list-style:none!important;display:block!important;cursor:default;padding:0!important;margin:0 0 13px!important}
html:not(#n1):not(#n2) footer.ns176-foot .ns176-fcol>summary::-webkit-details-marker{display:none}
html:not(#n1):not(#n2) footer.ns176-foot .ns176-fcol>summary h4{display:inline!important;margin:0!important;color:#fff!important;font-size:14px!important;font-weight:700!important;letter-spacing:0!important}
html:not(#n1):not(#n2) footer.ns176-foot .ns176-flinks a{display:block!important;margin:0!important;padding:5px 0!important;min-height:0!important;line-height:1.45!important}
html:not(#n1):not(#n2) footer.ns176-foot .ns176-fbottom{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:10px 18px!important}
html:not(#n1):not(#n2) footer.ns176-foot .ns176-flegal{display:inline-flex!important;flex-wrap:wrap;gap:6px 16px}
html:not(#n1):not(#n2) footer.ns176-foot .ns176-flegal a{display:inline!important;margin:0!important}
html:not(#n1):not(#n2) footer.ns176-foot .footer-brand p{margin:0 0 10px!important}
html:not(#n1):not(#n2) footer.ns176-foot .footer-brand>a{margin:6px 0!important}
@media(min-width:768px) and (max-width:1099px){
  html:not(#n1):not(#n2) footer.ns176-foot .ns176-fgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px 24px!important}
  html:not(#n1):not(#n2) footer.ns176-foot .ns176-fbrand{grid-column:1/-1!important;display:grid!important;grid-template-columns:auto 1fr;column-gap:24px;align-items:start}
  html:not(#n1):not(#n2) footer.ns176-foot .ns176-fbrand>img{grid-row:span 6}
}
@media(max-width:767px){
  html:not(#n1):not(#n2) footer.ns176-foot .ns176-fgrid{grid-template-columns:1fr!important;gap:0!important}
  html:not(#n1):not(#n2) footer.ns176-foot .ns176-fbrand{padding-bottom:16px!important;margin-bottom:4px!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
  html:not(#n1):not(#n2) footer.ns176-foot .ns176-fcol{border-bottom:1px solid rgba(255,255,255,.12)!important}
  html:not(#n1):not(#n2) footer.ns176-foot .ns176-fcol>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;margin:0!important;cursor:pointer}
  html:not(#n1):not(#n2) footer.ns176-foot .ns176-fcol>summary::after{content:"+";color:#fff;font-size:22px;font-weight:400;line-height:1}
  html:not(#n1):not(#n2) footer.ns176-foot .ns176-fcol[open]>summary::after{content:"\2212"}
  html:not(#n1):not(#n2) footer.ns176-foot .ns176-flinks{display:grid!important;grid-template-columns:1fr 1fr;column-gap:16px;padding:0 0 12px!important}
  html:not(#n1):not(#n2) footer.ns176-foot .ns176-flinks a{min-height:44px!important;display:flex!important;align-items:center!important;padding:0!important}
  html:not(#n1):not(#n2) footer.ns176-foot .ns176-fbottom{flex-direction:column!important;align-items:flex-start!important}
  html:not(#n1):not(#n2) footer.ns176-foot .footer-brand>a{margin:0!important}
}

/* ---------------------------------------------------------------- WEB-R751 FAQ (the /explore-gurgaon card style) */
html:not(#n1):not(#n2) .ns176-faq{display:block!important;margin:16px 0 0!important;padding:0!important;border:0!important;background:none!important;font-family:var(--ns-font,Inter,Arial,sans-serif)!important;max-width:none}
html:not(#n1):not(#n2) .ns176-faq .ns176-faq-cols{display:flex;flex-direction:column;gap:10px}
html:not(#n1):not(#n2) .ns176-faq .ns176-faq-col{display:contents}
@media(min-width:900px){
  html:not(#n1):not(#n2) .ns176-faq .ns176-faq-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:start}
  html:not(#n1):not(#n2) .ns176-faq .ns176-faq-col{display:flex;flex-direction:column;gap:12px;min-width:0}
}
html:not(#n1):not(#n2) .ns176-faq details.ns176-q{display:block!important;visibility:visible!important;opacity:1!important;margin:0!important;padding:0!important;background:#fff!important;border:1px solid var(--ns-line,#e2e7ee)!important;border-radius:var(--ns176-card-radius)!important;box-shadow:none!important;overflow:hidden!important}
html:not(#n1):not(#n2) .ns176-faq details.ns176-q:hover{border-color:var(--ns-gold,#b58a45)!important}
html:not(#n1):not(#n2) .ns176-faq details.ns176-q>summary{list-style:none!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:56px!important;margin:0!important;padding:14px 16px!important;cursor:pointer!important;
  color:var(--ns-navy,#0b3154)!important;font:700 16px/1.4 var(--ns-font,Inter,Arial,sans-serif)!important;letter-spacing:0!important;text-transform:none!important;background:none!important;border:0!important}
html:not(#n1):not(#n2) .ns176-faq details.ns176-q>summary::-webkit-details-marker{display:none}
html:not(#n1):not(#n2) .ns176-faq details.ns176-q>summary::marker{content:""}
html:not(#n1):not(#n2) .ns176-faq details.ns176-q>summary::before{content:none!important;display:none!important}
html:not(#n1):not(#n2) .ns176-faq details.ns176-q>summary::after{content:"+"!important;display:block!important;margin-left:auto!important;flex:0 0 auto;font-size:22px!important;font-weight:400!important;line-height:1!important;color:var(--ns-navy,#0b3154)!important;transform:none!important;position:static!important;background:none!important;width:auto!important;height:auto!important;border:0!important}
html:not(#n1):not(#n2) .ns176-faq details.ns176-q[open]>summary::after{content:"\2212"!important}
html:not(#n1):not(#n2) .ns176-faq details.ns176-q>summary:focus-visible{outline:3px solid var(--ns-gold,#b58a45)!important;outline-offset:-3px!important}
html:not(#n1):not(#n2) .ns176-faq .ns176-a{padding:0 16px 14px!important;margin:0!important;color:var(--ns-ink,#152033)!important;font:400 15px/1.6 var(--ns-font,Inter,Arial,sans-serif)!important}
html:not(#n1):not(#n2) .ns176-faq .ns176-a>*{display:block;margin:0 0 8px!important;padding:0!important;color:inherit!important;font:inherit!important;visibility:visible!important;opacity:1!important}
html:not(#n1):not(#n2) .ns176-faq .ns176-a>*:last-child{margin-bottom:0!important}
html:not(#n1):not(#n2) .ns176-faq .ns176-a a{color:var(--ns-navy,#0b3154)!important;font-weight:600;text-decoration:underline}
html:not(#n1):not(#n2) .ns176-faq:not(.ns176-all) .ns176-x6,html:not(#n1):not(#n2) .ns176-faq .ns176-off{display:none!important}
@media(max-width:599px){html:not(#n1):not(#n2) .ns176-faq:not(.ns176-all) .ns176-x4{display:none!important}}
html:not(#n1):not(#n2) .ns176-faq .ns176-faq-more{display:flex;align-items:center;justify-content:center;width:fit-content;min-height:48px;margin:14px auto 0;padding:0 22px;border:1px solid var(--ns-line,#e2e7ee);border-radius:var(--ns176-btn-radius);background:#fff;color:var(--ns-navy,#0b3154);font:700 15px var(--ns-font,Inter,Arial,sans-serif);cursor:pointer}
html:not(#n1):not(#n2) .ns176-faq .ns176-faq-more:hover{border-color:var(--ns-gold,#b58a45)}
html:not(#n1):not(#n2) .ns176-faq.ns176-all .ns176-faq-more{display:none!important}
@media(min-width:600px){html:not(#n1):not(#n2) .ns176-faq .ns176-faq-more.ns176-phone-only{display:none!important}}
html:not(#n1):not(#n2) .ns176-faq .ns176-faq-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}

/* ---------------------------------------------------------------- WEB-R754 chips / filter pills (the ns55-pill look: white, navy text, 999px) */
html:not(#n1):not(#n2) :is(.ns176-chip,.ns55-pill,.ns55-chip,.eg590-chip,.ns174-f,.nlp-chip:not(.ns174-tile),.pj-chip,.ssr62-chips a,.ns174-most button,.ns174-browse a):not(header *):not(#nstayGlobalBottomNav *):not(.ns175-nav *){
  border-radius:var(--ns176-chip-radius)!important;font-family:var(--ns-font,Inter,Arial,sans-serif)!important;font-size:13px!important;font-weight:600!important}
html:not(#n1):not(#n2) :is(.ns176-chip,.ns55-pill,.ns55-chip,.eg590-chip,.ns174-f,.nlp-chip:not(.ns174-tile),.pj-chip,.ssr62-chips a):not(.on):not(.active):not([aria-pressed="true"]):not(.disabled){color:var(--ns-navy,#0b3154)!important;background:#fff!important;border:1px solid var(--ns-line,#e2e7ee)!important}
html:not(#n1):not(#n2) :is(.ns176-chip,.ns55-pill,.eg590-chip,.ns174-f,.nlp-chip):is(.on,.active,[aria-pressed="true"]){color:#fff!important;background:var(--ns-navy,#0b3154)!important;border-color:var(--ns-navy,#0b3154)!important}
html:not(#n1):not(#n2) .ns176-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;cursor:pointer}

/* ---------------------------------------------------------------- WEB-R752 section heading: eyebrow + h2 */
html:not(#n1):not(#n2) :is(.cp-eye,.v58-eyebrow,.pdg-eye,.dev515-eye,.hp13-eyebrow,.mi-eye,.pl-eye,.cr-eye,.zp-eye,.seo5-eye,.pt-eye,.eyebrow,.sm-eyebrow,.sd-kicker,.eg590-eye,.eg-kicker,.sm-kicker,.mi510-eye,.ssr62-eye,.pd-kicker,.ac-eye,.dv-eyebrow,.nsx-kicker,.selected-kicker,.ns176-eye){
  font-family:var(--ns-font,Inter,Arial,sans-serif)!important;color:var(--ns-gold-ink,#86642a)!important;font-size:13px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important;line-height:1.3!important}
html:not(#n1):not(#n2) :is(.ns176-dark,.hp13-requirement,.v58-cta,.pl-cta,.cp-cta,.pl-advisor,.cr-advisor,.pt-advisor,.sm-help,.mi-advisor,.dev515-advisor,.zp-advisor,.pdg-final,.seo5-final,.ns176-cta) :is(.cp-eye,.v58-eyebrow,.pl-eye,.cr-eye,.pt-eye,.sm-eyebrow,.mi-eye,.dev515-eye,.zp-eye,.pdg-eye,.seo5-eye,.eyebrow,.hp13-eyebrow,.ns176-eye){color:#e2c58f!important}
html:not(#n1):not(#n2) :is(.pl-section,.cp-section,.seo5-section,.pdg-section,.sm-section,.cr-section,.zp-section,.pt-section,.mi-section,.sd-section,.v58-section,.eg-section,.eg516-section,.eg590-card,.ssr62-wrap,.dev515-section,.pj-section,.hp13-section,.faq536-section,.crim-faq,.ns176-section) h2:not(.ns176-light){
  font-family:var(--ns-font,Inter,Arial,sans-serif)!important;color:var(--ns-navy,#0b3154)!important;font-weight:700!important}

/* ---------------------------------------------------------------- WEB-R753 buttons: primary navy, secondary white + navy text, WhatsApp token */
html:not(#n1):not(#n2) :is(.ns55-btn,.v58-btn,.pj-btn,.hp13-btn,.sd-btn,.sd-action,.eg590-btn,.ns175-btn,.nlp-btn,.btn,.pdg-secondary,.pl-reset,.mi548-viewall,.ns174-showall,.pj-hero-action,.ns176-btn):not(.ns174-tile):not(header *):not(#nstayGlobalBottomNav *):not(.ns175-nav *){
  border-radius:var(--ns176-btn-radius)!important;font-family:var(--ns-font,Inter,Arial,sans-serif)!important;font-weight:700!important}
html:not(#n1):not(#n2) :is(.ns-wa-btn,.ns-wa-el.v58-btn,.pj-btn.whatsapp,.sd-btn.whatsapp,.sd-action.primary[href*="wa.me"],.eg590-btn.w,.eg-btn.ns-wa-el){background:var(--ns-wa,#0f7b4a)!important;border-color:var(--ns-wa,#0f7b4a)!important;color:#fff!important}
html:not(#n1):not(#n2) .eg590-btn.o{color:var(--ns-navy,#0b3154)!important}

/* ---------------------------------------------------------------- WEB-R757 enquiry / CTA bands ("Share your requirement", "Call Advisor"):
   navy band, white button with navy text (WhatsApp on its token), one radius / weight - the per-page advisor bands had 8-9 px, 800, #0b2d4b */
html:not(#n1):not(#n2) :is(.pl-advisor,.cr-advisor,.pt-advisor,.sm-help,.mi-advisor,.cp-cta,.dev515-advisor,.zp-advisor,.ns176-cta) :is(.pl-actions,.cr-actions,.pt-actions,.sm-actions,.mi-actions,.cp-actions,.dev515-actions,.zp-actions,.ns176-cta-actions) a{
  border-radius:var(--ns176-btn-radius)!important;font-family:var(--ns-font,Inter,Arial,sans-serif)!important;font-weight:700!important}
html:not(#n1):not(#n2) :is(.pl-advisor,.cr-advisor,.pt-advisor,.sm-help,.mi-advisor,.cp-cta,.dev515-advisor,.zp-advisor,.ns176-cta) :is(.pl-actions,.cr-actions,.pt-actions,.sm-actions,.mi-actions,.cp-actions,.dev515-actions,.zp-actions,.ns176-cta-actions) a:not([href*="wa.me"]){background:#fff!important;color:var(--ns-navy,#0b3154)!important}
html:not(#n1):not(#n2) :is(.pl-advisor,.cr-advisor,.pt-advisor,.sm-help,.mi-advisor,.cp-cta,.dev515-advisor,.zp-advisor,.ns176-cta) a[href*="wa.me"]{background:var(--ns-wa,#0f7b4a)!important;border-color:var(--ns-wa,#0f7b4a)!important;color:#fff!important}
html:not(#n1):not(#n2) :is(.pl-advisor,.cr-advisor,.pt-advisor,.sm-help,.mi-advisor,.cp-cta,.dev515-advisor,.zp-advisor,.ns176-cta) h2{color:#fff!important;font-family:var(--ns-font,Inter,Arial,sans-serif)!important;font-weight:700!important}

/* ---------------------------------------------------------------- WEB-R755 cards: white, 1px line border, 12 px radius */
html:not(#n1):not(#n2) :is(.eg516-card,.v58-card,.mi-card,.pdg-card,.cp-card,.hp13-property-card,.nsc-card,.seo5-card,.pi514-card,.pl-card,.dev515-dir-card,.dev515-card,.sd-card,.hp14-discovery-card,.card.card-link,.dv-project-card,.pj-project,.pd-similar-card,.ns174-mc,.mi510-related-grid>a,.ns176-card){
  border-radius:var(--ns176-card-radius)!important;border-color:var(--ns-line,#e2e7ee)!important}

/* ---------------------------------------------------------------- WEB-R756 breadcrumbs */
html:not(#n1):not(#n2) :is(.eg590-crumb,.eg-breadcrumb,.sd-breadcrumb,.pj-breadcrumb,.breadcrumb,.pdg-crumb,.seo5-crumb,.ssr62-crumb,.dbp-crumb,.mi510-crumb,.dv-breadcrumb,.pd-breadcrumb,.ns176-crumb){
  font-family:var(--ns-font,Inter,Arial,sans-serif)!important;font-size:13px!important;font-weight:500!important;color:var(--ns-muted,#5b6878)!important;letter-spacing:0!important;text-transform:none!important}
html:not(#n1):not(#n2) :is(.eg590-crumb,.eg-breadcrumb,.sd-breadcrumb,.pj-breadcrumb,.breadcrumb,.pdg-crumb,.seo5-crumb,.ssr62-crumb,.dbp-crumb,.mi510-crumb,.dv-breadcrumb,.pd-breadcrumb,.ns176-crumb) a{color:var(--ns-navy,#0b3154)!important;font-weight:600!important;text-decoration:none}

/* ---------------------------------------------------------------- WEB-R758 related links / tables / stat tiles */
html:not(#n1):not(#n2) :is(.ssr62-links,.mi510-related-grid,.ns176-links) a{color:var(--ns-navy,#0b3154)!important;font-family:var(--ns-font,Inter,Arial,sans-serif)!important}
html:not(#n1):not(#n2) :is(.ssr62-body,.mi510-article,.cr-table,.ns176-table) table{border-collapse:collapse;font-family:var(--ns-font,Inter,Arial,sans-serif)}
html:not(#n1):not(#n2) :is(.ssr62-body,.mi510-article,.cr-table,.ns176-table) :is(th,td){border:1px solid var(--ns-line,#e2e7ee);padding:8px 10px}
html:not(#n1):not(#n2) :is(.ssr62-body,.mi510-article,.cr-table,.ns176-table) th{background:var(--ns-soft,#f6f8fb);color:var(--ns-navy,#0b3154);font-weight:700}

/* ================================================================ V177-P (footer pages audit 15-Nov-2026) */
/* ---- WEB-R770: headings capped from the first paint. nstay-actions-v595 (type()) caps an H1 over 40 px to clamp(30px,3.4vw,40px) and
   an H2 over 30 px to clamp(24px,2.4vw,30px) AFTER DOMContentLoaded, so every page whose hero H1 was bigger moved down / up after load
   (CLS /investment-advisory 0.22, /portfolio-nri-services 0.27, /developers 0.2, /projects 0.12 at 768, about / careers / contact /
   services 0.04-0.09). The same caps from the stylesheet: the script then finds nothing to change. Same sizes as before. */
html:not(#n1):not(#n2) :is(.v58-hero,.cp-hero,.dev515-hero) h1{font-size:clamp(30px,3.4vw,40px)!important;line-height:1.2!important}
/* only where the page's own size is over 40 px (the script leaves smaller headings alone): /projects 56 px from 651 px; Daily Briefing
   clamp(28px,4.2vw,42px) from 965 px; /developers 386-767 px and from 811 px; /list-property clamp(32px,5vw,58px) from 811 px */
@media(min-width:651px){html:not(#n1):not(#n2) .pl-hero h1{font-size:clamp(30px,3.4vw,40px)!important;line-height:1.2!important}}
@media(min-width:965px){html:not(#n1):not(#n2) .dbp-hero h1{font-size:clamp(30px,3.4vw,40px)!important;line-height:1.2!important}}
@media(min-width:386px) and (max-width:767.98px),(min-width:811px){html:not(#n1):not(#n2) :is(body,main)>section.hero>.container>h1{font-size:clamp(30px,3.4vw,40px)!important;line-height:1.2!important}}
@media(min-width:811px){html:not(#n1):not(#n2) .nh-hero h1{font-size:clamp(30px,3.4vw,40px)!important;line-height:1.2!important}}
html:not(#n1):not(#n2) :is(.v58-container,.cp-wrap,.pl-wrap)>h2,
html:not(#n1):not(#n2) :is(.cp-two,.cp-cta-in,.cp-heading,.pl-heading,.pl-results-head,.pl-advisor-inner)>div>h2,
html:not(#n1):not(#n2) .nsam-side>h2{font-size:clamp(24px,2.4vw,30px)!important;line-height:1.2!important}
@media(min-width:768px){html:not(#n1):not(#n2) .hp13-hero h1{font-size:clamp(30px,3.4vw,48px)!important;line-height:1.2!important}}   /* home hero: the script's own 48 px cap (54 px from 768 px up; the phone size 33-42 px is below it) */
/* ---- WEB-R771: /developers - the card grid is drawn by script after load; its box is reserved so the footer does not jump (CLS 0.2) */
html:not(#n1):not(#n2) body #developers{min-height:100vh}
/* ---- WEB-R772: WhatsApp buttons on ONE green. nstay-standard-v625.css (loaded after the V174 tokens) redefined --ns-wa as the
   lighter #128c4a on :root, so every WhatsApp button inside the advisor / CTA bands painted #128c4a. The token wins again here. */
html:not(#n1):not(#n2){--ns-wa:#0f7b4a}
/* ---- WEB-R773: tap targets of 44 px on the footer pages (were 15-23 px): text links next to section headings, contact rows,
   the property page's map links, the Daily Briefing date list and day chips. */
html:not(#n1):not(#n2) :is(.pl-textlink,.cp-contact a,.dbp-eds a,.dbp-chips a,.dbp-chips span,.pm602-mapbar a,.pd-similar-empty a,.eg516-more a,.hp13-section-head>a){display:inline-flex;align-items:center;min-height:44px!important}
/* ---- WEB-R774: no "Show all N questions" button when no question is hidden (set by nstay-ui-v176.js) */
html:not(#n1):not(#n2) .ns176-faq .ns176-faq-more.ns177-nomore{display:none!important}
/* ---- WEB-R775: project page - the status / type chip row is filled by the page script; its 36 px row is reserved from the first
   paint (the gallery and the summary box moved 35-40 px: CLS 0.09-0.10 at 768, 0.02-0.04 at 1440) */
html:not(#n1):not(#n2) .pj-hero .pj-chips{min-height:36px}
/* ---- WEB-R780: calculator hints and the owner's note under the calculators (text from the website admin) */
html:not(#n1):not(#n2) :is(.ns177-sd-hint,.ns177-pc-hint){display:block;margin-top:6px;font-size:13px;color:var(--ns-muted,#5b6878)}
html:not(#n1):not(#n2) .ns177-calc-note{width:min(1180px,calc(100% - 40px));margin:16px auto;font-size:14px;color:var(--ns-muted,#5b6878)}
/* ---- WEB-R781: developer page project grid (approved mockup): image cards with status, name, sector, configuration / starting
   price / possession rows, HRERA line; status chips. 1 / 2 / 3 columns. Developer hero numbers: one box each (were a box in a box). */
html:not(#n1):not(#n2) .ns177-pjchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
html:not(#n1):not(#n2) .ns177-pjgrid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:640px){html:not(#n1):not(#n2) .ns177-pjgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){html:not(#n1):not(#n2) .ns177-pjgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
html:not(#n1):not(#n2) .ns177-pj{display:flex;flex-direction:column;border:1px solid var(--ns-line,#e2e7ee);border-radius:var(--ns-radius,12px);overflow:hidden;background:#fff;color:var(--ns-navy,#0b3154);text-decoration:none;font-family:var(--ns-font,Inter,Arial,sans-serif)}
html:not(#n1):not(#n2) .ns177-pj[hidden]{display:none}
html:not(#n1):not(#n2) .ns177-pj:hover{border-color:var(--ns-gold,#b58a45)}
html:not(#n1):not(#n2) .ns177-pj-ph{position:relative;display:block;aspect-ratio:16/10;background:var(--ns-soft,#f6f8fb)}
html:not(#n1):not(#n2) .ns177-pj-ph img{width:100%;height:100%;object-fit:cover;display:block}
html:not(#n1):not(#n2) .ns177-pj-noimg{display:flex;align-items:center;justify-content:center;height:100%;padding:16px;text-align:center;color:var(--ns-navy,#0b3154);font-weight:700}
html:not(#n1):not(#n2) .ns177-pj-st{position:absolute;left:12px;top:12px;background:#fff;color:var(--ns-navy,#0b3154);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}
html:not(#n1):not(#n2) .ns177-pj-body{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px}
html:not(#n1):not(#n2) .ns177-pj-name{font-size:20px;font-weight:700;color:var(--ns-navy,#0b3154);line-height:1.25}
html:not(#n1):not(#n2) .ns177-pj-loc{font-size:14px;color:var(--ns-muted,#5b6878)}
html:not(#n1):not(#n2) .ns177-pj-rows{display:flex;flex-direction:column;gap:6px;margin-top:10px}
html:not(#n1):not(#n2) .ns177-pj-rows>span{display:flex;justify-content:space-between;gap:12px;font-size:14px}
html:not(#n1):not(#n2) .ns177-pj-rows i{font-style:normal;color:var(--ns-muted,#5b6878)}
html:not(#n1):not(#n2) .ns177-pj-rows em{font-style:normal;font-weight:600;color:var(--ns-navy,#0b3154);text-align:right}
html:not(#n1):not(#n2) .ns177-pj-rera{margin-top:10px;padding-top:10px;border-top:1px solid var(--ns-line,#e2e7ee);font-size:13px;color:var(--ns-muted,#5b6878)}
html:not(#n1):not(#n2) .dev515-hero-meta a>span{border:0!important;padding:0!important;background:none!important}
/* ---- WEB-R782: home trust strip - four facts the site can stand behind (no invented numbers): HRERA agent, the live listing count,
   sector maps / zoning / circle rates, an advisor on WhatsApp. Fixed columns: the count filling in never moves its neighbours. */
html:not(#n1):not(#n2) .hp13-trust.ns177-trust{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 18px!important;margin-top:20px;font-size:13px;max-width:560px;width:100%!important;min-width:0;align-items:start!important}
html:not(#n1):not(#n2) .ns177-trust>span{display:flex;flex-direction:column;gap:2px;padding-left:10px;border-left:2px solid var(--ns-gold,#b58a45)}
html:not(#n1):not(#n2) .ns177-trust b{font-size:17px;font-weight:700;color:var(--ns-navy,#0b3154);line-height:1.2}
html:not(#n1):not(#n2) .ns177-trust small{font-size:13px;font-weight:500;color:var(--ns-muted,#5b6878);line-height:1.35}
/* ---- WEB-R784: Market Insights hub - image cards (cover or a soft topic tile in a fixed 16:9 box, full card width), date and reading
   time; one topic chip row under the search (its 44 px row reserved, so the chips filling in move nothing) */
html:not(#n1):not(#n2) .mi-card>.mi177-ph{display:block;aspect-ratio:16/9;margin:-21px -21px 14px;border-radius:12px 12px 0 0;overflow:hidden;background:var(--ns-soft,#f6f8fb)}
html:not(#n1):not(#n2) .mi-card>.mi177-ph img{width:100%;height:100%;object-fit:cover;display:block}
html:not(#n1):not(#n2) .mi-card>.mi177-ph>span{display:flex;align-items:center;justify-content:center;height:100%;padding:12px;text-align:center;font-weight:700;color:var(--ns-navy,#0b3154);background:var(--ns-soft,#f6f8fb)}
html:not(#n1):not(#n2) .mi-card .mi177-meta{font-style:normal;font-size:13px;color:var(--ns-muted,#5b6878);margin:4px 0 2px}
html:not(#n1):not(#n2) .mi177-topics{display:flex;gap:8px;overflow-x:auto;min-height:44px;margin-top:16px;padding-bottom:2px;scrollbar-width:none}
html:not(#n1):not(#n2) .mi177-topics::-webkit-scrollbar{display:none}
html:not(#n1):not(#n2) .mi177-topics .ns176-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;text-decoration:none}
html:not(#n1):not(#n2) .mi177-topics .ns176-chip b{font-weight:600;color:var(--ns-muted,#5b6878)}
html:not(#n1):not(#n2) .mi177-topics .ns176-chip.on b{color:#fff}
/* ---- WEB-R785: circle-rate rate card for a searched sector (values "Data pending" until the per-sector figures are entered) */
html:not(#n1):not(#n2) .ns177-rate{border:1px solid var(--ns-line,#e2e7ee);border-radius:var(--ns-radius,12px);background:#fff;padding:18px;margin:0 0 18px;font-family:var(--ns-font,Inter,Arial,sans-serif)}
html:not(#n1):not(#n2) .ns177-rate-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:12px}
html:not(#n1):not(#n2) .ns177-rate-h h2{margin:0 8px 0 0;font-size:26px;font-weight:700;color:var(--ns-navy,#0b3154)}
html:not(#n1):not(#n2) .ns177-rate .ns176-table{overflow-x:auto}
html:not(#n1):not(#n2) .ns177-rate table{width:100%;min-width:420px}
html:not(#n1):not(#n2) .ns177-rate td small{display:block;font-size:13px;color:var(--ns-muted,#5b6878)}
html:not(#n1):not(#n2) .ns177-pending{font-size:13px;font-weight:600;color:var(--ns-gold-ink,#86642a)}
html:not(#n1):not(#n2) .ns177-rate-note{margin:12px 0 0;font-size:14px;color:var(--ns-muted,#5b6878)}
/* ---- WEB-R787: property page - the price once on a phone (the line under the title; the side panel keeps area / type only) */
@media(max-width:760px){html:not(#n1):not(#n2) body:has(#pdPhonePrice:not([hidden])) .pd-price-panel :is(#priceLabel,#price,#rate){display:none!important}}
/* ---- WEB-R789: /properties "Featured by our advisors" band (server-written above the results; 1 / 2 / 4 columns) */
html:not(#n1):not(#n2) .ns177-feat{background:var(--ns-soft,#f6f8fb);border:1px solid var(--ns-line,#e2e7ee);border-radius:var(--ns-radius,12px);padding:16px;margin:0 0 16px;font-family:var(--ns-font,Inter,Arial,sans-serif)}
html:not(#n1):not(#n2) .ns177-feat h2{margin:0 0 12px;font-size:20px;font-weight:700;color:var(--ns-navy,#0b3154)}
html:not(#n1):not(#n2) .ns177-feat-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:560px){html:not(#n1):not(#n2) .ns177-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1280px){html:not(#n1):not(#n2) .ns177-feat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
html:not(#n1):not(#n2) .ns177-fc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ns-line,#e2e7ee);border-radius:var(--ns-radius,12px);overflow:hidden;text-decoration:none;color:var(--ns-navy,#0b3154)}
html:not(#n1):not(#n2) .ns177-fc-ph{position:relative;display:block;aspect-ratio:16/9;background:var(--ns-soft,#f6f8fb)}
html:not(#n1):not(#n2) .ns177-fc-ph img{width:100%;height:100%;object-fit:cover;display:block}
html:not(#n1):not(#n2) .ns177-fc-b{position:absolute;left:10px;top:10px;background:var(--ns-navy,#0b3154);color:#fff;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}
html:not(#n1):not(#n2) .ns177-fc-t{padding:12px 14px 2px;font-size:15px;font-weight:700;line-height:1.3}
html:not(#n1):not(#n2) .ns177-fc-m{padding:0 14px 14px;font-size:14px;color:var(--ns-muted,#5b6878)}
/* ---- WEB-R790: Explore hub sector cards - the sector's map picture (fixed 4:3, "Map" badge) or a soft "Sector N" tile, then the live
   listings and the lowest price */
html:not(#n1):not(#n2) .eg516-card.ns177-scard{padding-top:0!important;overflow:hidden!important}
html:not(#n1):not(#n2) .ns177-sthumb{position:relative;display:block;aspect-ratio:4/3;margin:0 -18px 12px;background:var(--ns-soft,#f6f8fb);overflow:hidden}
html:not(#n1):not(#n2) .ns177-sthumb img{width:100%;height:100%;object-fit:cover;display:block}
html:not(#n1):not(#n2) .ns177-sthumb b{position:absolute;left:10px;top:10px;background:#fff;color:var(--ns-navy,#0b3154);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}
html:not(#n1):not(#n2) .ns177-sthumb>span{display:flex;align-items:center;justify-content:center;height:100%;font-weight:700;color:var(--ns-navy,#0b3154)}
html:not(#n1):not(#n2) .ns177-slive{display:block;font-style:normal;font-size:14px;font-weight:600;color:var(--ns-navy,#0b3154);margin:2px 0 6px}