/* NGOC PROPERTY 5.8.16: shared subpage experience. */
.np-menu-experience{--menu-navy:#0b3346;--menu-teal:#087c7b;--menu-line:#dce7e7;--menu-gold:#edc66f;background:#f7f9f8;color:var(--menu-navy)}
.np-menu-experience [hidden]{display:none!important}
.np-menu-experience :focus-visible{outline:3px solid #059c9c;outline-offset:3px}
.np-menu-experience .site-header{position:sticky!important;top:0;z-index:40}
.np-menu-experience .topbar{display:none}
.np-menu-experience :is(.page-hero,.article-heading,.p360-hero){background:linear-gradient(115deg,#eff6f4,#fff);padding:38px 0!important;min-height:0;margin-bottom:0}
.np-menu-experience :is(.page-hero,.article-heading,.p360-hero) h1{font-size:clamp(27px,3.2vw,42px)!important;line-height:1.2;max-width:850px}
.np-menu-experience .article-heading{padding-inline:24px!important;border-radius:0 0 20px 20px}
.np-menu-experience .p360-hero .p360-facts:empty{display:none}
.np-menu-experience .p360-hero p{max-width:760px}
.np-menu-experience :is(.basic-section,.catalog-section){padding-block:28px 48px}
.np-menu-experience .catalog-view-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.np-menu-experience :is(.catalog-view-switch,.catalog-pager) button{font:600 14px/1.4 Arial,sans-serif;min-height:44px;padding:10px 18px;border:1px solid #b9cecc;background:white;color:#0b3346;border-radius:9px;cursor:pointer}
.np-menu-experience .catalog-view-switch button[aria-pressed=true]{background:#0b3346;color:white;border-color:#0b3346}
.np-menu-experience .catalog-table table{min-width:1050px}
.np-menu-experience .catalog-table td{font-size:14px;padding:15px 12px;vertical-align:middle}
.np-menu-experience .catalog-table th{padding:14px 12px}
.np-menu-experience .catalog-identity{display:flex;gap:12px;align-items:center;min-width:235px}
.np-menu-experience .catalog-identity>div:last-child{min-width:100px}
.np-menu-experience .catalog-identity :is(.catalog-photo,.catalog-no-photo){width:128px;flex:0 0 128px;border-radius:8px}
.np-menu-experience .catalog-photo{display:block;position:relative;padding:0;border:0;width:100%;aspect-ratio:1.6;overflow:hidden;background:#e9f0ee;cursor:zoom-in;text-align:left}
.np-menu-experience .catalog-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.np-menu-experience .catalog-photo:hover img{transform:scale(1.025)}
.np-menu-experience .catalog-photo span{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;background:#082c40d9;color:white;font-size:11px;line-height:1.4}
.np-menu-experience .catalog-no-photo{display:grid;place-items:center;text-align:center;aspect-ratio:1.6;background:linear-gradient(135deg,#eaf0ee,#f4f7f5);color:#53716f;font-size:12px;padding:16px}
.np-menu-experience .catalog-unit-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}
.np-menu-experience .catalog-unit-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;font:600 13px/1.4 Arial,sans-serif;padding:9px 10px;border-radius:8px;min-height:40px;border:1px solid #c7dad9;background:#fff;color:#0b4858;text-decoration:none;cursor:pointer}
.np-menu-experience .catalog-unit-actions .np-unit-finance{background:#f8d47e;border-color:#f0c76a;color:#082f42}
.np-menu-experience .catalog-unit-actions .catalog-ai{background:#e5f4f0;border-color:#b5d9d0}
.np-menu-experience .catalog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;min-height:200px}
.np-menu-experience .catalog-unit-card{border:1px solid var(--menu-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 6px 22px #163a4210;min-width:0}
.np-menu-experience .catalog-card-body{padding:18px}
.np-menu-experience .catalog-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.np-menu-experience .catalog-card-title h2{font:700 20px/1.3 Arial,sans-serif!important;margin:0}
.np-menu-experience .catalog-card-title strong{font-size:18px;color:#087e7b}
.np-menu-experience .catalog-card-body p{font-size:14px;color:#577077;margin:10px 0}
.np-menu-experience .catalog-card-body dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.np-menu-experience .catalog-card-body dt{font-size:12px;color:#647c82}
.np-menu-experience .catalog-card-body dd{margin:4px 0;font-size:14px;font-weight:600}
.np-menu-experience .catalog-card-body>small{font-size:12px;color:#647c82}
.np-menu-experience .catalog-pager{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin:26px 0}
.np-menu-experience .catalog-pager button:disabled{opacity:.4;cursor:default}
.np-menu-experience :is(.catalog-photo-dialog,dialog:has(#p360Tour)){border:0;border-radius:16px;max-width:92vw;padding:18px;background:#fff}
.np-menu-experience .catalog-photo-dialog img{display:block;max-width:85vw;max-height:76vh;object-fit:contain}
.np-menu-experience .catalog-photo-dialog button{display:block;margin-left:auto;min-height:44px;min-width:44px;font-size:26px;border:0;background:#edf5f4;border-radius:8px}
.np-menu-experience dialog::backdrop{background:#052635c4}
.np-menu-experience .p360-tabs{top:77px;overflow:visible;z-index:25}
.np-menu-experience #p360Tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 0}
.np-menu-experience #p360Tabs>button{padding:12px 14px;font-size:14px;min-height:44px;border-radius:8px}
.np-menu-experience #p360Tabs>button.active{background:#e5f2ef}
.np-menu-experience #p360More{position:relative;margin-left:auto}
.np-menu-experience #p360More>summary{cursor:pointer;padding:12px 14px;font-weight:600;font-size:14px;min-height:44px}
.np-menu-experience #p360More>div{position:absolute;right:0;top:100%;display:grid;width:250px;padding:10px;background:#fff;border:1px solid #d5e4e2;border-radius:12px;box-shadow:0 12px 35px #0a354526;max-height:65vh;overflow:auto}
.np-menu-experience #p360More button{text-align:left;min-height:44px;font-size:14px}
.np-menu-experience #p360OverviewVisual .np-wrap{width:100%;max-width:none}
.np-menu-experience #p360OverviewVisual .np-overview{padding:20px 0;background:transparent}
.np-menu-experience #p360OverviewVisual .np-overview-grid{grid-template-columns:1fr 1.15fr;gap:40px}
.np-menu-experience #p360Tour iframe{display:block;width:100%;height:65vh;min-height:360px;border:0;border-radius:12px;margin-top:15px}
.np-menu-experience .p360-main{padding-block:30px 48px}
.np-menu-experience .p360-panel img{max-width:100%}
.np-menu-experience .compare-public-table th:first-child{position:sticky;left:0;z-index:1;min-width:125px;background:#edf4f2;color:#123c4b}
.np-menu-experience .compare-different td{background:#edf8f5}
.np-menu-experience .compare-legend{font-size:13px;color:#426e6e}
.np-menu-experience .compare-public-table td a{display:inline-block;padding:10px 0;min-height:44px}
.np-menu-experience .np-contact-more{margin:16px 0;border:1px solid #d5e3e0;border-radius:12px;padding:14px}
.np-menu-experience .np-contact-more summary{cursor:pointer;font-weight:600;min-height:32px}
.np-menu-experience .np-contact-more .form-fields{margin-top:14px}
.np-menu-experience .np-contact-context{padding:14px;background:#e8f5f0;border-radius:10px;color:#0b655e}
body.sf-standalone.np-menu-experience{margin:0;background:#f4f8f6;font-family:Arial,sans-serif}
body.sf-standalone.np-menu-experience>header{padding:19px max(20px,calc((100vw - 1240px)/2));background:#092f42;color:#fff;gap:16px}
body.sf-standalone.np-menu-experience>header>a{font-size:20px;font-weight:700;color:#f0cd7e}
body.sf-standalone.np-menu-experience>header small{color:#83d5c9}
body.sf-standalone.np-menu-experience>header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
@media(max-width:1100px){.np-menu-experience .catalog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .np-menu-experience .catalog-cards{grid-template-columns:minmax(0,1fr);gap:18px}
 .np-menu-experience .catalog-view-switch [data-catalog-view=list]{display:none}
 .np-menu-experience .catalog-card-title strong{font-size:19px}
 .np-menu-experience .catalog-card-body{padding:16px}
 .np-menu-experience .catalog-unit-actions :is(a,button){flex:1 1 40%;min-height:44px}
 .np-menu-experience .p360-tabs{position:relative;top:0}
 .np-menu-experience #p360Tabs{gap:2px}
 .np-menu-experience #p360Tabs>button{font-size:13px;padding:10px}
 .np-menu-experience #p360More>summary{font-size:13px}
 .np-menu-experience #p360OverviewVisual .np-overview-grid{grid-template-columns:1fr;gap:20px}
 .np-menu-experience .p360-main{padding-top:15px}
 .np-menu-experience .catalog-form{grid-template-columns:1fr 1fr}
 .np-menu-experience .catalog-form>label:first-of-type{grid-column:1/-1}
 .np-menu-experience .catalog-actions{gap:8px}
 .np-menu-experience .catalog-actions button{flex:1;min-height:44px}
 .np-menu-experience :is(.article-heading,.page-hero,.p360-hero){padding-block:24px!important}
 body.sf-standalone.np-menu-experience>header{padding:14px 18px}
 body.sf-standalone.np-menu-experience>header nav{gap:16px}
}
@media(prefers-reduced-motion:reduce){.np-menu-experience *{scroll-behavior:auto!important;transition:none!important}}

.np-menu-experience .catalog-budget{grid-column:span 2;border:0;padding:0;margin:0;min-width:0}
.np-menu-experience .catalog-budget>summary{font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px;min-height:24px}
.np-menu-experience .catalog-budget>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(min-width:701px){.np-menu-experience .catalog-budget[open]>summary{display:none}}
@media(max-width:700px){body.np-catalog-page.np-menu-experience .page-hero{padding:22px 0!important}body.np-catalog-page.np-menu-experience .page-hero p{margin-bottom:0;font-size:15px}.np-menu-experience .catalog-form{padding:18px}.np-menu-experience .catalog-form>label:nth-of-type(2){grid-column:1/-1}.np-menu-experience .catalog-budget{grid-column:1/-1}.np-menu-experience .catalog-budget>summary{margin:0;min-height:35px}.np-menu-experience .catalog-actions button{font-size:14px;padding:12px 8px;white-space:nowrap}.np-menu-experience .catalog-meta{margin-top:18px;gap:6px}}

/* V5.8.141 — Unified subpage navigation.
   Match the homepage dark navy / gold / teal navigation language without changing routes. */
body.np-site:not(.v51c-home).np-menu-experience{
  --np-subnav-bg:#062b3e;
  --np-subnav-bg-2:#08364a;
  --np-subnav-gold:#edc575;
  --np-subnav-mint:#6dd3c6;
  --np-subnav-text:#e8f1f2;
  --np-subnav-muted:#a9bec2;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header{
  position:sticky!important;
  top:0;
  z-index:70;
  background:rgba(6,43,62,.97)!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 30px rgba(1,25,37,.12)!important;
  backdrop-filter:blur(16px);
}
body.np-site:not(.v51c-home).np-menu-experience .site-header.scrolled,
body.np-site:not(.v51c-home).np-menu-experience .site-header.is-scrolled{
  background:rgba(4,36,54,.985)!important;
  box-shadow:0 10px 34px rgba(1,25,37,.22)!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .nav{
  min-height:76px!important;
  height:76px!important;
  padding-block:0!important;
  gap:20px!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .brand{
  max-width:330px!important;
  gap:10px!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .brand .logo-mark{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
  border-radius:11px!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .brand .brand-copy strong{
  color:#5ed2c7!important;
  font-size:20px!important;
  line-height:1.1!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .brand .brand-copy strong em{
  color:var(--np-subnav-gold)!important;
  font-style:normal!important;
  font-weight:760!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .brand .brand-copy :is(small,span){
  display:block!important;
  margin-top:4px!important;
  color:#c8d8db!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  max-width:none!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .menu{
  gap:20px!important;
  align-self:stretch!important;
  align-items:center!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .menu>a{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  min-height:76px!important;
  padding:0 1px!important;
  color:#eef5f5!important;
  font-size:13.5px!important;
  line-height:1.2!important;
  font-weight:650!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .menu>a:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:11px!important;
  height:2px!important;
  border-radius:99px;
  background:transparent!important;
  transform:none!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .menu>a:hover{
  color:#fff3ce!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .menu>a.active,
body.np-site:not(.v51c-home).np-menu-experience .site-header .menu>a[aria-current="page"]{
  color:var(--np-subnav-gold)!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .menu>a.active:after,
body.np-site:not(.v51c-home).np-menu-experience .site-header .menu>a[aria-current="page"]:after{
  background:var(--np-subnav-gold)!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .menu>a.np-finance-nav{
  min-height:44px!important;
  height:44px!important;
  padding:0 13px!important;
  border:1px solid rgba(109,211,198,.32)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;
  color:#f2d894!important;
  box-shadow:none!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .menu>a.np-finance-nav:after{display:none!important}
body.np-site:not(.v51c-home).np-menu-experience .site-header .menu>a.np-finance-nav:hover,
body.np-site:not(.v51c-home).np-menu-experience .site-header .menu>a.np-finance-nav.active{
  border-color:rgba(237,197,117,.74)!important;
  background:rgba(255,255,255,.075)!important;
  color:#ffe1a1!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .nav-actions{
  gap:11px!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .v51c-hotline{
  color:#dce9eb!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .v51c-hotline span{color:#9fb7bc!important;font-size:10px!important}
body.np-site:not(.v51c-home).np-menu-experience .site-header .v51c-hotline b{color:#fff!important;font-size:13px!important}
body.np-site:not(.v51c-home).np-menu-experience .site-header .btn-primary{
  min-height:46px!important;
  padding:0 17px!important;
  border:1px solid #f1d493!important;
  border-radius:9px!important;
  background:linear-gradient(110deg,#f3d486,#dfb65c)!important;
  color:#123044!important;
  box-shadow:0 7px 22px rgba(220,174,79,.14)!important;
  font-size:13px!important;
  font-weight:760!important;
  white-space:nowrap!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .btn-primary:hover{
  background:linear-gradient(110deg,#f8dda0,#e9c36f)!important;
}
body.np-site:not(.v51c-home).np-menu-experience .site-header .mobile-toggle{
  display:none;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.19)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1!important;
}

/* Secondary project/tab navigation uses the same visual vocabulary. */
body.np-site:not(.v51c-home).np-menu-experience .np-project-bar{
  background:rgba(6,43,62,.97)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
}
body.np-site:not(.v51c-home).np-menu-experience .np-project-bar nav{
  gap:7px!important;
  padding-block:8px!important;
}
body.np-site:not(.v51c-home).np-menu-experience .np-project-bar nav a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:7px 12px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.025)!important;
  color:#dce9eb!important;
  font-size:12px!important;
  font-weight:650!important;
  text-decoration:none!important;
}
body.np-site:not(.v51c-home).np-menu-experience .np-project-bar nav a:hover,
body.np-site:not(.v51c-home).np-menu-experience .np-project-bar nav a.active,
body.np-site:not(.v51c-home).np-menu-experience .np-project-bar nav a[aria-current="page"]{
  border-color:rgba(237,197,117,.5)!important;
  background:rgba(237,197,117,.10)!important;
  color:#f5d88f!important;
}
body.np-site:not(.v51c-home).np-menu-experience .p360-tabs{
  background:rgba(247,250,249,.96)!important;
  border-bottom:1px solid #d9e5e2!important;
  box-shadow:0 8px 25px rgba(5,44,57,.06)!important;
  backdrop-filter:blur(12px);
}
body.np-site:not(.v51c-home).np-menu-experience #p360Tabs{
  gap:7px!important;
  padding:9px 0!important;
}
body.np-site:not(.v51c-home).np-menu-experience #p360Tabs>button,
body.np-site:not(.v51c-home).np-menu-experience #p360More>summary{
  min-height:40px!important;
  padding:8px 13px!important;
  border:1px solid #d7e4e1!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#234b58!important;
  font-size:12.5px!important;
  font-weight:650!important;
}
body.np-site:not(.v51c-home).np-menu-experience #p360Tabs>button:hover,
body.np-site:not(.v51c-home).np-menu-experience #p360Tabs>button.active{
  border-color:#d8b766!important;
  background:#fff8e8!important;
  color:#7a5c13!important;
}

/* Mobile panel: dark, compact and consistent with homepage hamburger. */
@media(max-width:1180px){
 body.np-site:not(.v51c-home).np-menu-experience .site-header .menu{display:none!important}
 body.np-site:not(.v51c-home).np-menu-experience .site-header .mobile-toggle{display:inline-grid!important;place-items:center!important}
 body.np-site:not(.v51c-home).np-menu-experience .site-header .nav-actions{margin-left:auto!important}
 body.np-site:not(.v51c-home).np-menu-experience .site-header .nav-actions>.btn{display:none!important}
 body.np-site:not(.v51c-home).np-menu-experience .mobile-menu.open{
  display:grid!important;
  gap:5px!important;
  padding:10px 18px 18px!important;
  background:linear-gradient(180deg,#062b3e,#052638)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 32px rgba(1,25,37,.18)!important;
 }
 body.np-site:not(.v51c-home).np-menu-experience .mobile-menu a{
  display:flex!important;
  align-items:center!important;
  min-height:48px!important;
  padding:11px 13px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:#e7f0f2!important;
  font-size:14px!important;
  font-weight:650!important;
  text-decoration:none!important;
 }
 body.np-site:not(.v51c-home).np-menu-experience .mobile-menu a:hover{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.08)!important;
 }
 body.np-site:not(.v51c-home).np-menu-experience .mobile-menu a.active,
 body.np-site:not(.v51c-home).np-menu-experience .mobile-menu a[aria-current="page"]{
  background:rgba(237,197,117,.10)!important;
  border-color:rgba(237,197,117,.28)!important;
  color:#f4d586!important;
 }
 body.np-site:not(.v51c-home).np-menu-experience .mobile-menu a.np-finance-nav{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(109,211,198,.22)!important;
  color:#f2d894!important;
 }
}
@media(max-width:700px){
 body.np-site:not(.v51c-home).np-menu-experience .site-header .nav{
  min-height:68px!important;
  height:68px!important;
  padding-inline:0!important;
  gap:10px!important;
 }
 body.np-site:not(.v51c-home).np-menu-experience .site-header .brand{gap:8px!important;max-width:calc(100% - 56px)!important}
 body.np-site:not(.v51c-home).np-menu-experience .site-header .brand .logo-mark{width:38px!important;height:38px!important;flex-basis:38px!important}
 body.np-site:not(.v51c-home).np-menu-experience .site-header .brand .brand-copy strong{font-size:16px!important}
 body.np-site:not(.v51c-home).np-menu-experience .site-header .brand .brand-copy :is(small,span){font-size:7px!important;max-width:220px!important;overflow:hidden;text-overflow:ellipsis}
 body.np-site:not(.v51c-home).np-menu-experience .site-header .mobile-toggle{width:42px!important;height:42px!important;min-width:42px!important}
 body.np-site:not(.v51c-home).np-menu-experience .p360-tabs{position:relative!important;top:0!important}
 body.np-site:not(.v51c-home).np-menu-experience #p360Tabs{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;padding:8px 18px!important;margin-inline:-18px!important}
 body.np-site:not(.v51c-home).np-menu-experience #p360Tabs::-webkit-scrollbar{display:none}
 body.np-site:not(.v51c-home).np-menu-experience #p360Tabs>button,
 body.np-site:not(.v51c-home).np-menu-experience #p360More>summary{white-space:nowrap!important;flex:0 0 auto!important}
}

/* Standalone finance header follows the same dark navigation family. */
body.sf-standalone.np-menu-experience>header{
  min-height:72px!important;
  padding:13px max(20px,calc((100vw - 1240px)/2))!important;
  background:#062b3e!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
}
body.sf-standalone.np-menu-experience>header>a{color:#f1d386!important;font-size:18px!important}
body.sf-standalone.np-menu-experience>header small{color:#72d2c6!important}
body.sf-standalone.np-menu-experience>header nav a{color:#e6eff0!important}