/* Formal, restrained refinements scoped to the municipal offices portal. */
.office-profile,.office-directory-page{font-family:Arial,Helvetica,sans-serif;color:#65727e;background:#fff}
.office-profile-hero{padding:42px 0 46px;background:#f4f6f7}
.office-profile-hero:before{background-image:var(--office-banner);box-shadow:inset 0 0 0 1000px rgba(244,246,247,.93)}
.office-profile-hero nav{margin-bottom:24px;font-size:.78rem}
.office-profile-category{color:#9a7117;font-size:.72rem;letter-spacing:.12em}
.office-profile-hero h1{max-width:940px;margin:10px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.25rem);font-weight:700;line-height:1.12;letter-spacing:0}
.office-profile-hero p{font-size:.96rem;line-height:1.55}
.office-profile .civic-anchor-nav{position:relative;top:auto}
.office-profile .civic-anchor-nav .civic-container{gap:8px;overflow:visible}
.office-profile .civic-anchor-nav a{padding:14px 16px;font-size:.76rem;font-weight:700}
.office-profile .civic-anchor-nav a:hover{background:#f5f7f8;color:#00345f;outline:0}
.office-profile .civic-anchor-nav a:focus-visible{background:#f5f7f8;color:#00345f;outline:0;box-shadow:inset 0 -2px #8b98a3}
.office-profile .civic-section{padding:44px 0;scroll-margin-top:0}
.office-profile .civic-heading{margin-bottom:20px}
.office-profile .civic-heading>span{color:#a77816;font-size:.7rem;letter-spacing:.12em}
.office-profile .civic-heading h2{margin:7px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.55rem,2.4vw,2rem);font-weight:700;line-height:1.2;letter-spacing:0}
.office-profile-grid{grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:42px}
.office-rich-text,.office-profile .civic-heading p{color:#65727e}
.office-unavailable{max-width:760px;padding:18px 20px;border:0;background:#fff;color:#65727e;font-size:.88rem;box-shadow:0 5px 16px rgba(31,48,63,.065)}
.office-information-grid dl{border:1px solid rgba(217,225,230,.45);background:#fff;box-shadow:0 5px 16px rgba(31,48,63,.06)}
.office-information-grid dl div{padding:16px 18px}
.office-information-grid dt{font-size:.66rem}.office-information-grid dd{font-size:.84rem}
.office-services>article,.office-head,.office-profile .document-repository,.office-profile-image{border-color:rgba(217,225,230,.42);background:#fff;box-shadow:0 5px 16px rgba(31,48,63,.055)}
.office-services>article>p,.office-services dd,.office-information-grid dd,.office-head p{color:#65727e}
.office-directory-page .civic-hero{padding:46px 0;background:#123b63}
.office-directory-page .civic-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;letter-spacing:0}
.office-directory-page .civic-section{padding:44px 0}
.office-directory-page .office-category h2,.office-directory-page .office-card h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:0}
.office-search{margin-bottom:40px;padding:20px;box-shadow:0 4px 14px rgba(31,41,55,.04)}
.office-search input,.office-search select{font-family:Arial,Helvetica,sans-serif;font-weight:400}
.office-search input:hover,.office-search select:hover{border-color:#cbd6dd}
.office-search input:focus,.office-search select:focus{border-color:#9ca9b4;outline:1px solid #9ca9b4;outline-offset:1px;background:#fff;box-shadow:none}
.office-card{border-color:rgba(217,225,230,.38);box-shadow:0 5px 16px rgba(31,48,63,.055)}
.office-card,.office-card:hover,.office-card:focus-within{background:#fff;transition:none;transform:none}
.office-profile *,.office-directory-page *{animation:none!important}
@media(max-width:600px){.office-profile-hero{padding:34px 0 38px}.office-profile .civic-anchor-nav .civic-container{overflow-x:auto}.office-profile .civic-section,.office-directory-page .civic-section{padding:36px 0}.office-profile-grid{gap:28px}}
.office-unavailable strong,.office-unavailable span{display:block}.office-unavailable strong{margin-bottom:4px;color:#334155}
.office-leadership{display:grid;grid-template-columns:180px minmax(0,620px);gap:30px;align-items:center;max-width:880px}
.office-leadership img,.office-official-placeholder{width:180px;height:205px;object-fit:cover;background:#e9edf0;color:#74818c;display:grid;place-items:center;text-align:center;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.office-leadership>div>span{color:#a77816;font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.office-leadership h3{margin:6px 0 2px;color:#123b63;font-size:1.35rem}.office-leadership strong{color:#52616d;font-size:.84rem}.office-leadership p{color:#65727e;line-height:1.65}
.office-responsibility-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 38px;margin:24px 0 0;padding:0;list-style:none}.office-responsibility-list li{padding:13px 0;border-bottom:1px solid #dfe5e9;color:#334b5d;font-weight:600}
.office-function-list article{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #dfe5e9}.office-function-list article>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #aab7c0;border-radius:50%;color:#123b63;font-size:.7rem}.office-function-list h3{margin:0;color:#123b63;font-size:.95rem}.office-function-list p{margin:4px 0 0;color:#65727e;font-size:.84rem;line-height:1.55}
.office-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid #dfe5e9}.office-facts div{padding:18px 20px 18px 0;border-bottom:1px solid #dfe5e9}.office-facts dt{color:#70808c;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.office-facts dd{margin:5px 0 0;color:#334b5d;font-size:.84rem}
.office-contact-cta{padding:38px 0;background:#f4f6f7}.office-contact-cta .civic-container{display:flex;align-items:center;justify-content:space-between;gap:30px}.office-contact-cta span{color:#a77816;font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.office-contact-cta h2{margin:7px 0 4px;color:#123b63;font-size:1.55rem}.office-contact-cta p{margin:0;color:#65727e}.office-contact-cta a{flex:none;padding:12px 18px;border:1px solid #aeb9c1;border-radius:4px;background:#fff;color:#123b63;font-size:.78rem;font-weight:700;text-decoration:none}.office-contact-cta a:hover{background:#f9fafb}
@media(max-width:700px){.office-leadership{grid-template-columns:1fr}.office-leadership img,.office-official-placeholder{width:150px;height:170px}.office-responsibility-list,.office-facts{grid-template-columns:1fr}.office-contact-cta .civic-container{align-items:flex-start;flex-direction:column}.office-contact-cta a{width:100%;text-align:center}}
.office-profile-hero{padding:34px 0 42px;border-bottom:1px solid #e0e5e9}
.office-profile-hero nav{margin-bottom:30px;color:#6d7b87;font-size:.73rem}
.office-profile-hero nav span[aria-hidden="true"],.office-profile-hero nav span:nth-child(even){color:#a7b1b9}
.office-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:70px;align-items:end}
.office-profile-hero h1{max-width:880px;margin:10px 0 9px;font-size:clamp(2.35rem,4.2vw,3.6rem);line-height:1.08;letter-spacing:-.025em}
.office-profile-hero p{max-width:680px;color:#5d6d7a;font-size:.91rem}
.office-hero-layout aside{padding:7px 0 7px 22px;border-left:2px solid #b58a24}
.office-hero-layout aside span,.office-hero-layout aside strong,.office-hero-layout aside small{display:block}
.office-hero-layout aside span{color:#9a7117;font-size:.61rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.office-hero-layout aside strong{margin-top:6px;color:#173a5b;font-size:.88rem}.office-hero-layout aside small{margin-top:3px;color:#74818b;font-size:.66rem;line-height:1.45}
.office-profile .civic-anchor-nav{border-bottom:1px solid #dce3e8;box-shadow:0 3px 10px rgba(31,48,63,.035)}
.office-profile .civic-anchor-nav .civic-container{gap:2px}
.office-profile .civic-anchor-nav a{position:relative;padding:15px 16px;color:#405466;font-size:.72rem}
.office-profile .civic-anchor-nav a:after{content:"";position:absolute;right:0;bottom:16px;width:1px;height:12px;background:#e0e5e9}
.office-profile .civic-anchor-nav a:last-child:after{display:none}
.office-profile .civic-anchor-nav a:hover{background:#f7f8f9;color:#123b63}
.office-profile .civic-section{padding:50px 0}
.office-profile .civic-heading>span{display:flex;align-items:center;gap:9px}.office-profile .civic-heading>span:before{content:"";width:18px;height:1px;background:#b58a24}
.office-profile .civic-heading h2{font-size:clamp(1.65rem,2.5vw,2.15rem);letter-spacing:-.015em}
.office-profile .office-unavailable{max-width:780px;padding:20px 22px;border-left:2px solid #b8c3cb;box-shadow:0 6px 20px rgba(31,48,63,.055)}

/* Motionless office directory with the About page's soft elevation. */
.office-directory-page *,
.office-directory-page *::before,
.office-directory-page *::after{
  animation:none!important;
  transition:none!important;
}
.office-directory-page .office-search,
.office-directory-page .office-card{
  border-color:rgba(217,225,230,.42)!important;
  background-color:#fff!important;
  box-shadow:0 8px 22px rgba(0,46,93,.06)!important;
  transform:none!important;
}
.office-directory-page .office-card:hover,
.office-directory-page .office-card:focus-within{
  border-color:rgba(217,225,230,.42)!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(0,46,93,.06)!important;
  transform:none!important;
}
.office-directory-page .office-search input,
.office-directory-page .office-search select,
.office-directory-page .office-search input:hover,
.office-directory-page .office-search select:hover,
.office-directory-page .office-search input:focus,
.office-directory-page .office-search select:focus,
.office-directory-page .office-search input:focus-visible,
.office-directory-page .office-search select:focus-visible,
.office-directory-page .office-search input:active,
.office-directory-page .office-search select:active{
  border:1px solid #cbd6dd!important;
  outline:0!important;
  outline-offset:0!important;
  background-color:#fff!important;
  box-shadow:none!important;
  filter:none!important;
}
.office-directory-page .office-search button,
.office-directory-page .office-search button:hover,
.office-directory-page .office-search button:focus,
.office-directory-page .office-search button:focus-visible,
.office-directory-page .office-search button:active{
  border-color:#003b70!important;
  outline:0!important;
  background:#003b70!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
.office-directory-page .office-card>a:focus,
.office-directory-page .office-card>a:focus-visible,
.office-directory-page .office-card>a:active{
  outline:0!important;
  box-shadow:none!important;
}
@media(max-width:900px){.office-hero-layout{grid-template-columns:1fr;gap:28px}.office-hero-layout aside{max-width:420px}.office-profile .civic-anchor-nav a:after{display:none}}
@media(max-width:600px){.office-profile-hero{padding:28px 0 34px}.office-profile-hero nav{margin-bottom:23px}.office-profile-hero h1{font-size:clamp(2rem,10vw,2.7rem)}.office-hero-layout aside{display:none}.office-profile .civic-section{padding:38px 0}}

/* Cleaner directory rhythm: unnumbered sections and compact, content-led cards. */
.office-directory-page .office-search{
  margin-bottom:34px;
  padding:22px 24px;
  border:0!important;
  border-radius:6px;
}
.office-directory-page .office-category{
  padding:0 0 38px;
}
.office-directory-page .office-category+ .office-category{
  padding-top:6px;
}
.office-directory-page .office-category>header{
  display:block;
  margin-bottom:18px;
  padding-bottom:13px;
}
.office-directory-page .office-category>header>span{
  display:none;
}
.office-directory-page .office-category h2{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  font-size:clamp(1.55rem,2.3vw,2rem);
  line-height:1.2;
}
.office-directory-page .office-category h2::before{
  width:28px;
  height:2px;
  flex:0 0 28px;
  background:#b88719;
  content:"";
}
.office-directory-page .office-category>header p{
  margin:7px 0 0 40px;
  max-width:720px;
}
.office-directory-page .office-card-grid{
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:16px;
  align-items:stretch;
}
.office-directory-page .office-card{
  min-height:178px;
  padding:22px 24px;
  border:0!important;
  border-radius:6px;
}
.office-directory-page .office-card>span{
  margin-bottom:8px;
}
.office-directory-page .office-card h3{
  margin:0 0 8px;
  font-size:1.08rem;
  line-height:1.35;
}
.office-directory-page .office-card p{
  margin:0 0 16px;
  line-height:1.55;
}
.office-directory-page .office-card small{
  margin-top:auto;
  padding-top:4px;
}
.office-directory-page .office-card>a{
  margin-top:16px;
}
@media(max-width:700px){
  .office-directory-page .office-search{padding:18px}
  .office-directory-page .office-category{padding-bottom:30px}
  .office-directory-page .office-card-grid{grid-template-columns:1fr}
  .office-directory-page .office-card{min-height:0}
}

/* Navy civic directory redesign. */
.office-directory-page,
.office-profile{
  --office-navy:#001e41;
  --office-blue:#003b70;
  --office-bright:#0877c9;
  --office-gold:#c99700;
  --office-line:#d9e2ea;
  --office-muted:#617487;
  font-family:"DM Sans","Segoe UI",Arial,sans-serif!important;
}
.office-directory-page .office-directory-hero{
  min-height:330px;
  padding:68px 0 96px!important;
  background:linear-gradient(118deg,#001e41 0%,#00345f 66%,#004b80 100%)!important;
}
.office-directory-page .office-directory-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:55px}
.office-directory-page .office-hero-copy>span{color:#e9bd37;font:700 .72rem/1.2 "DM Sans",sans-serif;letter-spacing:.14em}
.office-directory-page .office-hero-copy h1{max-width:980px;margin:12px 0 12px;color:#fff;font:750 clamp(2.65rem,5vw,4.55rem)/1.02 "Manrope","DM Sans",sans-serif;letter-spacing:-.045em}
.office-directory-page .office-hero-copy p{max-width:720px;color:#dce7f0;font-size:1rem;line-height:1.6}
.office-directory-summary{display:grid;grid-template-columns:repeat(2,128px);margin:0;border:1px solid rgba(255,255,255,.18);background:rgba(0,20,45,.24)}
.office-directory-summary div{padding:20px;border-right:1px solid rgba(255,255,255,.16)}
.office-directory-summary div:last-child{border-right:0}
.office-directory-summary dt{color:#fff;font:750 1.7rem/1 "Manrope",sans-serif}
.office-directory-summary dd{margin:7px 0 0;color:#c9d7e3;font-size:.65rem;line-height:1.35}
.office-directory-page .office-directory-content{padding:0 0 64px!important;background:#fff}
.office-directory-page .office-search{
  position:relative;
  z-index:2;
  grid-template-columns:190px minmax(280px,1fr) minmax(230px,310px) auto auto;
  align-items:end;
  gap:14px;
  margin:-46px 0 54px;
  padding:22px 24px!important;
  border:1px solid #d9e2ea!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(0,30,65,.09)!important;
}
.office-search-heading{align-self:center!important;gap:3px!important}
.office-search-heading span{color:#7a5a08;font-size:.61rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.office-search-heading strong{color:#001e41;font:700 1rem/1.3 "Manrope",sans-serif}
.office-directory-page .office-search label{color:#526779;font-size:.64rem;letter-spacing:.07em}
.office-directory-page .office-search input,
.office-directory-page .office-search select{height:45px!important;border-color:#ccd7e0!important;border-radius:5px!important;color:#173b5d!important;font:500 .8rem/1.3 "DM Sans",sans-serif!important}
.office-directory-page .office-search select{
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-right:46px!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23002d59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-position:right 16px center!important;
  background-repeat:no-repeat!important;
  background-size:18px 18px!important;
}
.office-directory-page .office-search input:focus,
.office-directory-page .office-search select:focus{border-color:#ccd7e0!important;outline:0!important;box-shadow:none!important}
.office-directory-page .office-search button{height:45px!important;min-width:145px;padding:0 19px!important;border:1px solid #003b70!important;border-radius:5px!important;background:#003b70!important;font:700 .76rem/1 "Manrope",sans-serif!important}
.office-directory-page .office-search>a{height:45px;color:#526779;font-size:.7rem}
.office-category-list{display:flex;flex-direction:column;gap:52px}
.office-directory-page .office-category{padding:0!important}
.office-directory-page .office-category+ .office-category{padding-top:0!important}
.office-directory-page .office-category>header{display:flex!important;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 18px;padding:0 0 15px;border-bottom:1px solid #dfe6ec}
.office-directory-page .office-category-label{display:block;color:#9a7000;font-size:.61rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.office-directory-page .office-category h2{display:block;margin:5px 0 0;color:#001e41;font:750 clamp(1.45rem,2.2vw,1.9rem)/1.2 "Manrope",sans-serif;letter-spacing:-.025em}
.office-directory-page .office-category h2:before{display:none!important}
.office-directory-page .office-category>header p{max-width:760px;margin:6px 0 0;color:#617487;font-size:.78rem;line-height:1.55}
.office-category-count{flex:none;padding:7px 10px;border:1px solid #d6e0e8;border-radius:4px;color:#526779;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.office-directory-page .office-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.office-directory-page .office-card{
  min-height:220px;
  padding:22px 22px 20px!important;
  border:1px solid #dce4ea!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(0,30,65,.045)!important;
}
.office-card-topline{display:flex;align-items:center;margin-bottom:12px;color:#6d7f90;font-size:.59rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.office-directory-page .office-card>span{display:none}
.office-directory-page .office-card h3{margin:0 0 8px;color:#002d59;font:700 1.02rem/1.4 "Manrope",sans-serif;letter-spacing:-.015em}
.office-directory-page .office-card p{margin:0 0 15px;color:#617487;font-size:.75rem;line-height:1.58}
.office-directory-page .office-card-placeholder{font-style:normal}
.office-directory-page .office-card small{color:#718496;font-size:.66rem}
.office-directory-page .office-card>a{margin-top:16px;color:#003b70;font:700 .65rem/1.2 "DM Sans",sans-serif;letter-spacing:.065em}
.office-directory-page .office-card:hover,
.office-directory-page .office-card:focus-within{border-color:#c7d3dd!important;background:#fbfcfd!important;box-shadow:0 7px 20px rgba(0,30,65,.045)!important;transform:none!important}
.office-directory-page .civic-empty{padding:30px;border:1px solid #dce4ea;background:#fff;color:#617487;text-align:center}
.office-directory-page button,
.office-directory-page input,
.office-directory-page select,
.office-directory-page a,
.office-directory-page .office-card{
  transition:none!important;
}
.office-directory-page button:focus,
.office-directory-page button:focus-visible,
.office-directory-page button:active,
.office-directory-page input:focus,
.office-directory-page input:focus-visible,
.office-directory-page input:active,
.office-directory-page select:focus,
.office-directory-page select:focus-visible,
.office-directory-page select:active{
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Office detail pages share the same visual system. */
.office-profile .office-profile-hero{padding:48px 0 54px;border:0;background:#001e41;color:#fff}
.office-profile .office-profile-hero:before{background-image:linear-gradient(90deg,rgba(0,30,65,.94) 0%,rgba(0,38,78,.84) 55%,rgba(0,45,89,.78) 100%),var(--office-banner,url('../../uploads/Municipal-hall-1.jpg'));background-position:center 56%;background-size:cover;box-shadow:none}
.office-profile .office-profile-hero nav,.office-profile .office-profile-hero nav a{color:#c9d7e3}
.office-profile .office-profile-category{color:#e4b72e}
.office-profile .office-profile-hero h1{color:#fff;font-family:"Manrope","DM Sans",sans-serif;letter-spacing:-.035em}
.office-profile .office-profile-hero p{color:#d6e2eb;font-family:"DM Sans",sans-serif}
.office-profile .office-hero-layout aside{border-left-color:#c99700}
.office-profile .office-hero-layout aside span{color:#e4b72e}.office-profile .office-hero-layout aside strong{color:#fff}.office-profile .office-hero-layout aside small{color:#c5d4df}
.office-profile .civic-heading h2,.office-profile .office-services h3,.office-profile .office-leadership h3,.office-profile .office-contact-cta h2{color:#001e41;font-family:"Manrope","DM Sans",sans-serif}
.office-profile .civic-heading>span,.office-profile .office-leadership>div>span,.office-profile .office-contact-cta span{color:#946c00}

@media(max-width:1050px){.office-directory-page .office-search{grid-template-columns:1fr 1fr}.office-search-heading{grid-column:1/-1}.office-directory-page .office-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.office-directory-page .office-directory-hero{min-height:0;padding:46px 0 78px!important}.office-directory-page .office-directory-hero-inner{grid-template-columns:1fr;gap:26px}.office-directory-summary{width:max-content}.office-directory-page .office-search{grid-template-columns:1fr;margin-top:-38px;padding:18px!important}.office-search-heading{grid-column:auto}.office-directory-page .office-search button,.office-directory-page .office-search>a{width:100%}.office-directory-page .office-category>header{align-items:flex-start;flex-direction:column;gap:12px}.office-directory-page .office-card-grid{grid-template-columns:1fr}.office-category-list{gap:40px}}

/* Compact office cards without stretched empty space. */
.office-directory-page .office-card-grid{align-items:start!important}
.office-directory-page .office-card{
  min-height:0!important;
  height:auto!important;
  padding:22px!important;
  border:0!important;
  box-shadow:0 7px 22px rgba(0,30,65,.055)!important;
}

/* Façade-led directory hero with the homepage's navy civic palette. */
.office-directory-page .office-directory-hero{
  min-height:300px!important;
  padding:54px 0 82px!important;
  background-color:#001e41!important;
  background-image:linear-gradient(90deg,rgba(0,20,48,.92) 0%,rgba(0,31,67,.82) 58%,rgba(0,45,84,.7) 100%),url('../../uploads/Municipal-hall-1.jpg')!important;
  background-position:center 53%!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.office-directory-page .office-hero-copy h1{
  font-family:"Satisfy","Segoe Script","Brush Script MT",cursive!important;
  max-width:850px!important;
  margin:8px 0 12px!important;
  font-size:clamp(2.75rem,4.25vw,4.2rem)!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  text-shadow:0 3px 18px rgba(0,15,35,.32);
}
.office-directory-page .office-hero-copy p{color:#edf4f9!important;text-shadow:0 1px 5px rgba(0,15,35,.4)}
.office-directory-page .office-directory-hero-inner{align-items:center!important;gap:64px!important}
.office-directory-page .office-directory-summary{
  grid-template-columns:repeat(2,150px)!important;
  overflow:hidden;
  border:0!important;
  border-radius:8px;
  background:rgba(0,24,55,.62);
  box-shadow:0 12px 30px rgba(0,13,32,.18);
  backdrop-filter:blur(3px)
}
.office-directory-page .office-directory-summary div{padding:22px 24px!important;border-right:0!important}
.office-directory-page .office-directory-summary div+div{border-left:1px solid rgba(255,255,255,.12)!important}
.office-directory-page .office-directory-summary dt{font-size:1.65rem!important}
.office-directory-page .office-directory-summary dd{font-size:.68rem!important}
@media(max-width:720px){
  .office-directory-page .office-directory-hero{background-position:58% center!important}
  .office-directory-page .office-hero-copy h1{font-size:clamp(2.45rem,11vw,3.6rem)!important}
  .office-directory-page .office-directory-summary{grid-template-columns:repeat(2,128px)!important}
}
@media(max-width:720px){
  .office-profile .office-profile-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* Shared cursive hero title across the Offices & Departments tab. */
.office-profile .office-profile-hero h1{
  max-width:940px;
  margin:10px 0 12px;
  color:#fff;
  font-family:"Satisfy","Segoe Script","Brush Script MT",cursive!important;
  font-size:clamp(2.85rem,5vw,4.85rem);
  font-style:normal;
  font-weight:400;
  line-height:1.08;
  letter-spacing:0;
  text-shadow:0 3px 18px rgba(0,15,35,.32);
}
@media(max-width:720px){
  .office-profile .office-profile-hero h1{font-size:clamp(2.55rem,12vw,3.65rem)}
}

/* Refined directory cards with compact actions and stronger hierarchy. */
.office-directory-page .office-directory-content{background:#f7f9fb!important}
.office-directory-page .office-category-list{gap:64px}
.office-directory-page .office-category>header{border-bottom:0!important;margin-bottom:22px!important;padding-bottom:0!important}
.office-directory-page .office-category h2{font-size:clamp(1.65rem,2.4vw,2.15rem)!important}
.office-directory-page .office-card-grid{gap:20px!important;align-items:stretch!important}
.office-directory-page .office-card{
  position:relative;
  min-height:250px!important;
  height:100%!important;
  padding:28px!important;
  overflow:hidden;
  border:0!important;
  border-top:3px solid #c99700!important;
  border-radius:9px!important;
  box-shadow:0 8px 26px rgba(0,30,65,.065)!important;
}
.office-directory-page .office-card-topline{margin-bottom:18px;color:#7b6640!important;font-size:10px!important;letter-spacing:.1em!important}
.office-directory-page .office-card h3{max-width:440px;margin-bottom:10px!important;font-size:18px!important;line-height:1.38!important}
.office-directory-page .office-card p{font-size:13px!important;line-height:1.65!important}
.office-directory-page .office-card small{display:block;margin-top:auto;padding-top:4px;font-size:12px!important}
.office-directory-page .office-card>a{
  align-self:flex-start;
  width:auto;
  margin-top:auto!important;
  padding:10px 15px;
  border-radius:6px;
  background:#eef3f7;
  color:#003b70!important;
  font-size:11px!important;
  letter-spacing:.035em!important;
  text-transform:uppercase;
}
.office-directory-page .office-card:hover,
.office-directory-page .office-card:focus-within{border-top-color:#c99700!important;background:#fff!important;box-shadow:0 8px 26px rgba(0,30,65,.065)!important}
@media(max-width:720px){.office-directory-page .office-category-list{gap:46px}.office-directory-page .office-card{min-height:220px!important;padding:24px!important}}
.office-directory-page .office-card small{
  margin-top:8px!important;
  padding-top:0!important;
}
.office-directory-page .office-card>a{margin-top:14px!important}
.office-directory-page .office-card:hover,
.office-directory-page .office-card:focus-within{
  border:0!important;
  box-shadow:0 8px 24px rgba(0,30,65,.065)!important;
}

/* Premium office directory cards with clear actions. */
.office-directory-page .office-category>header{
  margin-bottom:20px!important;
  padding-bottom:0!important;
  border-bottom:0!important;
}
.office-directory-page .office-category-label{
  color:#6f8294!important;
  font-size:.62rem!important;
  letter-spacing:.1em!important;
}
.office-directory-page .office-category h2{
  margin-top:6px!important;
  font-size:clamp(1.55rem,2.1vw,2rem)!important;
}
.office-directory-page .office-card-grid{gap:20px!important}
.office-directory-page .office-card{
  overflow:hidden!important;
  padding:28px!important;
  border:0!important;
  border-top:3px solid #c99700!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 9px 28px rgba(0,30,65,.065)!important;
}
.office-directory-page .office-card-topline{
  margin-bottom:14px!important;
  color:#6a7f92!important;
  font-size:.61rem!important;
  letter-spacing:.09em!important;
}
.office-directory-page .office-card h3{
  margin-bottom:9px!important;
  color:#001e41!important;
  font-size:1.05rem!important;
  line-height:1.35!important;
}
.office-directory-page .office-card p{
  margin-bottom:0!important;
  color:#687b8e!important;
  font-size:.76rem!important;
  line-height:1.55!important;
}
.office-directory-page .office-card small{
  display:block!important;
  margin-top:16px!important;
  color:#718496!important;
}
.office-directory-page .office-card>a,
.office-directory-page .office-card>a:hover,
.office-directory-page .office-card>a:focus,
.office-directory-page .office-card>a:active{
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-height:38px!important;
  margin-top:20px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:6px!important;
  background:#eef3f7!important;
  color:#003b70!important;
  font:700 .68rem/1 "DM Sans",sans-serif!important;
  letter-spacing:.035em!important;
  box-shadow:none!important;
  transform:none!important;
}
.office-directory-page .office-card>a:hover,
.office-directory-page .office-card>a:focus{background:#eef3f7!important;color:#003b70!important}
.office-directory-page .office-card:hover,
.office-directory-page .office-card:focus-within{
  background:#fff!important;
  border-top-color:#c99700!important;
  box-shadow:0 9px 28px rgba(0,30,65,.065)!important;
}

/* Motionless cards and homepage-style navy actions. */
.office-directory-page .office-card,
.office-directory-page .office-card:hover,
.office-directory-page .office-card:focus,
.office-directory-page .office-card:focus-within,
.office-directory-page .office-card:active{
  animation:none!important;
  transition:none!important;
  transform:none!important;
}
.office-directory-page .office-card>a,
.office-directory-page .office-card>a:hover,
.office-directory-page .office-card>a:focus,
.office-directory-page .office-card>a:focus-visible,
.office-directory-page .office-card>a:active{
  border:0!important;
  outline:0!important;
  background:#003b70!important;
  color:#fff!important;
  box-shadow:none!important;
  animation:none!important;
  transition:none!important;
  transform:none!important;
}
.office-directory-page .office-card>a:hover,
.office-directory-page .office-card>a:focus,
.office-directory-page .office-card>a:active{background:#dcecf6!important;color:#001e41!important}
.office-directory-page~.lgu-footer .lgu-scroll-top,
body:has(.office-directory-page) .lgu-scroll-top,
body:has(.office-directory-page) .lgu-scroll-top.is-visible{
  animation:none!important;
  transition:none!important;
  transform:none!important;
}

/* Fully static office directory interactions. */
.office-directory-page *,
.office-directory-page *::before,
.office-directory-page *::after,
body:has(.office-directory-page) .lgu-scroll-top,
body:has(.office-directory-page) .lgu-scroll-top *{
  animation:none!important;
  transition:none!important;
}
.office-directory-page .office-card,
.office-directory-page .office-card:hover,
.office-directory-page .office-card:focus,
.office-directory-page .office-card:focus-within,
.office-directory-page .office-card:active,
.office-directory-page .office-card>a,
.office-directory-page .office-card>a:hover,
.office-directory-page .office-card>a:focus,
.office-directory-page .office-card>a:active,
body:has(.office-directory-page) .lgu-scroll-top,
body:has(.office-directory-page) .lgu-scroll-top.is-visible{
  transform:none!important;
}

/* Match the homepage View All Services control. */
.office-directory-page .office-card>a,
.office-directory-page .office-card>a:hover,
.office-directory-page .office-card>a:focus,
.office-directory-page .office-card>a:focus-visible,
.office-directory-page .office-card>a:active{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:190px!important;
  min-height:50px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:5px!important;
  background:#003b70!important;
  color:#fff!important;
  font:700 12px/1 "DM Sans","Segoe UI",Arial,sans-serif!important;
  letter-spacing:.025em!important;
  text-align:center!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .2s ease,color .2s ease!important;
}
.office-directory-page .office-card>a:hover,
.office-directory-page .office-card>a:focus,
.office-directory-page .office-card>a:focus-visible{background:#07568f!important;color:#fff!important;outline:0!important}
.office-directory-page .office-card>a:active{background:#002d59!important;color:#fff!important}

/* Hard lock card geometry against legacy hover-lift rules. */
html body main.office-directory-page .office-card,
html body main.office-directory-page .office-card:hover,
html body main.office-directory-page .office-card:focus,
html body main.office-directory-page .office-card:focus-visible,
html body main.office-directory-page .office-card:focus-within,
html body main.office-directory-page .office-card:active{
  position:relative!important;
  top:0!important;
  bottom:auto!important;
  margin-top:0!important;
  translate:none!important;
  scale:none!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
  box-shadow:0 9px 28px rgba(0,30,65,.065)!important;
  will-change:auto!important;
}
html body main.office-directory-page .office-card *,
html body main.office-directory-page .office-card *:hover,
html body main.office-directory-page .office-card *:focus,
html body main.office-directory-page .office-card *:active{
  translate:none!important;
  scale:none!important;
  transform:none!important;
}

/* Compact, static office actions. */
html body main.office-directory-page .office-card>a,
html body main.office-directory-page .office-card>a:hover,
html body main.office-directory-page .office-card>a:focus,
html body main.office-directory-page .office-card>a:focus-visible,
html body main.office-directory-page .office-card>a:active{
  width:164px!important;
  min-width:0!important;
  min-height:40px!important;
  margin-top:14px!important;
  padding:0 13px!important;
  font-size:10px!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  animation:none!important;
}

/* Stable office directory interactions and downward service-group menu. */
html body main.office-directory-page :is(.office-search,.office-category,.office-card,.office-card-grid),
html body main.office-directory-page :is(.office-search,.office-category,.office-card,.office-card-grid):is(:hover,:focus,:focus-within,:active){
  transform:none!important;
  translate:none!important;
  scale:none!important;
  animation:none!important;
}
.office-directory-page .office-search{overflow:visible!important}
.office-directory-page .office-search input{
  direction:ltr!important;
  text-align:left!important;
}
.office-directory-page .office-category-field{position:relative;z-index:20;display:grid;gap:7px;direction:ltr;text-align:left}
.office-directory-page .office-category-trigger,
.office-directory-page .office-category-trigger:hover,
.office-directory-page .office-category-trigger:focus,
.office-directory-page .office-category-trigger:active{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  height:45px!important;
  min-width:0!important;
  padding:0 15px!important;
  border:1px solid #ccd7e0!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#173b5d!important;
  font:500 .8rem/1.3 "DM Sans",sans-serif!important;
  text-align:left!important;
  box-shadow:none!important;
  transform:none!important;
}
.office-directory-page .office-category-trigger i{width:8px;height:8px;margin:-4px 3px 0 18px;border-right:2px solid #173b5d;border-bottom:2px solid #173b5d;transform:rotate(45deg)!important}
.office-directory-page .office-category-trigger[aria-expanded="true"] i{margin-top:4px;transform:rotate(225deg)!important}
.office-directory-page .office-category-menu{
  position:absolute!important;
  z-index:100!important;
  top:calc(100% + 7px)!important;
  right:0!important;
  left:0!important;
  max-height:270px!important;
  padding:6px!important;
  overflow-y:auto!important;
  border:1px solid #ccd7e0!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:0 14px 30px rgba(0,30,65,.14)!important;
}
.office-directory-page .office-category-menu[hidden]{display:none!important}
.office-directory-page .office-category-menu button,
.office-directory-page .office-category-menu button:hover,
.office-directory-page .office-category-menu button:focus,
.office-directory-page .office-category-menu button:active{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:38px!important;
  padding:9px 11px!important;
  border:0!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#173b5d!important;
  font:500 13px/1.35 "DM Sans",sans-serif!important;
  text-align:left!important;
  box-shadow:none!important;
  transform:none!important;
}
.office-directory-page .office-category-menu button:hover,
.office-directory-page .office-category-menu button:focus-visible{background:#edf3f7!important;color:#001e41!important}
.office-directory-page .office-category-menu button[aria-selected="true"]{background:#e5eef5!important;color:#001e41!important;font-weight:700!important}

/* Government-services card language for the office directory. */
html body main.office-directory-page .office-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important}
html body main.office-directory-page .office-card,
html body main.office-directory-page .office-card:hover,
html body main.office-directory-page .office-card:focus-within{
  min-height:265px!important;
  height:100%!important;
  padding:30px!important;
  overflow:hidden!important;
  border:1px solid #e1e6eb!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#fff 0%,#fff 74%,#f3f7fa 100%)!important;
  box-shadow:0 12px 34px rgba(0,30,65,.07)!important;
  transform:none!important;
}
html body main.office-directory-page .office-card:hover,
html body main.office-directory-page .office-card:focus-within{border-color:#c7d4dd!important;box-shadow:0 12px 34px rgba(0,30,65,.07)!important}
.office-directory-page .office-card::before{content:""!important;display:block!important;position:absolute!important;right:-52px!important;bottom:-58px!important;width:155px!important;height:155px!important;border:1px solid rgba(0,59,112,.12)!important;border-radius:50%!important;background:rgba(0,59,112,.035)!important;pointer-events:none!important}
.office-directory-page .office-card-topline{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;margin:0 0 25px!important;color:#536f86!important;font:800 10px/1.25 Manrope,Arial,sans-serif!important;letter-spacing:.13em!important}
.office-directory-page .office-card-icon{display:grid!important;place-items:center!important;flex:0 0 54px!important;width:54px!important;height:54px!important;border:1px solid #c8d8e3!important;border-radius:10px!important;background:#edf4f8!important;color:#003b70!important}
.office-directory-page .office-card-icon svg{width:27px!important;height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.office-directory-page .office-card h3{margin:0 0 8px!important;color:#001e41!important;font:800 18px/1.35 Manrope,Arial,sans-serif!important}
.office-directory-page .office-card p{margin:0!important;color:#627384!important;font-size:14px!important;line-height:1.65!important}
.office-directory-page .office-card small{margin-top:10px!important;color:#718496!important;font-size:12px!important}
html body main.office-directory-page .office-card>a,
html body main.office-directory-page .office-card>a:hover,
html body main.office-directory-page .office-card>a:focus,
html body main.office-directory-page .office-card>a:active{
  position:relative!important;z-index:2!important;align-self:flex-start!important;width:164px!important;min-height:40px!important;margin-top:auto!important;padding:0 13px!important;border-radius:6px!important;background:#003b70!important;color:#fff!important;font-size:10px!important;transform:none!important
}
html body main.office-directory-page .office-card>a:hover,
html body main.office-directory-page .office-card>a:focus-visible{background:#0a416e!important;color:#fff!important}
@media(max-width:1050px){html body main.office-directory-page .office-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){html body main.office-directory-page .office-card-grid{grid-template-columns:1fr!important}html body main.office-directory-page .office-card{min-height:245px!important;padding:24px 40px!important}}

/* Premium directory cards: restrained geometry with no decorative bubbles. */
html body main.office-directory-page .office-card,
html body main.office-directory-page .office-card:hover,
html body main.office-directory-page .office-card:focus-within{
  border-radius:0!important;
  border-top:2px solid #c99700!important;
  box-shadow:0 10px 24px rgba(0,30,65,.06)!important;
}
html body main.office-directory-page .office-card::before{display:none!important;content:none!important}
html body main.office-directory-page .office-card-icon{border-radius:0!important}
html body main.office-directory-page .office-card>a,
html body main.office-directory-page .office-card>a:hover,
html body main.office-directory-page .office-card>a:focus,
html body main.office-directory-page .office-card>a:active{border-radius:0!important}

@media(max-width:720px){
  .office-profile .office-leadership{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
    gap:24px!important;
  }
  .office-profile .office-leadership img,
  .office-profile .office-official-placeholder{
    width:min(100%,240px)!important;
    height:280px!important;
    margin:0 auto!important;
    border-radius:0!important;
  }
  .office-profile .office-leadership>div{
    width:100%!important;
    text-align:center!important;
  }
}

/* The service-group trigger is a form field, not a primary action button. */
html body .office-directory-page .office-search .office-category-trigger,
html body .office-directory-page .office-search .office-category-trigger:hover,
html body .office-directory-page .office-search .office-category-trigger:focus,
html body .office-directory-page .office-search .office-category-trigger:focus-visible,
html body .office-directory-page .office-search .office-category-trigger:active,
html body .office-directory-page .office-search .office-category-trigger[aria-expanded="true"]{
  width:100%!important;
  min-width:0!important;
  height:45px!important;
  padding:0 15px!important;
  border:1px solid #ccd7e0!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#173b5d!important;
  -webkit-text-fill-color:#173b5d!important;
  box-shadow:none!important;
  outline:0!important;
  transform:none!important;
}
html body .office-directory-page .office-search .office-category-trigger:hover,
html body .office-directory-page .office-search .office-category-trigger:focus-visible,
html body .office-directory-page .office-search .office-category-trigger[aria-expanded="true"]{
  border-color:#b8c8d3!important;
  background:#f4f7f9!important;
  color:#001e41!important;
  -webkit-text-fill-color:#001e41!important;
}
html body .office-directory-page .office-search .office-category-trigger i{
  flex:0 0 8px!important;
  border-color:#294c69!important;
}