:root{--color-navy:#001e41;--color-navy-dark:#000f28;--color-green:#004b1e;--color-green-accent:#087a3d;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-border:#e5e7eb;--color-text:#1f2937;--color-muted:#6b7280;--color-danger:#c8191e;--lgu-font:"Inter","Segoe UI",Arial,sans-serif}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;color:var(--color-text);font-family:var(--lgu-font)}img{max-width:100%;height:auto}.lgu-container{width:min(1200px,calc(100% - 32px));margin-inline:auto}.lgu-header{position:relative;z-index:100;background:#fff;font-family:var(--lgu-font)}.lgu-utility{background:var(--color-navy-dark);color:#fff;font-size:12px}.lgu-utility-inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lgu-contact{display:flex;align-items:center;gap:22px}.lgu-utility a{color:#fff;text-decoration:none}.lgu-nav-wrap{background:#fff;border-bottom:1px solid var(--color-border)}.lgu-nav-inner{min-height:72px;display:flex;align-items:center;gap:22px}.lgu-brand{display:flex;align-items:center;gap:10px;min-width:220px;color:var(--color-text);text-decoration:none}.lgu-seal,.lgu-footer-seal{display:grid;place-items:center;border:3px solid #d8ad30;border-radius:50%;background:var(--color-green);color:#fff;font:700 22px Georgia,serif}.lgu-seal{width:52px;height:52px}.lgu-brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.lgu-brand small{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.lgu-brand strong{font-size:19px;color:var(--color-navy);margin-top:2px}.lgu-brand em{font-size:10px;color:var(--color-muted);font-style:normal;margin-top:4px}.lgu-primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:15px;width:100%;font-size:11px;font-weight:600;text-transform:uppercase}.lgu-primary-nav>a,.lgu-dropdown>button{position:relative;min-height:44px;display:flex;align-items:center;border:0;background:none;color:var(--color-text);font:inherit;text-transform:inherit;text-decoration:none;white-space:nowrap;cursor:pointer}.lgu-primary-nav>a:not(.lgu-portal-link):after,.lgu-dropdown:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:var(--color-green-accent);transition:right .15s}.lgu-primary-nav>a:hover:after,.lgu-primary-nav>a.active:after,.lgu-dropdown:hover:after,.lgu-dropdown.active:after{right:0}.lgu-dropdown{position:relative}.lgu-dropdown>button{gap:5px}.lgu-dropdown>button span{font-size:13px;transition:transform .15s}.lgu-dropdown.open>button span{transform:rotate(180deg)}.lgu-dropdown-menu{position:absolute;display:none;top:calc(100% + 4px);left:-12px;min-width:205px;padding:7px;background:#fff;border:1px solid var(--color-border);border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.lgu-dropdown.open .lgu-dropdown-menu{display:block}.lgu-dropdown-menu a{display:block;padding:9px 10px;border-radius:4px;color:var(--color-text);font-size:12px;font-weight:500;text-transform:none;text-decoration:none}.lgu-dropdown-menu a:hover,.lgu-dropdown-menu a:focus{background:var(--color-gray-100);color:var(--color-green)}.lgu-portal-link{padding:0 13px!important;border-radius:6px!important;background:var(--color-green)!important;color:#fff!important}.lgu-portal-link:hover{background:var(--color-green-accent)!important}.lgu-menu-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid var(--color-border);border-radius:6px;background:#fff}.lgu-menu-toggle span{display:block;width:22px;height:2px;margin:4px auto;background:var(--color-navy)}.lgu-footer{background:var(--color-navy);color:#dbe4ee;font-family:var(--lgu-font)}.lgu-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding:32px 0 26px}.lgu-footer section{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.lgu-footer h2{margin:0 0 7px;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase}.lgu-footer p,.lgu-footer a{margin:0;color:#dbe4ee;font-size:12px;line-height:1.55;text-decoration:none}.lgu-footer a:hover,.lgu-footer a:focus{color:#fff;text-decoration:underline}.lgu-footer-seal{width:58px;height:58px;margin-top:10px;font-size:20px}.lgu-footer-bottom{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.18);font-size:11px}.lgu-footer-bottom nav{display:flex;gap:0}.lgu-footer-bottom nav a{padding:0 12px;border-right:1px solid rgba(255,255,255,.3)}.lgu-footer-bottom nav a:last-child{border:0;padding-right:0}:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
@media(max-width:1199px){.lgu-container{width:min(100% - 28px,1120px)}.lgu-nav-inner{min-height:68px}.lgu-brand{min-width:195px}.lgu-primary-nav{gap:10px;font-size:10px}.lgu-portal-link{padding-inline:10px!important}}
@media(max-width:1023px){.lgu-menu-toggle{display:block;margin-left:auto}.lgu-primary-nav{position:absolute;display:none;top:100%;left:14px;right:14px;width:auto;max-height:calc(100vh - 110px);overflow-y:auto;align-items:stretch;padding:10px;background:#fff;border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.1);font-size:13px}.lgu-primary-nav.open{display:flex;flex-direction:column}.lgu-primary-nav>a,.lgu-dropdown>button{width:100%;min-height:46px;padding:0 10px;justify-content:space-between}.lgu-primary-nav>a:after,.lgu-dropdown:after{display:none}.lgu-dropdown-menu{position:static;min-width:0;margin:0 8px 7px;padding:4px;box-shadow:none;border-left:3px solid var(--color-green-accent)}.lgu-dropdown-menu a{min-height:42px;display:flex;align-items:center}.lgu-portal-link{justify-content:center!important;margin-top:5px}.lgu-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.lgu-container{width:calc(100% - 24px)}.lgu-utility-inner{min-height:36px}.lgu-contact span,.lgu-contact a:nth-child(2){display:none}.lgu-contact{gap:8px}.lgu-utility{font-size:11px}.lgu-nav-inner{min-height:64px}.lgu-seal{width:44px;height:44px;font-size:18px}.lgu-brand strong{font-size:16px}.lgu-brand{min-width:0}.lgu-footer-grid{grid-template-columns:1fr;gap:24px;padding:28px 0}.lgu-footer-bottom{padding:15px 0;flex-direction:column;text-align:center}.lgu-footer-bottom nav{flex-wrap:wrap;justify-content:center}}
@media(max-width:479px){.lgu-brand small,.lgu-brand em{font-size:9px}.lgu-primary-nav{left:8px;right:8px}.lgu-footer-bottom nav a{padding:0 8px}}
.lgu-dropdown-menu form{margin:0;border-top:1px solid var(--color-border);padding-top:4px}.lgu-dropdown-action{display:block;width:100%;padding:9px 10px;border:0;border-radius:4px;background:#fff;color:var(--color-text);font:500 12px/1.4 var(--lgu-font);text-align:left;cursor:pointer}.lgu-dropdown-action:hover,.lgu-dropdown-action:focus{background:var(--color-gray-100);color:var(--color-green);outline:0}
@media(max-width:1023px){.lgu-dropdown-action{min-height:42px;display:flex;align-items:center;font-size:12px}}
.lgu-citizen-nav-tools{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-left:auto;text-transform:none}.lgu-citizen-nav-tools .header-search-form{display:flex!important;align-items:center;max-width:285px!important;margin:0}.lgu-citizen-nav-tools .search-from{width:180px;min-height:40px;margin:0 7px 0 0!important;padding:8px 11px;border:1px solid var(--lgu-border);border-radius:5px;font:400 12px/1.4 var(--lgu-font);box-shadow:none}.lgu-citizen-nav-tools .search-from:focus{border-color:var(--lgu-green-accent);box-shadow:0 0 0 3px rgba(8,122,61,.1)}.lgu-citizen-nav-tools .btn-search{min-height:40px;padding:0 14px;border:1px solid var(--lgu-green);border-radius:5px;background:var(--lgu-green);color:#fff;font:600 12px/1 var(--lgu-font);box-shadow:none}.lgu-citizen-nav-tools .btn-search:hover{background:var(--lgu-green-accent);border-color:var(--lgu-green-accent)}.lgu-citizen-nav-tools .epayment-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 14px!important;border:0;border-radius:5px;background:var(--lgu-green-accent)!important;color:#fff;font:700 11px/1 var(--lgu-font);box-shadow:none}.lgu-citizen-nav-tools .dropdown-toggle{color:var(--lgu-navy)!important}.lgu-citizen-nav-tools .dropdown-toggle:after{display:none}.lgu-citizen-nav-tools .dropdown-menu{border:1px solid var(--lgu-border);border-radius:6px;box-shadow:0 4px 14px rgba(0,30,65,.1)}.lgu-citizen-nav-tools .dropdown-item{font:500 12px/1.4 var(--lgu-font)}
@media(max-width:1199px){.lgu-citizen-nav-tools .search-from{width:150px}.lgu-citizen-nav-tools{gap:9px}}
@media(max-width:1023px){.lgu-citizen-nav-tools{width:100%;margin:8px 0 0;padding-top:10px;border-top:1px solid var(--lgu-border);justify-content:flex-start;flex-wrap:wrap}.lgu-citizen-nav-tools .header-search-form{width:100%;max-width:none!important}.lgu-citizen-nav-tools .search-from{width:auto;flex:1}.lgu-citizen-nav-tools>div{flex-wrap:wrap}}
.lgu-footer-grid--citizen{grid-template-columns:1.15fr 1.25fr 1fr 1fr 1fr;gap:34px;padding-top:36px}.lgu-footer-grid--citizen section{gap:8px}.lgu-footer-grid--citizen h2{margin-bottom:8px;font-size:13px}.lgu-footer-grid--citizen p,.lgu-footer-grid--citizen a{font-size:12px;line-height:1.6}.lgu-footer-grid--citizen .lgu-footer-seal{width:66px;height:66px;margin-top:8px}
@media(max-width:1199px){.lgu-footer-grid--citizen{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.lgu-footer-grid--citizen{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:520px){.lgu-footer-grid--citizen{grid-template-columns:1fr}}
@media(max-width:767px){
  .lgu-utility-inner{display:grid;grid-template-columns:1fr;gap:5px;padding:7px 0}
  .lgu-contact{justify-content:center;min-width:0}
  .lgu-contact a{white-space:nowrap}
  .lgu-utility-links{display:grid;grid-template-columns:auto auto auto;justify-content:center;gap:0 9px;width:100%;font-size:10px}
  .lgu-utility-links a{white-space:nowrap}
  .lgu-citizen-date{grid-column:1/-1;margin-bottom:1px;text-align:center;white-space:nowrap}
}

@media(max-width:420px){
  .lgu-utility{font-size:10px}
  .lgu-utility-links{font-size:9px;gap:0 7px}
  .lgu-contact a{font-size:9px}
  .lgu-nav-inner{gap:10px}
  .lgu-header-wordmark{max-width:170px;height:auto}
}
.lgu-primary-nav>.lgu-citizen-nav-link{justify-content:center;text-align:center}
@media(min-width:1024px){
  .lgu-primary-nav--citizen{display:grid;grid-template-columns:1fr auto 1fr;gap:18px}
  .lgu-primary-nav--citizen .lgu-official-website-link{grid-column:2;justify-self:center;color:#001e41;font-weight:700;letter-spacing:.02em}
  .lgu-primary-nav--citizen .lgu-official-website-link:after{display:none}
  .lgu-primary-nav--citizen .lgu-citizen-nav-tools{grid-column:3;justify-self:end;margin-left:0}
}

/* Borderless authenticated search control. */
html body .lgu-citizen-nav-tools .lgu-public-search-toggle,
html body .lgu-citizen-nav-tools .lgu-public-search-toggle:hover,
html body .lgu-citizen-nav-tools .lgu-public-search-toggle:focus,
html body .lgu-citizen-nav-tools .lgu-public-search-toggle:focus-visible,
html body .lgu-citizen-nav-tools .lgu-public-search-toggle:active,
html body .lgu-citizen-nav-tools .lgu-public-search-toggle[aria-expanded="true"]{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
@media(min-width:1024px){
  .lgu-primary-nav--public{
    flex:1;
    width:auto;
    justify-content:flex-end;
    gap:clamp(24px,2.6vw,48px);
    margin-left:auto
  }
  .lgu-primary-nav--public .lgu-portal-link{margin-left:8px}
}

/* Keep the hero search aligned with the copy column, not the full grid track */
@media(min-width:901px){
  .municipal-homepage .hero-copy .service-search{
    width:560px;
    max-width:100%;
  }
}
 .lgu-account-logout-icon{display:none}
@media(max-width:1023px){
  .lgu-primary-nav .lgu-dropdown-menu{
    border-left-color:#00345f;
    background:#f8fbfd;
  }
  .lgu-primary-nav .lgu-dropdown-menu a:hover,
  .lgu-primary-nav .lgu-dropdown-menu a:focus-visible{
    background:#dcecf6;
    color:#00345f;
    outline:0;
  }
}

/* Compact Mayor's Welcome with a restrained translucent-gold divider. */
@media(min-width:1101px){
  .municipal-homepage .mayor-welcome{
    min-height:430px!important;
  }
  .municipal-homepage .mayor-photo-placeholder{
    position:relative;
    min-height:430px!important;
    padding:24px!important;
    border-right:0!important;
  }
  .municipal-homepage .mayor-photo-placeholder:after{
    content:"";
    position:absolute;
    top:0;
    right:-2px;
    bottom:0;
    width:4px;
    background:rgba(255,201,54,.62);
  }
  .municipal-homepage .mayor-welcome-copy{
    padding:34px 42px!important;
  }
  .municipal-homepage .mayor-welcome-copy h2{
    margin-bottom:19px!important;
  }
  .municipal-homepage .mayor-welcome-copy blockquote{
    padding-left:43px!important;
    font-size:17px!important;
    line-height:1.48!important;
  }
  .municipal-homepage .mayor-quick-actions{
    gap:10px!important;
    padding:24px!important;
  }
  .municipal-homepage .mayor-quick-actions a,
  .municipal-homepage .mayor-quick-actions a:hover,
  .municipal-homepage .mayor-quick-actions a:focus,
  .municipal-homepage .mayor-quick-actions a:focus-visible{
    min-height:118px!important;
    padding:16px 18px!important;
  }
}
@media(max-width:720px){
  .municipal-homepage .mayor-photo-placeholder{
    position:relative;
    min-height:205px!important;
    border-bottom:0!important;
  }
  .municipal-homepage .mayor-photo-placeholder:after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:4px;
    background:rgba(255,201,54,.62);
  }
}

/* Let civic cards end with their content instead of stretching to the tallest card */
.municipal-homepage .civic-insights{align-items:start}
.municipal-homepage .civic-accomplishments,
.municipal-homepage .civic-weather,
.municipal-homepage .citizen-care{
  align-self:start;
  height:auto;
  min-height:0;
}
.municipal-homepage .citizen-care .citizen-care-action{margin-top:24px}

@media(min-width:1024px){
  .lgu-header .lgu-primary-nav--public{gap:clamp(14px,1.2vw,20px)!important}
}

/* Civic information closes the homepage immediately before the footer */
.municipal-homepage #main-content{
  display:flex;
  flex-direction:column;
}
.municipal-homepage #main-content>.civic-insights{
  order:100;
  margin-top:38px;
  margin-bottom:42px;
}
@media(max-width:700px){
  .municipal-homepage #main-content>.civic-insights{margin-top:28px;margin-bottom:30px}
}

/* Center the Google Calendar synchronization status as one unit. */
html body.municipal-homepage .calendar-panel .sync-note{
  justify-content:center!important;
  width:100%!important;
  text-align:left!important;
}

/* Source-labelled update fallbacks and compact portal action */
.municipal-homepage .updates-header-actions .updates-view-all{
  min-height:36px;
  padding:0 14px;
  border:0;
  border-radius:4px;
  background:#003b70;
  color:#fff;
  font-family:"DM Sans","Segoe UI",Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  box-shadow:none;
  transform:none;
  transition:none;
}
.municipal-homepage .updates-header-actions .updates-view-all span{width:auto;margin-left:7px;color:#fff}
.municipal-homepage .updates-header-actions .updates-view-all:hover,
.municipal-homepage .updates-header-actions .updates-view-all:focus,
.municipal-homepage .updates-header-actions .updates-view-all:focus-visible{
  border:0;
  background:#07568f;
  color:#fff;
  outline:0;
  box-shadow:none;
  transform:none;
}
.official-update-source{color:#78867f!important;font-size:9px!important}
.official-update-fallback{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;min-height:76px;padding:10px 4px;border-bottom:1px solid #e0e7e3}
.official-update-fallback:last-child{border-bottom:0}
.official-fallback-seal{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#eef4f1}
.official-fallback-seal img{width:34px;height:34px;object-fit:contain}
.official-update-fallback>span:last-child{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}
.official-update-fallback strong{color:#001e41;font-size:12px;line-height:1.3}
.official-update-fallback small{color:#74827b;font-size:9px}
.facebook-native-post--fallback{min-height:86px}
.facebook-native-post--fallback img{object-fit:contain;padding:5px;background:#f5f8f6}
.facebook-native-post--fallback>span{gap:4px}
.facebook-native-source{color:#78867f!important;font-size:9px!important}
@media(max-width:600px){
  .municipal-homepage .updates-header-actions .updates-view-all{min-height:34px;padding-inline:12px}
  .official-update-fallback{grid-template-columns:42px minmax(0,1fr)}
}

/* Quiet premium treatment for the homepage updates workspace. */
.municipal-homepage .home-main-column>.updates-panel--portal{
  overflow:hidden!important;
  border:1px solid rgba(0,52,95,.12)!important;
  border-radius:12px!important;
  background:#fbfcfd!important;
  box-shadow:0 16px 42px rgba(0,36,73,.055)!important;
}
.municipal-homepage .updates-panel--portal>.updates-portal-header{
  min-height:0!important;
  margin:0!important;
  padding:20px 28px!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid rgba(0,52,95,.1)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.municipal-homepage .updates-portal-header .section-label{
  margin-bottom:4px;
  color:#a87300!important;
  font-size:10px!important;
  letter-spacing:.15em!important;
}
.municipal-homepage .updates-portal-header h2{
  margin:0!important;
  font-size:25px!important;
  line-height:1.15!important;
  letter-spacing:-.025em;
}
.municipal-homepage .updates-header-actions .updates-view-all{
  min-height:36px!important;
  padding:0 14px!important;
  border:1px solid rgba(0,52,95,.2)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#00345f!important;
  font-size:10px!important;
  letter-spacing:.07em!important;
}
.municipal-homepage .updates-header-actions .updates-view-all:hover,
.municipal-homepage .updates-header-actions .updates-view-all:focus-visible{
  border-color:#00345f!important;
  background:#00345f!important;
  color:#fff!important;
}
.municipal-homepage .updates-panel--portal>.updates-portal-grid{
  gap:0!important;
  padding:0!important;
  background:#fff!important;
}
.municipal-homepage .updates-panel--portal .updates-column{
  padding:28px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.municipal-homepage .updates-panel--portal .updates-column--facebook{
  border-left:1px solid rgba(0,52,95,.1)!important;
  background:#fcfdfe!important;
}
.municipal-homepage .updates-panel--portal .updates-column-heading{
  margin-bottom:18px;
}
.municipal-homepage .updates-panel--portal .updates-column-heading h3{
  margin-bottom:4px;
  font-size:18px!important;
  letter-spacing:-.018em;
}
.municipal-homepage .updates-panel--portal .updates-column-heading p{
  max-width:460px;
  color:#6b7974!important;
  font-size:12.5px!important;
}
.municipal-homepage .facebook-section-mark{
  width:34px;
  height:34px;
  background:#1769c2;
}
.municipal-homepage .facebook-section-mark svg{
  width:20px;
  height:20px;
}
.municipal-homepage .facebook-status{
  margin-bottom:10px;
  color:#68766f;
  font-size:10.5px;
}
.municipal-homepage .facebook-live-dot{
  width:6px;
  height:6px;
  background:#168350;
}
.municipal-homepage .facebook-plugin-shell{
  min-height:500px;
  border:1px solid rgba(0,52,95,.13);
  border-radius:8px;
  background:#f3f6f8;
  box-shadow:0 8px 24px rgba(0,36,73,.045);
}
.municipal-homepage .facebook-page-plugin{
  height:500px;
}
.municipal-homepage .facebook-feed-footer{
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid rgba(0,52,95,.09);
  color:#7a8782;
  font-size:9.5px;
}
.municipal-homepage .facebook-feed-footer a{
  color:#174f7c!important;
  font-weight:700;
}
.municipal-homepage .official-update-list{
  max-height:500px;
  padding-right:8px;
}
.municipal-homepage .official-update-fallback{
  min-height:82px;
  padding:11px 6px!important;
  border-bottom:1px solid rgba(0,52,95,.08)!important;
}
.municipal-homepage .official-update-fallback strong{
  color:#123552;
  font-size:11.5px;
  font-weight:700;
}
.municipal-homepage .official-update-fallback small{
  color:#7a8782;
}
.municipal-homepage .official-fallback-seal{
  background:#f3f6f5;
}
@media(max-width:900px){
  .municipal-homepage .updates-panel--portal .updates-column--facebook{border-left:0!important;border-top:1px solid rgba(0,52,95,.1)!important}
}
@media(max-width:600px){
  .municipal-homepage .updates-panel--portal>.updates-portal-header{padding:18px!important}
  .municipal-homepage .updates-panel--portal .updates-column{padding:22px 18px!important}
  .municipal-homepage .updates-portal-header h2{font-size:22px!important}
  .municipal-homepage .updates-header-actions .updates-view-all{min-height:34px!important;padding-inline:11px!important}
  .municipal-homepage .facebook-plugin-shell,.municipal-homepage .facebook-page-plugin{min-height:480px;height:480px}
}

/* Fresh-session visibility safeguards. These controls contain real text and
   contact data; they must remain legible regardless of cache or reveal state. */
.municipal-homepage .calendar-full-link{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  visibility:visible!important;
  opacity:1!important;
}
.municipal-homepage .citizen-care > a:not(.citizen-care-action),
.municipal-homepage .citizen-care > a:not(.citizen-care-action) :is(svg,strong,span){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  visibility:visible!important;
  opacity:1!important;
}
.municipal-homepage .citizen-care-action{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Balanced civic-card spacing and centered Citizen Care action */
.municipal-homepage .civic-insights{gap:24px}
.municipal-homepage .civic-accomplishments,
.municipal-homepage .civic-weather,
.municipal-homepage .citizen-care{
  border-radius:9px;
  box-shadow:0 10px 28px rgba(0,30,65,.08);
}
.municipal-homepage .civic-accomplishments{padding:32px 38px}
.municipal-homepage .civic-weather{padding:32px}
.municipal-homepage .citizen-care{
  display:flex;
  grid-column:auto;
  flex-direction:column;
  padding:32px 38px;
}
.municipal-homepage .citizen-care>p{margin:10px 0 24px;line-height:1.55}
.municipal-homepage .citizen-care>a:not(.citizen-care-action){
  width:100%;
  padding:15px 0;
}
.municipal-homepage .citizen-care .citizen-care-action{
  align-self:center;
  width:auto;
  margin:28px auto 0;
}
@media(max-width:1050px){
  .municipal-homepage .citizen-care{grid-column:1/-1}
}
@media(max-width:700px){
  .municipal-homepage .civic-insights{gap:18px}
  .municipal-homepage .civic-accomplishments,.municipal-homepage .civic-weather,.municipal-homepage .citizen-care{padding:24px}
  .municipal-homepage .citizen-care .citizen-care-action{align-self:stretch;width:100%}
}
@media(min-width:561px) and (max-width:900px){
  .municipal-homepage .hero-copy .service-search{
    width:min(560px,100%);
  }
}

/* Balanced contact rows and a flat, premium Facebook action. */
html body.municipal-homepage .home-content-columns .citizen-care>a:not(.citizen-care-action){
  width:100%!important;
  min-width:0!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:14px!important;
  padding:14px 16px!important;
  box-sizing:border-box!important;
}
html body.municipal-homepage .home-content-columns .citizen-care>a:not(.citizen-care-action)>strong{
  min-width:0!important;
  padding-right:4px!important;
  line-height:1.4!important;
}
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer>a{
  border:0!important;
  border-radius:5px!important;
  background:#e9f3fa!important;
  color:#00345f!important;
  box-shadow:none!important;
  transform:none!important;
}
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer>a:hover,
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer>a:focus-visible{
  border:0!important;
  background:#dceef9!important;
  color:#00345f!important;
  box-shadow:none!important;
  transform:none!important;
}


/* Final About-page alignment: remove legacy green accents and keep controls clear. */
.municipal-homepage :is(
  .civic-accomplishments>header>span,
  .civic-weather>header>span,
  .track-transaction-card .section-label,
  .updates-portal-header .section-label,
  .citizen-care>span
){
  color:var(--home-premium-gold)!important;
}

.municipal-homepage :is(
  .panel-header>a,
  .calendar-panel>a,
  .facebook-feed-footer>a,
  .updates-column a,
  .home-content-columns a:not(.home-standard-button):not(.updates-view-all):not(.calendar-full-link):not(.citizen-care-action)
){
  color:var(--home-premium-navy)!important;
}

.municipal-homepage :is(
  .calendar-panel,
  .track-transaction-card,
  .civic-weather,
  .transparency-panel,
  .programs-panel
){
  padding:32px!important;
}

.municipal-homepage .updates-panel--portal .updates-column-heading{
  align-items:flex-start!important;
}

.municipal-homepage .lgu-scroll-top{
  right:max(18px,env(safe-area-inset-right))!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  z-index:120!important;
}

@media(max-width:600px){
  .municipal-homepage :is(
    .calendar-panel,
    .track-transaction-card,
    .civic-weather,
    .transparency-panel,
    .programs-panel
  ){
    padding:24px 20px!important;
  }

  .municipal-homepage .updates-panel--portal>.updates-portal-header{
    text-align:center!important;
  }

  .municipal-homepage .updates-panel--portal>.updates-portal-header .updates-view-all{
    margin-inline:auto!important;
  }

  .municipal-homepage .lgu-scroll-top{
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
}

/* Final cascade lock for the compact updates panel. */
.municipal-homepage .home-main-column>.updates-panel--portal{overflow:hidden!important;border:1px solid rgba(0,52,95,.12)!important;border-radius:12px!important;background:#fbfcfd!important;box-shadow:0 16px 42px rgba(0,36,73,.055)!important}
.municipal-homepage .updates-panel--portal>.updates-portal-header{min-height:0!important;margin:0!important;padding:20px 28px!important;align-items:center!important;border:0!important;border-bottom:1px solid rgba(0,52,95,.1)!important;background:#fff!important;box-shadow:none!important}
.municipal-homepage .updates-panel--portal>.updates-portal-grid{gap:0!important;padding:0!important;background:#fff!important}
.municipal-homepage .updates-panel--portal .updates-column{padding:28px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.municipal-homepage .updates-panel--portal .updates-column--facebook{border-left:1px solid rgba(0,52,95,.1)!important;background:#fcfdfe!important}
.municipal-homepage .updates-header-actions .updates-view-all{min-height:36px!important;padding:0 14px!important;border:1px solid rgba(0,52,95,.2)!important;border-radius:6px!important;background:#fff!important;color:#00345f!important;font-size:10px!important}
.municipal-homepage .facebook-plugin-shell{min-height:500px!important;border-radius:8px!important;background:#f3f6f8!important;box-shadow:0 8px 24px rgba(0,36,73,.045)!important}
.municipal-homepage .facebook-page-plugin{height:500px!important}
@media(max-width:900px){.municipal-homepage .updates-panel--portal .updates-column--facebook{border-left:0!important;border-top:1px solid rgba(0,52,95,.1)!important}}
@media(max-width:600px){.municipal-homepage .updates-panel--portal>.updates-portal-header{padding:18px!important}.municipal-homepage .updates-panel--portal .updates-column{padding:22px 18px!important}.municipal-homepage .facebook-plugin-shell,.municipal-homepage .facebook-page-plugin{min-height:480px!important;height:480px!important}}
.lgu-epayment-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:5px;background:var(--lgu-green-accent);color:#fff!important;font:700 11px/1 var(--lgu-font);text-decoration:none;white-space:nowrap}.lgu-epayment-link:hover,.lgu-epayment-link:focus{background:var(--lgu-green);color:#fff}.lgu-account-menu{flex:0 0 auto}.lgu-account-menu:after{display:none}.lgu-account-menu>.lgu-account-trigger{width:40px;min-height:40px;padding:8px!important;display:grid!important;place-items:center!important;border:1px solid transparent!important;border-radius:5px!important;background:#fff!important;color:var(--lgu-navy)!important}.lgu-account-menu>.lgu-account-trigger:hover,.lgu-account-menu>.lgu-account-trigger:focus{border-color:var(--lgu-border)!important;background:var(--lgu-surface-green)!important}.lgu-account-trigger svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.lgu-account-menu .lgu-dropdown-menu{right:0;left:auto;min-width:190px;text-transform:none}.lgu-account-menu .lgu-dropdown-menu form{margin:0}.lgu-account-menu .lgu-dropdown-menu a,.lgu-account-menu .lgu-dropdown-action{font-family:var(--lgu-font);font-size:12px}
@media(max-width:1023px){
  .lgu-primary-nav>.lgu-citizen-nav-link{width:100%;justify-content:center;text-align:center}
}
.transparency-footer,.services-footer,.site-footer{display:none!important}

/* Unified public-page identity
   The homepage palette is the source of truth for every municipal section. */
:root{
  --lgu-navy:#001e41;
  --lgu-navy-dark:#000f28;
  --lgu-green:#004b1e;
  --lgu-green-accent:#087a3d;
  --lgu-gold:#c99700;
  --lgu-surface:#fff;
  --lgu-surface-muted:#f5f7f6;
  --lgu-surface-green:#eef5f1;
  --lgu-border:#dde4e0;
  --lgu-text:#1f2937;
  --lgu-muted:#64748b;
  --lgu-radius:8px;
  --lgu-shadow:0 2px 8px rgba(0,30,65,.055)
}
body{background:var(--lgu-surface-muted)!important;color:var(--lgu-text)}
a{transition:color .12s ease,background-color .12s ease,border-color .12s ease!important}
h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}
.section-label,.kicker,.services-heading b{color:var(--lgu-green-accent)!important;letter-spacing:.07em!important}
.calendar-kicker,.updates-kicker{color:#efc95d!important;letter-spacing:.07em!important}

/* Shared page introductions: structured, restrained, and recognizably civic. */
.about-head,.services-title,.transparency-title,.programs-title{
  background:var(--lgu-surface-green)!important;
  border:0!important;
  border-bottom:1px solid var(--lgu-border)!important;
  border-radius:0!important;
  box-shadow:none!important
}
.services-title,.transparency-title,.programs-title{width:100%!important;max-width:none!important;margin-top:0!important;padding:28px max(24px,calc((100% - 1200px)/2))!important}
.about-head:after,.services-title:before,.services-title:after,.transparency-title:before,.transparency-title:after,.programs-title:before,.programs-title:after,#transparency-content:before{display:none!important}
.title-icon,.services-heading>span,.programs-title-icon{
  width:56px!important;height:56px!important;border:1px solid #cfe0d7!important;border-radius:8px!important;
  background:#e5f1eb!important;color:var(--lgu-green-accent)!important;box-shadow:none!important
}
.title-row h1,.services-heading h1,.programs-title h1{font-size:clamp(2rem,4vw,3rem)!important;font-weight:700!important;color:var(--lgu-navy)!important}
.title-row p,.services-heading p,.programs-title p{color:var(--lgu-muted)!important}
.title-badge{border-color:#bad3c6!important;border-radius:6px!important;background:#fff!important;color:var(--lgu-green)!important;box-shadow:none!important}

/* Consistent content surfaces: borders do the work; shadows stay quiet. */
.card,.portal-service-card,.support-card,.category-panel,.featured-categories,.repository-panel,
.feature-grid>a,.repository-empty,.transparency-actions,.program-card,.programs-summary,.programs-feedback,
.calendar-main,.upcoming-card,.sync-card,.calendar-help,.connection-overlay,.feed-card,.source-card,
.content-types,.calendar-promo,.facebook-cta,.official-page-card{
  border-color:var(--lgu-border)!important;border-radius:var(--lgu-radius)!important;
  box-shadow:var(--lgu-shadow)!important
}
.tone,.guide-card,.faq-card,.sync-card,.calendar-promo,.commitment,.drive-note,.repository-empty,
.service-note,.faq-note{background:var(--lgu-surface-green)!important}

/* About page: remove ornamental motion and oversized card language. */
.section{padding-block:44px!important}.card{box-shadow:none!important}
.copy-card{border-left:4px solid var(--lgu-green-accent)!important}
.metrics div,.values span,.office-icon{border-radius:6px!important;background:#edf4f0!important}
.values article{min-height:160px!important;border-radius:8px!important}
.values article:after{display:none!important}
.values article:hover,.office-grid article:hover{transform:none!important;box-shadow:none!important}
.vm{border-top:3px solid var(--lgu-green-accent)!important}
.contact-band{background:var(--lgu-navy)!important}
.contact-band:after{display:none!important}.hotlines{box-shadow:none!important}

/* Services: one official palette and conventional service cards. */
.services-title aside{border:1px solid #cfe0d7!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important}
.service-card-grid{gap:12px!important}
.portal-service-card{min-height:218px!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;transition:none!important}
.portal-service-card:before{height:3px!important;background:var(--lgu-green-accent)!important}.portal-service-card:after{display:none!important}
.portal-service-card:hover{transform:none!important;border-color:#a9c8b8!important;box-shadow:var(--lgu-shadow)!important}
.portal-service-icon,.tone-blue .portal-service-icon,.tone-orange .portal-service-icon,.tone-purple .portal-service-icon,.tone-teal .portal-service-icon{width:48px!important;height:48px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--lgu-green-accent)!important;box-shadow:none!important}
.portal-service-icon svg{width:32px!important;height:32px!important}
.portal-service-card.tone-blue .portal-service-icon{color:#1f5da8!important}.portal-service-card.tone-orange .portal-service-icon{color:#d98200!important}.portal-service-card.tone-teal .portal-service-icon{color:#087a73!important}
.portal-service-card>a,.tone-blue>a,.tone-orange>a,.tone-purple>a,.tone-teal>a{border-radius:5px!important;color:var(--lgu-green)!important;background:#fff!important}
.portal-service-card>a:hover{background:var(--lgu-green)!important;color:#fff!important;border-color:var(--lgu-green)!important}
.service-note,.faq-note,.support-card{border-radius:8px!important;background:#fff!important;box-shadow:none!important}
.support-card:after,.service-note:after{display:none!important}.support-card>a{border-radius:5px!important}

/* Transparency: keep semantic icon colors but remove decorative portal effects. */
.transparency-shell{padding-block:28px!important}.category-panel,.featured-categories,.repository-panel{border-radius:8px!important;box-shadow:none!important}
.category-panel nav a{border-radius:4px!important;transition:none!important}.category-panel nav a:hover{transform:none!important}
.category-panel nav a.active{background:var(--lgu-green)!important;box-shadow:none!important}
.feature-grid>a{min-height:118px!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;transition:none!important}
.feature-grid>a:after{display:none!important}.feature-grid>a:hover{transform:none!important;box-shadow:none!important;border-color:#b5cfc2!important}
.feature-grid>a>span{border-radius:6px!important;box-shadow:none!important}
.feature-grid em{padding:0!important;border-radius:0!important;background:transparent!important;color:var(--lgu-green-accent)!important}
.repository-empty{background:#fafcfb!important}.repository-empty:before,.empty-glow{display:none!important}
.repository-empty>span{border-radius:8px!important;background:#e8f2ed!important;box-shadow:none!important}
.repository-status{border-radius:5px!important}.transparency-actions{border-radius:8px!important;box-shadow:none!important}
.transparency-actions>a:hover{transform:none!important;background:#f7faf8!important}

/* Programs: replace the former purple campaign theme with the municipal identity. */
.programs-header .utility-bar,.program-footer,.program-detail-nav{background:var(--lgu-navy-dark)!important}
.programs-header .primary-nav>a:not(.portal-button)::after{background:var(--lgu-green-accent)!important}
.programs-header .portal-button{background:var(--lgu-green)!important}
.programs-title .section-label,.programs-directory .section-label,.program-card a,.contact-details a{color:var(--lgu-green-accent)!important}
.program-search{border-color:var(--lgu-border)!important;border-radius:6px!important;color:var(--lgu-green)!important;box-shadow:none!important;transition:none!important}
.program-search:focus-within{border-color:var(--lgu-green-accent)!important;box-shadow:0 0 0 3px rgba(8,122,61,.11)!important}
.program-card-grid{gap:14px!important}.program-card{min-height:232px!important;border-radius:8px!important;box-shadow:none!important;transition:none!important}
.program-card:after,.program-visual:after,.program-orb{display:none!important}.program-card:hover{transform:none!important;border-color:#b8cfc3!important;box-shadow:var(--lgu-shadow)!important}
.program-visual,.tone-blue .program-visual,.tone-amber .program-visual,.tone-violet .program-visual,.tone-teal .program-visual,.tone-rose .program-visual{background:#f8faf9!important;border-right:1px solid var(--lgu-border)!important}
.program-visual>svg{filter:none!important;transition:none!important}.program-card:hover .program-visual>svg{transform:none!important;filter:none!important}
.program-visual>svg{width:76px!important;height:76px!important;fill:initial!important;stroke:none!important}
.program-visual>svg use{fill:initial!important;stroke:none!important}
.program-chip,.tone-blue .program-chip,.tone-amber .program-chip,.tone-violet .program-chip,.tone-teal .program-chip,.tone-rose .program-chip{border-radius:3px!important;background:#e9f3ee!important;color:var(--lgu-green)!important}
.programs-summary,.programs-feedback{border-radius:8px!important;box-shadow:none!important;background:#fff!important}
.programs-summary svg{border-radius:5px!important;background:#edf4f0!important;color:var(--lgu-green)!important}
.programs-feedback:after{display:none!important}.programs-feedback>div>span{border-radius:6px!important;background:#e9f3ee!important;color:var(--lgu-green)!important}
.programs-feedback>a{border-color:var(--lgu-green)!important;border-radius:5px!important;color:var(--lgu-green)!important;transition:none!important}
.programs-feedback>a:hover{transform:none!important;background:var(--lgu-green)!important;color:#fff!important;box-shadow:none!important}

/* Calendar and updates: retain useful photography and semantic labels, simplify UI chrome. */
.calendar-hero,.updates-hero{box-shadow:none!important}.calendar-hero:after,.updates-hero:after{background:linear-gradient(90deg,var(--lgu-gold) 0 18%,var(--lgu-green-accent) 18%)!important}
.calendar-hero{
  background:
    linear-gradient(90deg,rgba(0,15,40,.86) 0%,rgba(0,30,65,.69) 42%,rgba(0,75,30,.32) 76%,rgba(0,15,40,.38) 100%),
    url('../../uploads/pinabacdao-municipal-hall-2026.jpg') center 51%/cover!important
}
.calendar-hero h1{color:#fff!important;text-shadow:0 2px 5px rgba(0,0,0,.3)!important}
.calendar-hero p,.calendar-hero nav{color:#eef3f7!important}
.calendar-hero .calendar-kicker{color:#f4c64f!important}
.calendar-main,.upcoming-card,.sync-card,.calendar-help{border-radius:8px!important;box-shadow:none!important}
.calendar-preview,.google-calendar-frame{border-radius:6px!important}.preview-controls{background:#f7f9f8!important}
.preview-controls button,.preview-month,.toolbar-actions a{border-radius:4px!important;box-shadow:none!important;transition:none!important}
.toolbar-actions a:hover{transform:none!important}.calendar-cell{transition:none!important}.connection-overlay{border-radius:8px!important;backdrop-filter:none!important;box-shadow:0 4px 16px rgba(0,30,65,.1)!important}
.connection-overlay:after{display:none!important}.connection-icon,.sync-icon{border-radius:6px!important;box-shadow:none!important}
.quick-info-grid>a{transition:none!important}.quick-info-grid>a:hover{transform:none!important}
.official-page-card{border-radius:8px!important}.official-cover-shade{background:rgba(0,30,65,.78)!important}
.feed-card,.source-card,.content-types,.calendar-promo,.facebook-cta{border-radius:8px!important;box-shadow:none!important}
.source-icon,.type-icon,.cta-icon{border-radius:6px!important}.facebook-frame-wrap{background:#fff!important}

@media(max-width:767px){
  .services-title,.transparency-title,.programs-title{padding:22px 16px!important}
  .section{padding-block:34px!important}
  .title-row h1,.services-heading h1,.programs-title h1{font-size:2rem!important}
  .title-icon,.services-heading>span,.programs-title-icon{width:48px!important;height:48px!important;flex:0 0 48px!important}
  .portal-service-card,.program-card{min-height:0!important}
}

/* Practical municipal presentation layer: quiet typography, modest surfaces and no ornamental motion. */
body,button,input,select,textarea{font-family:"Inter","Segoe UI",Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6,strong,.brand strong,.panel h2,.hero h1,.hero-tagline,.service-item strong,.calendar-date strong,.event time b{font-family:"Inter","Segoe UI",Arial,sans-serif!important}
html{scroll-behavior:auto}
.lgu-primary-nav>a:not(.lgu-portal-link):after,.lgu-dropdown:after,.lgu-chevron{transition:none!important}
.lgu-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 2px}
.lgu-dropdown.open .lgu-chevron{transform:rotate(225deg);margin-top:3px}
.lgu-dropdown-menu{top:100%;left:-10px;padding:5px;min-width:210px;border-radius:4px;box-shadow:0 3px 8px rgba(0,15,40,.09)}
.lgu-dropdown-menu a{padding:8px 10px;border-radius:2px;line-height:1.35}
.lgu-dropdown-menu a:hover,.lgu-dropdown-menu a:focus{background:#f5f5f5;color:#004b1e}
.lgu-menu-toggle,.lgu-portal-link{border-radius:4px!important;box-shadow:none!important}

/* Restrain older decorative homepage rules so the result reads as a hand-built LGU site. */
.eyebrow{padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none}
.hero h1{letter-spacing:-.025em;text-shadow:0 2px 5px rgba(0,0,0,.35)}
.hero-script{font-family:"Segoe Script","Brush Script MT",cursive!important;font-weight:400}
.service-search{border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.service-search input,.service-search button{border-radius:4px}
.emergency-card{border-radius:6px;background:rgba(0,30,65,.94);backdrop-filter:none;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.emergency-heading>span,.emergency-action{border-radius:4px}
.service-dock,.panel{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.service-item,.transparency-grid a,.program-grid a{transition:none!important}
.service-item:hover,.transparency-grid a:hover,.program-grid a:hover{transform:none!important}
.service-icon,.update-visual,.calendar-date,.event time,.sync-note,.transparency-grid a,.program-grid a{border-radius:6px}
.update-featured{border-radius:6px}

@media(max-width:1023px){.lgu-dropdown-menu{border-radius:2px}.lgu-dropdown.open .lgu-chevron{margin-top:0}}

/* Mobile containment: allow grid children and long municipal labels to shrink naturally. */
.hero-layout,.hero-copy,.emergency-card,.dashboard-grid,.panel,.side-stack,.service-dock,.service-item{min-width:0;max-width:100%}
.hero h1,.hero-tagline,.hero-summary,.service-item strong,.service-item small{overflow-wrap:break-word;word-break:normal}

@media(max-width:900px){
  .hero-layout{grid-template-columns:minmax(0,1fr)!important}
  .dashboard-grid,.side-stack{grid-template-columns:minmax(0,1fr)!important}
  .service-dock{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .service-search{width:100%;max-width:100%}
  .service-search input{width:0;min-width:0}
  .emergency-card{width:100%}
}

@media(max-width:600px){
  .hero,.hero-layout{min-height:auto!important}
  .hero-layout{gap:22px;padding:34px 0 72px!important}
  .hero-copy{width:100%}
  .eyebrow{display:block;font-size:10px;letter-spacing:.1em;white-space:normal}
  .hero-script{margin:12px 0 -2px;font-size:20px}
  .hero h1{font-size:clamp(30px,10.5vw,38px)!important;line-height:1.02!important;letter-spacing:-.02em!important}
  .hero-tagline{font-size:16px!important;line-height:1.3}
  .hero-summary{font-size:14px;line-height:1.5;margin:12px 0 18px}
  .service-search{min-height:48px}
  .service-search input{padding:12px;font-size:14px}
  .service-search button{flex:0 0 48px;width:48px}
  .emergency-card{padding:16px}
  .service-dock{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:-38px!important;padding:8px 8px 38px!important}
  .service-item{width:100%;min-height:126px;padding:10px 6px}
  .service-item:nth-child(odd){border-right:1px solid var(--line)!important}
  .service-item:nth-child(even){border-right:0!important}
  .service-item:nth-child(-n+4){border-bottom:1px solid var(--line)}
  .service-icon{width:42px;height:42px;margin-bottom:7px}
  .service-icon svg{width:24px;height:24px}
  .service-item strong{font-size:12px;line-height:1.25}
  .service-item small{font-size:10px;line-height:1.35}
  .services-all{width:calc(100% - 16px);text-align:center;white-space:normal}
}

@media(max-width:379px){
  .lgu-container,.shell{width:calc(100% - 20px)!important}
  .lgu-brand strong{font-size:15px}
  .hero h1{font-size:30px!important}
  .service-item{padding-inline:4px}
}

/* Stable full-width mobile navigation and normal-flow accordion submenus. */
@media(max-width:1023px){
  .lgu-header{position:relative;z-index:1000}
  .lgu-nav-wrap{position:relative;z-index:1001;background:#fff}
  .lgu-nav-inner{position:static}
  .lgu-primary-nav{
    position:absolute;
    z-index:1002;
    top:100%;
    left:0;
    right:0;
    width:100%;
    max-width:none;
    max-height:none;
    overflow:visible;
    margin:0;
    padding:8px 16px 12px;
    gap:0;
    background:#fff;
    border:0;
    border-top:1px solid var(--color-border);
    border-bottom:1px solid var(--color-border);
    border-radius:0;
    box-shadow:0 4px 8px rgba(0,15,40,.08);
  }
  .lgu-primary-nav.open{display:flex;flex-direction:column;align-items:stretch}
  .lgu-primary-nav>a,.lgu-dropdown{flex:0 0 auto;width:100%;min-width:0}
  .lgu-primary-nav>a,.lgu-dropdown>button{min-height:46px;padding:0 8px}
  .lgu-dropdown{position:relative}
  .lgu-dropdown-menu{
    position:static;
    top:auto;
    left:auto;
    right:auto;
    width:100%;
    min-width:0;
    max-width:100%;
    margin:0 0 6px;
    padding:2px 0 4px 16px;
    overflow:visible;
    background:#fff;
    border:0;
    border-left:2px solid var(--color-green-accent);
    border-radius:0;
    box-shadow:none;
  }
  .lgu-dropdown-menu a{min-height:40px;width:100%;padding:9px 12px;background:#fff}
  .lgu-portal-link{margin-top:6px}
  .hero{position:relative;z-index:1}
}

@media(max-width:479px){
  .lgu-primary-nav{left:0;right:0;width:100%;padding-inline:12px}
}

/* Homepage information portal refinement. */
.dashboard{padding-block:28px 36px}
.dashboard-grid{gap:16px;align-items:start}
.side-stack{gap:16px}
.panel{
  padding:20px;
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:6px;
  box-shadow:none;
}
.panel-header{align-items:flex-end;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--color-border)}
.section-label{font-size:10px;font-weight:600;letter-spacing:.07em;color:var(--color-muted)}
.panel h2{margin-top:3px;color:var(--color-navy);font-size:19px;font-weight:650;line-height:1.2}
.panel-header>a{color:var(--color-green-accent);font-size:12px;font-weight:600}
.panel-header>a:hover,.panel-header>a:focus{text-decoration:underline}

.update-featured{
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:12px;
  margin:0;
  padding:12px;
  background:var(--color-gray-100);
  border:0;
  border-radius:4px;
}
.update-visual{width:52px;height:52px;border-radius:4px}
.update-visual.advisory{background:var(--color-danger)}
.update-body em,.update-row em{font-size:9px;font-weight:600;letter-spacing:.06em}
.update-body strong{font-size:13px;font-weight:600}
.update-body small{font-size:11px;font-weight:400}
.update-row{grid-template-columns:7px minmax(0,1fr) auto;gap:10px;padding:12px 4px;border-bottom:1px solid var(--color-border)}
.update-row strong{font-size:12px;font-weight:600;line-height:1.35}
.update-row time{font-size:10px}
.dot{width:7px;height:7px;background:var(--color-green-accent)}
.dot.hiring,.dot.procurement{background:var(--color-green-accent)}

.calendar-date{margin-bottom:0;padding:7px 8px;background:var(--color-gray-100);border-radius:4px}
.calendar-date button{width:34px;height:34px;border:1px solid var(--color-border);border-radius:4px;background:#fff;box-shadow:none;color:var(--color-green);font-size:18px}
.calendar-date strong{font-size:13px;font-weight:600;color:var(--color-navy)}
.event{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:11px 0}
.event time{padding:6px 4px;background:#f1f5f3;border-radius:4px;color:var(--color-green)}
.event time b{font-size:15px;font-weight:650}
.event strong{font-size:12px;font-weight:600;color:var(--color-text)}
.event small{font-size:10px}
.sync-note{margin-top:12px;padding:10px 12px;background:#f1f7f4;border:1px solid #d7e8df;border-radius:4px}
.sync-note b{font-size:11px;font-weight:600}
.sync-note small{font-size:10px}

.transparency-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--color-border);border-radius:4px}
.transparency-grid a{padding:14px 8px;border:0;border-right:1px solid var(--color-border);border-radius:0;background:#fff}
.transparency-grid a:last-child{border-right:0}
.transparency-grid a:hover,.transparency-grid a:focus{background:var(--color-gray-50);border-color:var(--color-border)}
.transparency-grid span{height:31px;color:var(--color-green)}
.transparency-grid svg{width:24px;height:24px}
.transparency-grid strong{font-size:11px;font-weight:600;color:var(--color-navy)}
.transparency-grid small{font-size:9px}

.program-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.program-grid a{padding:8px 5px;border-right:1px solid var(--color-border);border-radius:0}
.program-grid a:last-child{border-right:0}
.program-grid a:hover,.program-grid a:focus{background:var(--color-gray-50)}
.program-grid span,.program-grid a:nth-child(2n) span,.program-grid a:nth-child(3n) span{
  width:38px;height:38px;border-radius:4px;background:#f1f5f3;color:var(--color-green)
}
.program-grid svg{width:23px;height:23px}
.program-grid strong{font-size:10px;font-weight:600;color:var(--color-navy)}
.program-grid small{font-size:9px;line-height:1.3}

.quick-info-grid>a,.quick-info-grid>div{min-height:70px;padding:12px 16px}
.quick-info-grid strong{font-weight:600;color:var(--color-navy)}

@media(max-width:1180px){
  .dashboard-grid{gap:14px}
  .side-stack{gap:14px}
}

@media(max-width:900px){
  .dashboard{padding-block:24px 30px}
  .panel{padding:18px}
  .side-stack{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:600px){
  .dashboard{padding-block:20px 26px}
  .dashboard-grid,.side-stack{gap:12px}
  .panel{padding:15px;border-radius:4px}
  .panel-header{align-items:flex-start;gap:8px;margin-bottom:12px}
  .panel h2{font-size:18px}
  .update-featured{grid-template-columns:46px minmax(0,1fr) auto;padding:10px}
  .update-visual{width:46px;height:46px}
  .transparency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .transparency-grid a:nth-child(2){border-right:0}
  .transparency-grid a:nth-child(-n+2){border-bottom:1px solid var(--color-border)}
  .program-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0}
  .program-grid a{min-height:92px;border-bottom:1px solid var(--color-border)}
  .program-grid a:nth-child(even){border-right:0}
  .program-grid a:nth-last-child(-n+2){border-bottom:0}
}

/* Final portal-density pass: thumbnail news feed, compact schedules and recognizable programs. */
.updates-panel{padding-bottom:12px}
.update-list{display:flex;flex-direction:column}
.update-news-item{
  display:grid;
  grid-template-columns:68px minmax(0,1fr) auto 12px;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:9px 0;
  border-bottom:1px solid var(--color-border);
  color:var(--color-text);
}
.update-news-item:first-child{padding-top:0}
.update-news-item:last-child{border-bottom:0}
.update-news-item>img{width:68px;height:54px;object-fit:cover;border:1px solid var(--color-border);border-radius:3px;background:var(--color-gray-100)}
.update-news-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.25}
.update-news-copy strong{margin-top:3px;font-size:11px;font-weight:600;color:var(--color-navy)}
.update-news-copy small{display:block;max-width:100%;margin-top:3px;color:var(--color-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.update-news-item time{align-self:start;padding-top:2px;color:var(--color-muted);font-size:9px;white-space:nowrap}
.update-news-item>b{color:var(--color-green-accent);font-size:13px;font-weight:500}
.news-category{display:inline-block;padding:2px 4px;border-radius:2px;color:#fff;font-size:8px;font-style:normal;font-weight:600;line-height:1.15;letter-spacing:.03em;text-transform:uppercase}
.news-category.advisory{background:#c8191e}.news-category.activity{background:#245da8}.news-category.hiring{background:#087a3d}.news-category.procurement{background:#d97706}.news-category.recognition{background:#6b3fa0}

.calendar-panel{padding-bottom:14px}
.calendar-panel .event{padding:8px 0}
.calendar-panel .event time{padding:4px 3px}
.calendar-panel .event time b{font-size:14px}
.calendar-panel .sync-note{margin-top:9px;padding:8px 10px}

.transparency-grid a:nth-child(1) span{color:#087a3d}.transparency-grid a:nth-child(2) span{color:#245da8}.transparency-grid a:nth-child(3) span{color:#d97706}.transparency-grid a:nth-child(4) span{color:#087a3d}
.program-grid a:nth-child(1) span{color:#087a3d}.program-grid a:nth-child(2) span{color:#245da8}.program-grid a:nth-child(3) span{color:#5f8f20}.program-grid a:nth-child(4) span{color:#b7791f}.program-grid a:nth-child(5) span{color:#245da8}.program-grid a:nth-child(6) span{color:#087a3d}
.program-grid a:nth-child(1) span,.program-grid a:nth-child(2) span,.program-grid a:nth-child(3) span,.program-grid a:nth-child(4) span,.program-grid a:nth-child(5) span,.program-grid a:nth-child(6) span{background:#f5f5f5}

@media(max-width:1180px){
  .update-news-item{grid-template-columns:62px minmax(0,1fr) 12px}
  .update-news-item>img{width:62px;height:50px}
  .update-news-item time{grid-column:2;grid-row:2;margin-top:-12px;padding:0;font-size:8px}
  .update-news-item>b{grid-column:3;grid-row:1/3}
}

@media(max-width:600px){
  .update-news-item{grid-template-columns:58px minmax(0,1fr) 10px;gap:9px;padding:8px 0}
  .update-news-item>img{width:58px;height:48px}
  .update-news-copy strong{font-size:11px}
  .update-news-copy small{font-size:9px}
  .update-news-item time{display:block}
  .calendar-panel .event{padding:8px 0}
}

@media(max-width:379px){
  .update-news-item{grid-template-columns:52px minmax(0,1fr) 9px;gap:7px}
  .update-news-item>img{width:52px;height:46px}
  .update-news-copy small{display:none}
}

/* Reference-aligned municipal hero: compact, readable and information-led. */
@media(min-width:1024px){
  .lgu-utility-inner{min-height:28px}
  .lgu-utility{font-size:10px}
  .lgu-nav-inner{min-height:66px;gap:18px}
  .lgu-brand{min-width:205px}
  .lgu-seal{width:48px;height:48px;font-size:20px}
  .lgu-brand strong{font-size:18px}
  .lgu-primary-nav{gap:13px;font-size:10px;font-weight:600}
  .lgu-primary-nav>a,.lgu-dropdown>button{min-height:40px}
  .lgu-portal-link{min-height:38px!important;padding-inline:12px!important}

  .hero,.hero-layout{min-height:410px}
  .hero-layout{grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-block:32px 58px}
  .hero-image{object-position:center 51%}
  .hero-shade{background:linear-gradient(90deg,rgba(0,15,40,.78) 0%,rgba(0,30,65,.55) 39%,rgba(0,15,40,.08) 72%)}
  .hero-copy{max-width:650px}
  .eyebrow{font-size:10px;font-weight:600;letter-spacing:.09em}
  .hero-script{margin:11px 0 -3px;font-size:21px}
  .hero h1{font-size:clamp(48px,5vw,66px)!important;line-height:.98!important;letter-spacing:-.025em!important}
  .hero-tagline{margin-top:9px;font-size:18px!important;line-height:1.3}
  .hero-summary{max-width:520px;margin:11px 0 17px;font-size:13px;line-height:1.45}
  .service-search{width:min(500px,100%);min-height:46px}
  .service-search input{padding:11px 14px;font-size:13px}
  .service-search button{flex:0 0 48px;width:48px}
  .service-search button svg{width:20px;height:20px}

  .emergency-card{padding:16px 17px}
  .emergency-heading{gap:10px;padding-bottom:10px}
  .emergency-heading>span{width:32px;height:32px;font-size:17px}
  .emergency-heading small{font-size:8px;letter-spacing:.07em}
  .emergency-heading h2{font-size:14px;font-weight:700}
  .emergency-card ul{margin:5px 0 9px}
  .emergency-card li{padding:7px 1px}
  .emergency-card li b{font-size:10px;font-weight:600}
  .emergency-card li small{font-size:8px}
  .emergency-card li a{font-size:10px;font-weight:700}
  .emergency-action{padding:8px;font-size:9px;font-weight:700}

  .service-dock{margin-top:-34px;padding:8px 14px 32px;border-radius:6px}
  .service-item{min-height:92px;padding:8px}
  .service-icon{width:39px;height:39px;margin-bottom:5px}
  .service-icon svg{width:23px;height:23px}
  .service-item strong{font-size:11px}
  .service-item small{font-size:9px}
  .services-all{bottom:7px;font-size:10px;letter-spacing:.04em}
}

@media(min-width:1024px) and (max-width:1199px){
  .lgu-primary-nav{gap:8px;font-size:9px}
  .hero-layout{grid-template-columns:minmax(0,1fr) 280px;gap:32px}
  .hero h1{font-size:48px!important}
}

/* Reference-style homepage service and information directories. */
.municipal-homepage .service-dock{
  border:1px solid var(--color-border);
  border-radius:6px;
  box-shadow:0 1px 4px rgba(0,0,0,.05);
  background:#fff;
}
.municipal-homepage .service-item{border-right:1px solid var(--color-border)}
.municipal-homepage .service-item:last-of-type{border-right:0}
.municipal-homepage .service-icon{
  width:38px;height:38px;margin-bottom:4px;border-radius:0;background:transparent!important
}
.municipal-homepage .service-item:nth-child(1) .service-icon{color:#087a3d}
.municipal-homepage .service-item:nth-child(2) .service-icon{color:#245da8}
.municipal-homepage .service-item:nth-child(3) .service-icon{color:#ea650d}
.municipal-homepage .service-item:nth-child(4) .service-icon{color:#e6a700}
.municipal-homepage .service-item:nth-child(5) .service-icon{color:#167c78}
.municipal-homepage .service-item:nth-child(6) .service-icon{color:#6941a5}
.municipal-homepage .service-icon svg{width:29px;height:29px;stroke-width:1.7}
.municipal-homepage .service-item strong{font-size:11px;font-weight:600;color:#111827}
.municipal-homepage .service-item small{font-size:8px;color:var(--color-muted)}
.municipal-homepage .services-all{
  display:flex;align-items:center;justify-content:center;left:50%;width:min(360px,42%);height:25px;
  border:1px solid #88ad98;border-radius:4px;color:var(--color-green);font-size:10px;font-weight:600;
  text-transform:uppercase;letter-spacing:0
}
.municipal-homepage .services-all span{margin-left:5px}

.municipal-homepage .calendar-panel,.municipal-homepage .transparency-panel,.municipal-homepage .programs-panel{padding:14px}
.municipal-homepage .calendar-panel .panel-header,.municipal-homepage .transparency-panel .panel-header,.municipal-homepage .programs-panel .panel-header{
  margin-bottom:8px;padding-bottom:7px
}
.municipal-homepage .calendar-panel .section-label,.municipal-homepage .transparency-panel .section-label,.municipal-homepage .programs-panel .section-label{display:none}
.municipal-homepage .calendar-panel h2,.municipal-homepage .transparency-panel h2,.municipal-homepage .programs-panel h2{
  font-size:14px;font-weight:650;text-transform:uppercase
}
.municipal-homepage .calendar-panel .panel-header>a,.municipal-homepage .transparency-panel .panel-header>a,.municipal-homepage .programs-panel .panel-header>a{font-size:9px}
.municipal-homepage .calendar-date{min-height:34px;padding:3px 5px}
.municipal-homepage .calendar-date button{width:28px;height:27px;border:0;background:transparent}
.municipal-homepage .calendar-date strong{font-size:13px}
.municipal-homepage .calendar-panel .event{grid-template-columns:45px minmax(0,1fr);gap:9px;padding:6px 0}
.municipal-homepage .calendar-panel .event time{padding:0;background:#f3f4f6;border:1px solid var(--color-border)}
.municipal-homepage .calendar-panel .event time span{order:-1;width:100%;padding:2px;background:#0b568f;color:#fff;font-size:7px;text-align:center}
.municipal-homepage .calendar-panel .event:first-child time span{background:#087a3d}
.municipal-homepage .calendar-panel .event time b{padding:2px 0 3px;font-size:13px;color:#111827}
.municipal-homepage .calendar-panel .event strong{font-size:10px}
.municipal-homepage .calendar-panel .event small{font-size:8px}
.municipal-homepage .calendar-full-link{
  display:flex;align-items:center;justify-content:center;width:78%;min-height:28px;margin:8px auto 0;
  border:1px solid #88ad98;border-radius:4px;color:var(--color-green);font-size:10px;font-weight:600;text-transform:uppercase
}
.municipal-homepage .calendar-full-link:hover,.municipal-homepage .calendar-full-link:focus{background:#f5f8f6}
.municipal-homepage .calendar-date button{cursor:pointer}
.municipal-homepage .calendar-date button:hover{background:#e8f2ed;color:#004b1e}
.municipal-homepage .calendar-date button:focus-visible{outline:2px solid #087a3d;outline-offset:2px}
.municipal-homepage .calendar-empty-month{min-height:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center;border-bottom:1px solid var(--color-border);color:var(--color-navy)}
.municipal-homepage .calendar-empty-month small{max-width:260px;margin-top:5px;color:var(--color-muted);font-size:12px;line-height:1.45}
.municipal-homepage .calendar-panel .sync-note{padding:7px 9px}

.municipal-homepage .transparency-grid{border:0}
.municipal-homepage .transparency-grid a{min-height:93px;padding:10px 6px}
.municipal-homepage .transparency-grid span{height:38px}
.municipal-homepage .transparency-grid svg{width:38px;height:38px;fill:initial;stroke:none}
.municipal-homepage .transparency-grid strong{font-size:10px}
.municipal-homepage .transparency-grid small{font-size:8px}

.municipal-homepage .program-grid a{min-height:102px;padding:8px 4px}
.municipal-homepage .program-grid span,.municipal-homepage .program-grid a:nth-child(n) span{
  width:44px;height:44px;background:transparent;border-radius:0
}
.municipal-homepage .program-grid span,.municipal-homepage .program-grid a:nth-child(n) span{color:inherit}
.municipal-homepage .program-grid svg{width:54px;height:54px;fill:initial;stroke:none;overflow:visible}

/* Official municipal seal */
.lgu-seal,.lgu-footer-seal{display:block;object-fit:contain;border:0;border-radius:50%;background:transparent;color:inherit;font:inherit}
.lgu-seal{width:58px;height:58px;flex:0 0 58px}
.lgu-footer-seal{width:76px;height:76px;margin-top:10px}
@media(max-width:767px){.lgu-seal{width:46px;height:46px;flex-basis:46px}.lgu-footer-seal{width:68px;height:68px}}
.municipal-homepage .program-grid strong{font-size:9px}
.municipal-homepage .program-grid small{font-size:8px}

@media(max-width:600px){
  .municipal-homepage .services-all{width:calc(100% - 16px)}
  .municipal-homepage .service-item:nth-child(odd){border-right:1px solid var(--color-border)!important}
  .municipal-homepage .service-item:nth-child(even){border-right:0!important}
  .municipal-homepage .calendar-full-link{width:100%}
  .municipal-homepage .transparency-grid a{min-height:88px}
  .municipal-homepage .program-grid a{min-height:96px}
}

/* Shared municipal header and unobtrusive utility control. */
.lgu-header{position:sticky;top:0;z-index:8000}
.lgu-wordmark-brand{min-width:190px;padding:4px 0}
.lgu-brand-wordmark-wrap{display:flex;align-items:center;min-width:0}
.lgu-header-wordmark{display:block;width:150px;max-width:100%;height:62px;object-fit:contain;object-position:left center}
.lgu-header-wordmark.is-receiving-wordmark,.lgu-seal.is-receiving-wordmark{visibility:hidden}
.lgu-scroll-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:7000;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.75);border-radius:6px;background:#004b1e;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.14);font:600 22px/1 "Inter","Segoe UI",Arial,sans-serif;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,background-color .16s ease}
.lgu-scroll-top[hidden]{display:none}.lgu-scroll-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.lgu-scroll-top:hover{background:#087a3d}.lgu-scroll-top:focus-visible{outline:3px solid #dcae2b;outline-offset:2px}
@media(max-width:767px){.lgu-wordmark-brand{min-width:0;max-width:158px}.lgu-header-wordmark{width:112px;height:50px;object-position:left center}.lgu-scroll-top{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.lgu-scroll-top{transition:none}}

/* Homepage hero: retain the supplied photograph's natural colors. */
.municipal-homepage .hero-image{object-position:center 64%}
.municipal-homepage .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 25%,rgba(0,0,0,.22) 42%,rgba(0,0,0,.04) 59%,rgba(0,0,0,0) 76%)}
.municipal-homepage .hero-copy{max-width:650px}
.municipal-homepage .hero .eyebrow{color:#fff;font-family:"Inter","Segoe UI",Arial,sans-serif!important;font-weight:600;letter-spacing:.09em}
.municipal-homepage .hero .hero-script{color:#f4c430;font-family:"Segoe Script","Brush Script MT",cursive!important;font-weight:400}
.municipal-homepage .hero h1{color:#fff;font-family:"Inter","Segoe UI",Arial,sans-serif!important;font-size:clamp(52px,5.6vw,86px)!important;font-weight:700!important;line-height:.98;letter-spacing:.01em;text-shadow:0 2px 4px rgba(0,0,0,.26)}
.municipal-homepage .hero .hero-tagline{color:#f4c430;font-family:"Inter","Segoe UI",Arial,sans-serif!important;font-size:clamp(19px,1.8vw,27px)!important;font-weight:600!important}
.municipal-homepage .hero .hero-summary{max-width:610px;color:#fff;font-family:"Inter","Segoe UI",Arial,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.6}
@media(max-width:767px){.municipal-homepage .hero-image{object-position:58% 64%}.municipal-homepage .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.58) 62%,rgba(0,0,0,.2) 100%)}.municipal-homepage .hero h1{font-size:clamp(39px,13vw,56px)!important}.municipal-homepage .hero .hero-tagline{font-size:18px!important}.municipal-homepage .hero .hero-summary{font-size:15px!important;line-height:1.5}}

/* Keep the supplied municipal-hall photograph's flag and facade in view. */
.municipal-homepage .hero,
.municipal-homepage .hero-layout{min-height:620px}
.municipal-homepage .hero-image{object-fit:cover;object-position:center top}
.municipal-homepage .hero .hero-summary{
  width:min(100%,440px);max-width:440px;margin:16px 0 22px;
  font-size:13px!important;line-height:1.5!important;font-weight:500!important
}

/* Direction-aware header: stable at the top, hidden only while moving down-page. */
.lgu-header{will-change:transform;transition:transform .2s ease,box-shadow .2s ease}
.lgu-header.is-scroll-hidden{transform:translateY(-100%)}
.lgu-header.is-scroll-active{box-shadow:0 2px 8px rgba(0,15,40,.1)}

@media(max-width:900px){
  .municipal-homepage .hero,.municipal-homepage .hero-layout{min-height:760px}
  .municipal-homepage .hero-image{object-position:54% top}
}
@media(max-width:600px){
  .municipal-homepage .hero,.municipal-homepage .hero-layout{min-height:710px}
  .municipal-homepage .hero .hero-summary{width:min(100%,390px);font-size:14px!important;line-height:1.45!important}
}
@media(prefers-reduced-motion:reduce){.lgu-header{transition:none}}

/* Reference-led homepage hero: official photo and restrained LGU color system. */
@media(min-width:901px){
  .municipal-homepage .hero,
  .municipal-homepage .hero-layout{min-height:620px}
  .municipal-homepage .hero-layout{
    grid-template-columns:minmax(0,1fr) 300px;
    gap:48px;
    align-items:center;
    padding-block:34px 78px
  }
  .municipal-homepage .hero-copy{max-width:580px}
  .municipal-homepage .hero-image{object-fit:cover;object-position:center top}
  .municipal-homepage .hero-shade{
    background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.68) 24%,rgba(0,0,0,.28) 43%,rgba(0,0,0,.04) 65%,transparent 78%)
  }
  .municipal-homepage .hero .hero-script{margin:0 0 -2px;font-size:27px!important;line-height:1.15}
  .municipal-homepage .hero h1{font-size:clamp(54px,4.7vw,70px)!important;line-height:.98}
  .municipal-homepage .hero .hero-tagline{
    margin-top:10px;
    font-size:clamp(17px,1.55vw,22px)!important;
    line-height:1.25
  }
  .municipal-homepage .hero .hero-tagline::after{
    content:"";
    display:block;
    width:42px;
    height:3px;
    margin-top:10px;
    background:#f4c430
  }
  .municipal-homepage .hero .hero-summary{
    width:min(100%,390px);
    max-width:390px;
    margin:12px 0 18px;
    font-size:12px!important;
    line-height:1.5!important;
    font-weight:500!important
  }
  .municipal-homepage .service-search{
    width:min(440px,100%);
    border-width:1px;
    border-radius:5px;
    box-shadow:none
  }
  .municipal-homepage .service-search input{padding:13px 15px;border-radius:4px;font-size:13px}
  .municipal-homepage .service-search button{width:50px;border-radius:4px;background:#087a3d}
  .municipal-homepage .emergency-card{
    background:rgba(0,30,65,.96);
    border-color:rgba(255,255,255,.14)
  }
}
@media(max-width:900px){
  .municipal-homepage .hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.8))}
  .municipal-homepage .hero .hero-summary{max-width:430px}
}

/* Final homepage hero proportions follow the official LGU reference. */
@media(min-width:901px){
  .municipal-homepage .hero,
  .municipal-homepage .hero-layout{min-height:460px}
  .municipal-homepage .hero-layout{
    grid-template-columns:minmax(0,1fr) 300px;
    gap:42px;
    padding-block:30px 68px
  }
  .municipal-homepage .hero-image{object-position:center 46%}
  .municipal-homepage .hero-copy{max-width:560px}
  .municipal-homepage .hero .hero-script{font-size:37px!important}
  .municipal-homepage .hero h1{font-size:clamp(60px,4.35vw,68px)!important}
  .municipal-homepage .hero .hero-tagline{font-size:clamp(16px,1.4vw,20px)!important}
  .municipal-homepage .hero .hero-summary{
    width:min(100%,370px);
    max-width:370px;
    margin:11px 0 16px;
    font-size:13px!important;
    line-height:1.45!important
  }
  .municipal-homepage .service-search{width:min(430px,100%);min-height:44px}
  .municipal-homepage .service-search button{flex:0 0 48px}
  .municipal-homepage .emergency-card{align-self:center;padding:14px 16px}
  .municipal-homepage .emergency-heading h2{font-size:15px}
  .municipal-homepage .emergency-action{text-transform:uppercase}
}

@media(min-width:901px) and (max-width:1100px){
  .municipal-homepage .hero,
  .municipal-homepage .hero-layout{min-height:420px}
  .municipal-homepage .hero-layout{grid-template-columns:minmax(0,1fr) 270px;gap:24px}
  .municipal-homepage .hero h1{font-size:50px!important}
}

/* Keep the public navigation centered and comfortably readable on desktop. */
@media(min-width:1024px){
  .lgu-primary-nav{
    justify-content:center;
    gap:clamp(16px,1.35vw,26px);
    font-size:13px;
    font-weight:600;
  }
  .lgu-primary-nav--public .lgu-portal-link{
    margin-left:clamp(8px,1vw,18px);
  }
}

@media(min-width:1024px) and (max-width:1199px){
  .lgu-primary-nav{gap:12px;font-size:12px}
  .lgu-brand{min-width:190px}
}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.lgu-public-search{display:flex;align-items:center;height:40px;margin:0 0 0 auto;border:1px solid #cfd8d3;border-radius:6px;background:#fff;overflow:hidden;text-transform:none}
.lgu-public-search input{width:145px;height:100%;padding:0 10px;border:0;outline:0;color:var(--lgu-navy,#001e41);font:400 12px/1 var(--lgu-font,"Inter","Segoe UI",Arial,sans-serif)}
.lgu-public-search input:focus{box-shadow:inset 0 0 0 2px rgba(8,122,61,.18)}
.lgu-public-search button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;background:var(--lgu-green,#004b1e);color:#fff;cursor:pointer}
.lgu-public-search button:hover,.lgu-public-search button:focus-visible{background:var(--lgu-green-accent,#087a3d)}
.lgu-public-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lgu-primary-nav--public .lgu-portal-link{margin-left:0!important;flex:0 0 auto}

/* Premium municipal offices mega menu. */
@media(min-width:1024px){
  .lgu-nav-inner{position:relative}
  .lgu-offices-dropdown{position:static}
  .lgu-offices-dropdown>.lgu-offices-mega{
    top:calc(100% - 1px);left:0;right:0;width:100%;min-width:0;
    grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
    padding:24px 26px 26px;border:1px solid #d5e0e7;border-top:3px solid #00345f;
    border-radius:0 0 8px 8px;background:#fff;
    box-shadow:0 16px 32px rgba(0,30,65,.14)
  }
  .lgu-offices-dropdown.open>.lgu-offices-mega{display:grid}
}
.lgu-offices-mega .lgu-office-group{min-width:0;margin:0;padding:5px 22px 20px;border-right:1px solid #e1e8ed}
.lgu-offices-mega .lgu-office-group:nth-child(3n){border-right:0}
.lgu-offices-mega .lgu-office-group:nth-child(n+4){padding-top:21px;border-top:1px solid #e1e8ed}
.lgu-offices-mega .lgu-office-group h2{margin:0 0 10px;color:#9a6800;font:800 11px/1.3 Manrope,"Segoe UI",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.lgu-offices-mega .lgu-office-links{display:flex;flex-direction:column;gap:2px}
.lgu-offices-mega .lgu-office-links a{position:relative;min-height:34px;padding:8px 10px 8px 15px;border-radius:4px;color:#17324a;font-size:12px;font-weight:600;line-height:1.35}
.lgu-offices-mega .lgu-office-links a:before{content:"";position:absolute;top:14px;left:2px;width:5px;height:5px;border-radius:50%;background:#9bb0be}
.lgu-offices-mega .lgu-office-links a:hover,
.lgu-offices-mega .lgu-office-links a:focus-visible{background:#edf4f8;color:#00345f;outline:0}
.lgu-offices-mega .lgu-office-links a:hover:before,
.lgu-offices-mega .lgu-office-links a:focus-visible:before{background:#087ac7}
.lgu-offices-mega .lgu-office-links .lgu-office-featured{margin:4px 0;padding:10px 11px 10px 15px;border-left:3px solid #dcae2b;background:#f7f2e5;color:#00345f}
.lgu-offices-mega .lgu-office-links .lgu-office-featured:before{display:none}
.lgu-offices-mega .lgu-office-featured span,.lgu-offices-mega .lgu-office-featured small{display:block}
.lgu-offices-mega .lgu-office-featured span{font-weight:800}
.lgu-offices-mega .lgu-office-featured small{margin-top:3px;color:#687b88;font-size:10px;font-weight:600;letter-spacing:.02em}
.lgu-offices-mega .lgu-office-featured:hover,
.lgu-offices-mega .lgu-office-featured:focus-visible{background:#f1e8cc}

@media(max-width:1023px){
  .lgu-offices-dropdown>.lgu-offices-mega{padding:8px 10px 10px;border-left:2px solid #00345f;background:#f7fafc}
  .lgu-offices-mega .lgu-office-group{padding:13px 4px 10px;border:0;border-bottom:1px solid #dce5eb}
  .lgu-offices-mega .lgu-office-group:nth-child(n+4){padding-top:13px;border-top:0}
  .lgu-offices-mega .lgu-office-group:last-child{border-bottom:0}
  .lgu-offices-mega .lgu-office-group h2{margin:0 10px 6px;font-size:10px}
  .lgu-offices-mega .lgu-office-links{gap:1px}
  .lgu-offices-mega .lgu-office-links a{min-height:44px;padding:11px 12px 11px 22px;background:transparent}
  .lgu-offices-mega .lgu-office-links a:before{top:19px;left:9px}
  .lgu-offices-mega .lgu-office-links .lgu-office-featured{min-height:52px;margin:4px 7px;padding-left:13px}
}

@media(min-width:1024px){
  .lgu-primary-nav--public>a:first-child{margin-left:auto}
}
@media(min-width:1024px) and (max-width:1320px){
  .lgu-public-search input{position:absolute;width:1px;height:1px;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
  .lgu-public-search{width:40px;flex:0 0 40px}
}
@media(max-width:1023px){
  .lgu-public-search{width:100%;margin:8px 0 4px}
  .lgu-public-search input{width:auto;flex:1}
}

.lgu-public-actions{display:flex;align-items:center;margin-left:auto;text-transform:none}
.lgu-public-epay,.lgu-public-signin{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important}
.lgu-public-epay{gap:9px;min-height:48px;padding:0 20px;border-radius:12px;background:#087a3d;color:#fff!important;font:700 16px/1 var(--lgu-font,"Inter","Segoe UI",Arial,sans-serif)}
.lgu-public-epay:hover,.lgu-public-epay:focus-visible{background:#006b32;color:#fff!important}
.lgu-public-epay svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lgu-public-signin{width:42px;min-height:42px;border:1px solid var(--lgu-gold,#dcae2b);border-radius:10px;background:#fff;color:var(--lgu-navy,#001e41)!important;box-shadow:0 2px 6px rgba(0,30,65,.06)}
.lgu-public-signin:hover,.lgu-public-signin:focus-visible{border-color:var(--lgu-green,#004b1e);background:var(--lgu-surface-green,#f1f8f4);color:var(--lgu-green,#004b1e)!important}
.lgu-public-signin svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

@media(max-width:1023px){
  .lgu-public-actions{width:100%;margin:8px 0 2px;padding-top:10px;border-top:1px solid var(--lgu-border,#e5e7eb);justify-content:flex-end}
}

/* Homepage news portal: official notices and the existing live Facebook source. */
.updates-panel--portal{grid-column:1/-1;padding:0;overflow:visible;background:transparent}
.updates-portal-header{padding:18px 22px;border-bottom:1px solid var(--line,#e5e7eb)}
.updates-portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0;padding-top:18px}
.updates-column{min-width:0;padding:18px 22px 20px;border:0;border-radius:6px;background:#fff;box-shadow:0 8px 22px rgba(0,30,65,.055)}
.updates-column-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}
.updates-column-heading h3{margin:0 0 3px;color:var(--navy,#001e41);font-size:16px;font-weight:700;line-height:1.3}
.updates-column-heading p{margin:0;color:var(--muted,#6b7280);font-size:12px;line-height:1.45}
.official-update-list{max-height:480px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5d1 transparent}
.official-update-item{display:grid;grid-template-columns:82px minmax(0,1fr) 20px;align-items:center;gap:13px;padding:10px 4px;color:inherit;text-decoration:none;border-bottom:1px solid var(--line,#e5e7eb);transition:background-color .15s ease}
.official-update-item:first-child{padding-top:2px}
.official-update-item:last-child{border-bottom:0}
.official-update-item:hover,.official-update-item:focus-visible{background:#f7faf8;outline:0}
.official-update-image{display:block;width:82px;height:62px;overflow:hidden;border:1px solid #dde4e0;border-radius:6px;background:#f5f5f5}
.official-update-image img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.official-update-image img.is-fallback{object-fit:contain;padding:8px}
.official-update-item:hover .official-update-image img{transform:scale(1.025)}
.official-update-content{display:block;min-width:0}
.official-update-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}
.official-update-meta time{color:var(--muted,#6b7280);font-size:10px;white-space:nowrap}
.official-update-content>strong{display:block;color:var(--navy,#001e41);font-size:13px;line-height:1.35;transition:color .15s ease}
.official-update-content>small{display:block;margin-top:2px;color:var(--muted,#6b7280);font-size:11px;line-height:1.4}
.official-update-source{display:block;margin-top:4px;color:#52645d;font-size:10px}
.official-update-arrow{color:var(--green,#004b1e);font-size:17px;transition:transform .15s ease}
.official-update-item:hover .official-update-content>strong{color:var(--green,#004b1e)}
.official-update-item:hover .official-update-arrow{transform:translateX(2px)}
.facebook-column-heading{align-items:center;justify-content:flex-start}
.facebook-section-mark,.facebook-post-mark{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#1877f2;color:#fff}
.facebook-section-mark{width:38px;height:38px}
.facebook-post-mark{width:68px;height:68px;justify-self:center}
.facebook-section-mark svg{width:24px;height:24px;fill:currentColor}
.facebook-post-mark svg{width:42px;height:42px;fill:currentColor}
.facebook-refresh{min-height:34px;padding:6px 10px;border:1px solid #a8c9b7;border-radius:5px;background:#fff;color:var(--green,#004b1e);font:600 11px/1 inherit;cursor:pointer}
.facebook-refresh:hover,.facebook-refresh:focus-visible{border-color:var(--green,#004b1e);background:#f4f8f6;outline:2px solid rgba(8,122,61,.14);outline-offset:1px}
.facebook-refresh:disabled{opacity:.55;cursor:wait}
.facebook-status{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:#5e6d67;font-size:10px}
.facebook-live-dot{width:7px;height:7px;border-radius:50%;background:#087a3d}
.facebook-feed-frame{width:100%;max-height:480px;overflow-x:hidden;overflow-y:auto;border:1px solid var(--line,#e5e7eb);border-radius:6px;background:#f5f7f6;scrollbar-width:thin;scrollbar-color:#cbd5d1 transparent}
.facebook-feed-frame iframe{display:block;width:100%;max-width:100%;min-height:620px;background:#fff}
.facebook-feed-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:var(--muted,#6b7280);font-size:10px}
.facebook-feed-footer a{color:var(--green,#004b1e);font-weight:600;text-decoration:none}
.facebook-feed-footer a:hover{text-decoration:underline}
.facebook-fallback{padding:12px;border:1px solid var(--line,#e5e7eb);color:var(--muted,#6b7280);font-size:12px}
.updates-panel--portal+.calendar-panel{grid-column:1/2}
.updates-panel--portal~.side-stack{grid-column:2/-1}

/* Global public access navigation. */
.lgu-utility-links{display:flex;align-items:center;gap:10px}.lgu-utility-links a{color:inherit}.lgu-citizen-link{white-space:nowrap}
@media(max-width:900px){.lgu-utility-links{gap:7px}.lgu-utility-links span{opacity:.55}}

@media(max-width:900px){
  .updates-panel--portal+.calendar-panel,.updates-panel--portal~.side-stack{grid-column:1/-1}
  .updates-portal-grid{grid-template-columns:minmax(0,1fr)}
  .official-update-list,.facebook-feed-frame{max-height:none;overflow-y:visible}
  .facebook-feed-frame iframe{min-height:620px}
}
@media(max-width:520px){
  .updates-portal-header,.updates-column{padding:16px}
  .updates-column-heading{gap:10px}
  .facebook-column-heading{align-items:flex-start}
  .official-update-item{grid-template-columns:72px minmax(0,1fr) 16px;gap:10px;padding:10px 0}
  .official-update-image{width:72px;height:58px}
  .official-update-meta{align-items:flex-start;flex-direction:column;gap:3px}
  .facebook-feed-footer{align-items:flex-start;flex-direction:column}
}

/* Official 2026 Municipal Hall hero with a restrained navy readability fade. */
.municipal-homepage .hero-shade{
  background:linear-gradient(90deg,
    rgba(0,15,40,.88) 0%,
    rgba(0,30,65,.72) 24%,
    rgba(0,30,65,.38) 43%,
    rgba(0,30,65,.10) 61%,
    rgba(0,30,65,0) 76%)
}

@media(min-width:901px){
  .municipal-homepage .hero-image{object-position:center 46%}
}

@media(max-width:900px){
  .municipal-homepage .hero-shade{
    background:linear-gradient(180deg,rgba(0,15,40,.42) 0%,rgba(0,15,40,.82) 72%,rgba(0,15,40,.9) 100%)
  }
}

/* Keep emergency contact details prominent and readable on the homepage. */
@media(min-width:1101px){
  .municipal-homepage .hero-layout{
    grid-template-columns:minmax(0,1fr) 380px;
    gap:38px
  }
  .municipal-homepage .emergency-card{
    width:380px;
    padding:22px 24px;
    align-self:start;
    margin-top:92px
  }
  .municipal-homepage .emergency-heading{gap:14px;padding-bottom:16px}
  .municipal-homepage .emergency-heading>span{width:44px;height:44px;font-size:22px}
  .municipal-homepage .emergency-heading small{font-size:10px}
  .municipal-homepage .emergency-heading h2{font-size:19px}
  .municipal-homepage .emergency-card ul{margin:9px 0 14px}
  .municipal-homepage .emergency-card li{padding:11px 2px}
  .municipal-homepage .emergency-card li b{font-size:13px}
  .municipal-homepage .emergency-card li small{font-size:10px}
  .municipal-homepage .emergency-card li a{font-size:13px}
  .municipal-homepage .emergency-action{padding:12px 10px;font-size:11px}
}

@media(min-width:901px) and (max-width:1100px){
  .municipal-homepage .hero-layout{
    grid-template-columns:minmax(0,1fr) 320px
  }
  .municipal-homepage .emergency-card{
    width:320px;
    padding:18px 20px;
    align-self:start;
    margin-top:72px
  }
  .municipal-homepage .emergency-heading h2{font-size:17px}
  .municipal-homepage .emergency-card li b,
  .municipal-homepage .emergency-card li a{font-size:11px}
}

/* Final compact hotline proportions preserve the flag sightline. */
@media(min-width:1101px){
  .municipal-homepage .hero-layout{grid-template-columns:minmax(0,1fr) 300px;gap:36px}
  .municipal-homepage .emergency-card{
    width:300px;padding:16px 18px;margin-top:150px;align-self:start;
    border:1px solid rgba(255,255,255,.16);box-shadow:0 3px 10px rgba(0,15,40,.18)
  }
  .municipal-homepage .emergency-heading{gap:11px;padding-bottom:11px}
  .municipal-homepage .emergency-heading>span{width:36px;height:36px;font-size:18px}
  .municipal-homepage .emergency-heading small{font-size:8px;letter-spacing:.07em}
  .municipal-homepage .emergency-heading h2{font-size:16px;line-height:1.2}
  .municipal-homepage .emergency-card ul{margin:5px 0 10px}
  .municipal-homepage .emergency-card li{padding:8px 1px}
  .municipal-homepage .emergency-card li b{font-size:11px}
  .municipal-homepage .emergency-card li small{font-size:8px}
  .municipal-homepage .emergency-card li a{font-size:11px}
  .municipal-homepage .emergency-action{padding:9px 8px;font-size:9px}
}

@media(min-width:901px) and (max-width:1100px){
  .municipal-homepage .hero-layout{grid-template-columns:minmax(0,1fr) 270px;gap:24px}
  .municipal-homepage .emergency-card{width:270px;padding:14px 16px;margin-top:58px}
  .municipal-homepage .emergency-heading>span{width:34px;height:34px;font-size:17px}
  .municipal-homepage .emergency-heading h2{font-size:15px}
  .municipal-homepage .emergency-card li{padding:7px 1px}
  .municipal-homepage .emergency-card li b,
  .municipal-homepage .emergency-card li a{font-size:10px}
  .municipal-homepage .emergency-card li small{font-size:8px}
  .municipal-homepage .emergency-action{padding:8px;font-size:9px}
}

/* Homepage hero polish: stronger hierarchy and a clearly legible emergency panel. */
.municipal-homepage .hero .hero-script{
  margin-bottom:2px;
  color:#f4c430;
  font-family:"Segoe Script","Brush Script MT",cursive!important;
  font-size:clamp(34px,3vw,48px)!important;
  font-style:normal;
  font-weight:400!important;
  letter-spacing:0;
  line-height:1.1;
  text-shadow:0 2px 12px rgba(0,0,0,.28)
}
.municipal-homepage .hero h1{
  font-family:Manrope,"Segoe UI",Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.045em!important
}
.municipal-homepage .hero .hero-tagline{
  font-family:Manrope,"Segoe UI",Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.015em
}
.municipal-homepage .hero .hero-summary{
  max-width:610px;
  margin:16px 0 24px;
  color:#fff;
  font-size:16px!important;
  font-family:"DM Sans","Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  letter-spacing:.005em;
  line-height:1.55!important;
  text-shadow:0 1px 4px rgba(0,0,0,.42)
}
.municipal-homepage .emergency-card{
  border:1px solid rgba(255,255,255,.24);
  border-radius:8px;
  background:rgba(0,30,65,.97);
  box-shadow:0 18px 45px rgba(0,15,40,.42),0 0 0 1px rgba(0,0,0,.12)
}
.municipal-homepage .emergency-heading small{color:#c7d8e6}
.municipal-homepage .emergency-card li{border-bottom-color:rgba(255,255,255,.16)}
.municipal-homepage .emergency-card li small{color:#b9cad7}
.municipal-homepage .emergency-card li a{color:#ffd34f}

@media(min-width:1101px){
  .municipal-homepage .hero-layout{grid-template-columns:minmax(0,1fr) 360px;gap:54px}
  .municipal-homepage .emergency-card{width:360px;margin-top:76px;padding:22px 24px}
  .municipal-homepage .emergency-heading{gap:13px;padding-bottom:15px}
  .municipal-homepage .emergency-heading>span{width:42px;height:42px;font-size:21px}
  .municipal-homepage .emergency-heading small{font-size:9px;letter-spacing:.09em}
  .municipal-homepage .emergency-heading h2{font-size:19px}
  .municipal-homepage .emergency-card ul{margin:8px 0 15px}
  .municipal-homepage .emergency-card li{padding:11px 1px}
  .municipal-homepage .emergency-card li b{font-size:13px}
  .municipal-homepage .emergency-card li small{font-size:10px}
  .municipal-homepage .emergency-card li a{font-size:13px}
  .municipal-homepage .emergency-action{padding:12px 10px;font-size:11px}
}

@media(min-width:901px) and (max-width:1100px){
  .municipal-homepage .hero-layout{grid-template-columns:minmax(0,1fr) 310px;gap:30px}
  .municipal-homepage .emergency-card{width:310px;margin-top:48px;padding:18px 19px}
  .municipal-homepage .emergency-heading h2{font-size:16px}
  .municipal-homepage .emergency-card li b,.municipal-homepage .emergency-card li a{font-size:11px}
  .municipal-homepage .hero .hero-summary{font-size:16px!important}
}

@media(max-width:900px){
  .municipal-homepage .hero .hero-script{font-size:34px!important}
  .municipal-homepage .hero .hero-summary{font-size:15px!important;line-height:1.5!important}
  .municipal-homepage .emergency-card{padding:19px}
}

/* Professional municipal service shortcuts. */
.municipal-homepage .service-dock{
  margin-top:-42px;
  padding:18px 18px 58px;
  border:1px solid #d9e2de;
  border-radius:10px;
  background:#fff;
  box-shadow:0 14px 36px rgba(0,30,65,.12)
}
.municipal-homepage .service-item{
  min-height:112px;
  padding:14px 10px;
  border-right:1px solid #e1e7e4;
  border-radius:6px;
  transition:background-color .18s ease,transform .18s ease,color .18s ease
}
.municipal-homepage .service-item:hover,.municipal-homepage .service-item:focus-visible{
  color:#004b1e;
  background:#f3f8f5;
  transform:translateY(-3px);
  outline:0
}
.municipal-homepage .service-icon{
  width:48px;
  height:48px;
  margin-bottom:9px;
  border-radius:50%;
  background:#edf6f1!important;
  color:#004b1e!important
}
.municipal-homepage .service-item:nth-child(2) .service-icon,
.municipal-homepage .service-item:nth-child(5) .service-icon{background:#edf3f8!important;color:#001e41!important}
.municipal-homepage .service-item:nth-child(3) .service-icon,
.municipal-homepage .service-item:nth-child(6) .service-icon{background:#fff8e6!important;color:#b98600!important}
.municipal-homepage .service-icon svg{width:25px;height:25px;stroke-width:1.8}
.municipal-homepage .service-item strong{color:#001e41;font-size:13px;font-weight:700}
.municipal-homepage .service-item small{margin-top:4px;color:#65746d;font-size:10px;line-height:1.35}
.municipal-homepage .services-all{
  bottom:14px;
  width:auto;
  height:auto;
  min-height:34px;
  padding:0 18px;
  border:1px solid #004b1e;
  border-radius:6px;
  background:#fff;
  color:#004b1e;
  font-size:11px;
  font-weight:700;
  letter-spacing:.025em;
  transition:background-color .18s ease,color .18s ease
}
.municipal-homepage .services-all:hover,.municipal-homepage .services-all:focus-visible{background:#004b1e;color:#fff;outline:0}

@media(max-width:600px){
  .municipal-homepage .service-dock{padding:10px 10px 56px;border-radius:8px}
  .municipal-homepage .service-item{min-height:108px;padding:12px 7px}
  .municipal-homepage .service-icon{width:44px;height:44px}
  .municipal-homepage .services-all{width:calc(100% - 20px)}
}

/* Municipal palette and readable type for homepage information panels. */
.municipal-homepage .service-dock{background:#f6f9f7}
.municipal-homepage .service-item{margin:0 5px;border:1px solid #dce5e1;border-radius:8px;background:#fff}
.municipal-homepage .service-item:last-of-type{border-right:1px solid #dce5e1}
.municipal-homepage .services-all{border-color:#004b1e;background:#004b1e;color:#fff}
.municipal-homepage .services-all span{color:#f4c430}
.municipal-homepage .services-all:hover,.municipal-homepage .services-all:focus-visible{background:#001e41;border-color:#001e41}

.municipal-homepage .updates-panel--portal{
  border:1px solid #d7e1dc;
  border-radius:10px;
  background:#fff;
  box-shadow:0 12px 30px rgba(0,30,65,.08)
}
.municipal-homepage .updates-portal-header{
  padding:22px 26px;
  background:linear-gradient(90deg,#f4f9f6 0%,#f7f9fc 100%);
  border-bottom:1px solid #d7e1dc
}
.municipal-homepage .updates-portal-header .section-label{color:#087a3d;font-size:11px;letter-spacing:.12em}
.municipal-homepage .updates-portal-header h2{color:#001e41;font-size:26px;line-height:1.2}
.municipal-homepage .updates-header-actions .updates-view-all{
  min-height:44px;
  padding-left:18px;
  border-color:#004b1e;
  border-radius:7px;
  background:#004b1e;
  color:#fff;
  font-size:12px;
  letter-spacing:.04em
}
.municipal-homepage .updates-header-actions .updates-view-all span{width:42px;color:#f4c430}
.municipal-homepage .updates-header-actions .updates-view-all:hover{border-color:#001e41;background:#001e41}
.municipal-homepage .updates-column{padding:24px 26px 28px}
.municipal-homepage .updates-column--official{background:#fbfdfc}
.municipal-homepage .updates-column--facebook{background:#f8fafc}
.municipal-homepage .updates-column-divider{background:#d7e1dc}
.municipal-homepage .updates-column-heading h3{color:#001e41;font-size:19px;line-height:1.3}
.municipal-homepage .updates-column-heading p{color:#5d6c66;font-size:14px;line-height:1.5}
.municipal-homepage .updates-repository-empty{padding:22px 24px;border-color:#ceddd5;background:#f1f7f4}
.municipal-homepage .updates-repository-empty strong{color:#004b1e;font-size:14px}
.municipal-homepage .updates-repository-empty span{color:#53645c;font-size:13px;line-height:1.55}
.municipal-homepage .facebook-refresh{min-height:40px;padding:8px 13px;border-color:#87b39d;background:#fff;color:#004b1e;font-size:13px}
.municipal-homepage .facebook-refresh:hover,.municipal-homepage .facebook-refresh:focus-visible{border-color:#004b1e;background:#edf6f1}
.municipal-homepage .facebook-status{font-size:12px}
.municipal-homepage .facebook-live-dot{width:9px;height:9px;background:#087a3d}
.municipal-homepage .facebook-feed-frame{border-color:#cedbd5;background:#eef3f1}
.municipal-homepage .facebook-feed-footer{font-size:12px}

@media(max-width:700px){
  .municipal-homepage .updates-portal-header,.municipal-homepage .updates-column{padding:18px}
  .municipal-homepage .updates-portal-header h2{font-size:23px}
  .municipal-homepage .updates-column-heading h3{font-size:17px}
  .municipal-homepage .updates-column-heading p{font-size:13px}
}

/* Mayor's welcome and priority transactions. */
.mayor-welcome{display:grid;grid-template-columns:minmax(240px,29%) minmax(330px,34%) 1fr;min-height:420px;margin-top:42px;overflow:hidden;border:1px solid #d7e1dc;border-radius:10px;background:#fff;box-shadow:0 14px 38px rgba(0,30,65,.09)}
.mayor-photo-placeholder{min-height:420px;background:linear-gradient(145deg,#edf2ef,#e2e9e5);border-right:4px solid #dcae2b}
.mayor-welcome-copy{display:flex;flex-direction:column;justify-content:center;padding:44px 46px;border-right:1px solid #dce4e0}
.mayor-office-label{color:#b07d00;font:700 12px/1.3 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.mayor-welcome-copy h2{margin:12px 0 25px;color:#001e41;font:800 clamp(27px,2.3vw,36px)/1.15 Manrope,sans-serif;letter-spacing:-.035em}
.mayor-welcome-copy blockquote{position:relative;margin:0;padding-left:58px;color:#263b4b;font:500 clamp(17px,1.5vw,21px)/1.65 "DM Sans",sans-serif}
.mayor-welcome-copy blockquote:before{position:absolute;left:0;top:-8px;content:"“";color:#dcae2b;font:700 68px/1 Georgia,serif}
.mayor-signature{margin:24px 0 0 58px;padding-top:20px;border-top:2px solid #dcae2b}
.mayor-name-placeholder{display:block;min-height:24px}
.mayor-signature small{display:block;color:#63736c;font-size:14px}
.mayor-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:38px;background:#f5f8f6}
.mayor-quick-actions a{display:flex;flex-direction:column;justify-content:center;min-height:155px;padding:22px;border:1px solid #cedbd5;border-radius:6px;background:#fff;color:#001e41;text-decoration:none;transition:none}
.mayor-quick-actions a:hover,.mayor-quick-actions a:focus-visible{border-color:#6e9d85;background:#f2f7f4;box-shadow:none;transform:none;outline:2px solid #dcae2b;outline-offset:2px}
.mayor-quick-actions a>span{display:grid;place-items:center;width:50px;height:50px;margin-bottom:14px;border-radius:6px;background:#004b1e;color:#fff}
.mayor-quick-actions a:nth-child(2n)>span{background:#001e41}
.mayor-quick-actions a:nth-child(3)>span{background:#b98600}
.mayor-quick-actions svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mayor-quick-actions strong{font:700 16px/1.25 Manrope,sans-serif}
.mayor-quick-actions small{margin-top:6px;color:#62716a;font-size:13px;line-height:1.4}
@media(max-width:1100px){.mayor-welcome{grid-template-columns:260px 1fr}.mayor-photo-placeholder{grid-row:1/3}.mayor-welcome-copy{border-right:0}.mayor-quick-actions{grid-column:2;padding:24px}.mayor-quick-actions a{min-height:135px}}
@media(max-width:720px){.mayor-welcome{grid-template-columns:1fr;margin-top:28px}.mayor-photo-placeholder{grid-row:auto;min-height:260px;border-right:0;border-bottom:4px solid #dcae2b}.mayor-welcome-copy{padding:32px 24px}.mayor-welcome-copy blockquote{padding-left:42px;font-size:17px}.mayor-signature{margin-left:42px}.mayor-quick-actions{grid-column:auto;grid-template-columns:1fr;padding:18px}.mayor-quick-actions a{min-height:125px}}

.account-link-callout{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:24px;padding:25px 30px;border:1px solid #d5e1db;border-radius:10px;background:linear-gradient(90deg,#fff 0%,#f6faf8 100%);box-shadow:0 8px 24px rgba(0,30,65,.06)}
.account-link-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:10px;background:#001e41;color:#fff}
.account-link-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.account-link-callout h2{margin:0;color:#001e41;font:800 24px/1.2 Manrope,sans-serif;letter-spacing:-.025em}
.account-link-callout p{margin:6px 0 0;color:#5c6c65;font-size:15px;line-height:1.5}
.account-link-callout>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid #004b1e;border-radius:6px;background:#004b1e;color:#fff;text-decoration:none;font:700 14px/1 Manrope,sans-serif;box-shadow:none;transition:none}
.account-link-callout>a:hover,.account-link-callout>a:focus-visible{border-color:#001e41;background:#001e41;transform:none;outline:2px solid #dcae2b;outline-offset:2px}
@media(max-width:720px){.account-link-callout{grid-template-columns:52px 1fr;gap:16px;padding:22px}.account-link-icon{width:50px;height:50px}.account-link-callout h2{font-size:20px}.account-link-callout p{font-size:14px}.account-link-callout>a{grid-column:1/-1;width:100%}}

.civic-insights{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.9fr) minmax(280px,.75fr);align-items:stretch;gap:20px;margin-top:24px}
.civic-accomplishments,.civic-weather,.citizen-care{border:1px solid #d6e0db;border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(0,30,65,.06)}
.civic-accomplishments{padding:28px 32px}.civic-accomplishments header{padding-bottom:18px;border-bottom:1px solid #dce4e0}.civic-accomplishments header>span,.civic-weather header>span,.citizen-care>span{color:#087a3d;font:700 11px/1.3 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}.civic-accomplishments h2,.civic-weather h2,.citizen-care h2{margin:6px 0 0;color:#001e41;font:800 25px/1.2 Manrope,sans-serif;letter-spacing:-.025em}.civic-accomplishments header p{margin:7px 0 0;color:#62716a;font-size:13px}
.civic-metric{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:18px;padding:19px 0;border-bottom:1px solid #e0e6e3}.civic-metric:last-child{border-bottom:0;padding-bottom:2px}.civic-metric>span{display:grid;place-items:center;width:52px;height:52px;border-radius:7px;background:#eef6f2;color:#004b1e}.civic-metric:nth-child(3)>span{background:#eef3f8;color:#001e41}.civic-metric:nth-child(4)>span{background:#fff7e2;color:#a87900}.civic-metric svg{width:26px;height:26px}.civic-metric div{display:flex;flex-direction:column}.civic-metric strong{color:#004b1e;font:700 13px/1.2 Manrope,sans-serif;letter-spacing:.02em;text-transform:uppercase}.civic-metric small{margin-top:5px;color:#001e41;font-size:15px;font-weight:600}.civic-metric em{margin-top:3px;color:#74827b;font-size:11px;font-style:normal}
.civic-weather{padding:26px}.civic-weather header{margin-bottom:20px}.weather-current{display:grid;grid-template-columns:minmax(0,1fr) 48px auto;align-items:center;gap:12px;padding:18px;border:1px solid #d9e2de;border-radius:7px;background:#f7faf8}.weather-current>div{display:flex;flex-direction:column}.weather-current strong{color:#001e41;font-size:15px}.weather-current span{margin-top:4px;color:#64736c;font-size:13px}.weather-current>b{display:grid;place-items:center;width:46px;height:46px;border-radius:6px;background:#fff;color:#b98600;font-size:25px}.weather-current output{color:#001e41;font:800 25px/1 Manrope,sans-serif}.weather-days{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.weather-days>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:11px;border:1px solid #dce4e0;border-radius:6px;background:#fff}.weather-days span{color:#64736c;font-size:11px}.weather-days b{color:#001e41;font-size:13px}.weather-days i{grid-row:1/3;grid-column:2;font-size:20px;font-style:normal}.weather-source{display:block;margin-top:10px;color:#829089;font-size:10px;text-align:right}
.citizen-care{padding:26px;background:#001e41;color:#fff}.citizen-care>span{color:#dcae2b}.citizen-care h2{color:#fff}.citizen-care>p{margin:8px 0 18px;color:#d5e0e8;font-size:14px}.citizen-care>a:not(.citizen-care-action){display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none}.citizen-care>a svg{width:20px;height:20px}.citizen-care>a strong{font-size:13px;overflow-wrap:anywhere}.citizen-care-action{display:flex;align-items:center;justify-content:center;min-height:40px;margin-top:14px;border:1px solid #dcae2b;border-radius:6px;color:#fff;text-decoration:none;font-size:12px;font-weight:700}.citizen-care-action:hover,.citizen-care-action:focus-visible{background:#dcae2b;color:#001e41;outline:0}
@media(max-width:1050px){.civic-insights{grid-template-columns:1fr 1fr}.citizen-care{grid-column:1/-1}.citizen-care{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.citizen-care>span,.citizen-care h2,.citizen-care>p,.citizen-care-action{grid-column:1/-1}}
@media(max-width:700px){.civic-insights{grid-template-columns:1fr}.citizen-care{grid-column:auto;display:block}.civic-accomplishments{padding:24px}.civic-metric{padding:20px 0}.weather-current{grid-template-columns:1fr auto}.weather-current>b{display:none}}

/* Readable, restrained civic directory panels. */
.municipal-homepage .calendar-panel,.municipal-homepage .transparency-panel,.municipal-homepage .programs-panel{
  padding:20px;
  border:1px solid #d7e1dc;
  border-radius:8px;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,30,65,.05)
}
.municipal-homepage .calendar-panel .panel-header,.municipal-homepage .transparency-panel .panel-header,.municipal-homepage .programs-panel .panel-header{
  margin-bottom:12px;
  padding-bottom:11px;
  border-bottom:1px solid #dce4e0
}
.municipal-homepage .calendar-panel .panel-header h2,.municipal-homepage .transparency-panel .panel-header h2,.municipal-homepage .programs-panel .panel-header h2{
  color:#001e41;
  font:800 17px/1.25 Manrope,sans-serif;
  letter-spacing:-.015em
}
.municipal-homepage .calendar-panel .panel-header>a,.municipal-homepage .transparency-panel .panel-header>a,.municipal-homepage .programs-panel .panel-header>a{
  color:#004b1e;
  font-size:12px;
  font-weight:700
}
.municipal-homepage .calendar-date{min-height:48px;margin-bottom:8px;padding:9px 13px;background:#f3f7f5}
.municipal-homepage .calendar-date strong{color:#001e41;font-size:14px}
.municipal-homepage .calendar-date button{color:#004b1e;font-size:18px}
.municipal-homepage .event{grid-template-columns:58px 1fr;gap:14px;padding:11px 0}
.municipal-homepage .event time{padding:6px;border:1px solid #d2dfd8;background:#f4f8f6}
.municipal-homepage .event time b{color:#001e41;font-size:16px}
.municipal-homepage .event time span{color:#004b1e;font-size:10px}
.municipal-homepage .event strong{color:#001e41;font-size:13px}
.municipal-homepage .event small{margin-top:3px;font-size:11px}
.municipal-homepage .calendar-full-link{display:flex;align-items:center;justify-content:center;min-height:40px;margin-top:12px;border:1px solid #004b1e;border-radius:6px;color:#004b1e;font-size:12px;font-weight:700;text-transform:uppercase}
.municipal-homepage .calendar-full-link:hover,.municipal-homepage .calendar-full-link:focus-visible{background:#004b1e;color:#fff;outline:0}
.municipal-homepage .sync-note{padding:12px;margin-top:12px;border:1px solid #cde0d6;background:#edf6f1}
.municipal-homepage .sync-note b{font-size:12px}.municipal-homepage .sync-note small{font-size:11px}

.municipal-homepage .transparency-grid{gap:0}
.municipal-homepage .transparency-grid a{min-height:130px;padding:16px 10px;border:0;border-right:1px solid #dce4e0;border-radius:0;background:#fff;transform:none;transition:none}
.municipal-homepage .transparency-grid a:last-child{border-right:0}
.municipal-homepage .transparency-grid a:hover,.municipal-homepage .transparency-grid a:focus-visible{border-color:#dce4e0;background:#f3f8f5;transform:none;outline:2px solid #dcae2b;outline-offset:-2px}
.municipal-homepage .transparency-grid span{height:48px}.municipal-homepage .transparency-grid svg{width:38px;height:38px}
.municipal-homepage .transparency-grid strong{margin-top:9px;color:#001e41;font-size:13px}
.municipal-homepage .transparency-grid small{margin-top:4px;color:#65746d;font-size:11px}

.municipal-homepage .program-grid{gap:0}
.municipal-homepage .program-grid a{min-height:142px;padding:15px 7px;border-right:1px solid #dce4e0;background:#fff}
.municipal-homepage .program-grid a:last-child{border-right:0}
.municipal-homepage .program-grid a:hover,.municipal-homepage .program-grid a:focus-visible{background:#f3f8f5;outline:2px solid #dcae2b;outline-offset:-2px}
.municipal-homepage .program-grid span{width:58px;height:58px}
.municipal-homepage .program-grid svg{width:52px;height:52px}
.municipal-homepage .program-grid strong{margin-top:9px;color:#001e41;font-size:12px}
.municipal-homepage .program-grid small{margin-top:4px;color:#65746d;font-size:10px;line-height:1.35}

.municipal-homepage .quick-info-grid>a,.municipal-homepage .quick-info-grid>div{min-height:92px;padding:16px 20px;background:#fff}
.municipal-homepage .quick-info-grid svg{width:27px;height:27px;color:#004b1e}
.municipal-homepage .quick-info-grid strong{color:#001e41;font-size:12px}
.municipal-homepage .quick-info-grid small{margin-top:3px;color:#65746d;font-size:10px;line-height:1.35}
.municipal-homepage .quick-info-grid b{color:#b98600;font-size:16px}

@media(max-width:900px){.municipal-homepage .transparency-grid{grid-template-columns:repeat(2,1fr)}.municipal-homepage .transparency-grid a:nth-child(2){border-right:0}.municipal-homepage .program-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.municipal-homepage .calendar-panel,.municipal-homepage .transparency-panel,.municipal-homepage .programs-panel{padding:16px}.municipal-homepage .program-grid{grid-template-columns:repeat(2,1fr)}.municipal-homepage .program-grid a:nth-child(2n){border-right:0}}

/* Premium civic hero overlay, adapted to the Pinabacdao palette. */
.municipal-homepage .hero{background:#eef3f1}
.municipal-homepage .hero-shade{
  background:
    linear-gradient(90deg,rgba(235,245,252,.97) 0%,rgba(239,247,252,.92) 22%,rgba(233,247,240,.7) 34%,rgba(8,119,201,.13) 49%,rgba(0,136,71,.08) 62%,rgba(0,45,87,.3) 100%),
    linear-gradient(180deg,rgba(255,107,36,.035) 0%,rgba(0,45,87,.14) 100%)
}
.municipal-homepage .hero-copy{color:#001e41}
.municipal-homepage .hero .hero-script{color:#087a3d;text-shadow:none}
.municipal-homepage .hero h1{color:#001e41;text-shadow:none}
.municipal-homepage .hero .hero-tagline{color:#004b1e;text-shadow:none}
.municipal-homepage .hero .hero-tagline:after{display:block;width:64px;height:3px;margin-top:15px;content:"";background:#dcae2b}
.municipal-homepage .hero .hero-summary{color:#263b4b;text-shadow:none}
.municipal-homepage .service-search{border:1px solid #cbd8d2;border-radius:8px;box-shadow:0 12px 28px rgba(0,30,65,.12)}
.municipal-homepage .service-search{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;width:min(720px,100%);padding:7px 7px 7px 18px;background:#fff}
.municipal-homepage .service-search-leading{width:24px;height:24px;color:#0877c9;stroke-width:1.8}
.municipal-homepage .service-search input{height:52px;padding:0 12px;color:#001e41;background:#fff;font:500 15px/1.4 "DM Sans",sans-serif}
.municipal-homepage .service-search input::placeholder{font-family:"DM Sans",sans-serif;font-weight:500}
.municipal-homepage .service-search button{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:142px;height:52px;padding:0 18px;border-radius:6px;background:#004b1e;font:700 14px/1 "DM Sans",sans-serif}
.municipal-homepage .service-search button svg{width:20px;height:20px}
.municipal-homepage .service-search button:hover,.municipal-homepage .service-search button:focus-visible{background:#087a3d;outline:2px solid #dcae2b;outline-offset:2px}

@media(max-width:900px){
  .municipal-homepage .hero-shade{background:linear-gradient(180deg,rgba(235,245,252,.95) 0%,rgba(233,247,240,.87) 52%,rgba(0,59,112,.34) 100%)}
  .municipal-homepage .hero-copy{max-width:620px}
}
@media(max-width:560px){.municipal-homepage .service-search{grid-template-columns:28px minmax(0,1fr);padding:6px 10px 6px 14px}.municipal-homepage .service-search input{font-size:13px}.municipal-homepage .service-search button{grid-column:1/-1;width:100%;margin-top:4px}.municipal-homepage .service-search button span{display:inline}}

/* Compact the hero-to-services transition. */
@media(min-width:1101px){
  .municipal-homepage .hero,.municipal-homepage .hero-layout{min-height:570px}
  .municipal-homepage .hero-layout{padding-block:38px 70px}
  .municipal-homepage .hero-layout{grid-template-columns:minmax(0,1fr) 340px;gap:46px}
  .municipal-homepage .emergency-card{width:340px;margin-top:30px;padding:20px 22px}
  .municipal-homepage .emergency-card li{padding:9px 1px}
}
.municipal-homepage .service-dock{
  grid-auto-rows:132px;
  margin-top:-34px;
  padding:14px 14px 52px;
  border-color:#0b3b68;
  background:linear-gradient(135deg,#001e41 0%,#06345f 100%);
  box-shadow:0 16px 38px rgba(0,30,65,.22)
}
.municipal-homepage .service-item{
  min-height:0;
  height:132px;
  margin-inline:4px;
  padding:12px 8px;
  border-color:rgba(255,255,255,.62);
  background:#fff
}
.municipal-homepage .service-icon{width:44px;height:44px;margin-bottom:7px}
.municipal-homepage .service-icon svg{width:24px;height:24px}
.municipal-homepage .service-item strong{font-size:12px}
.municipal-homepage .service-item small{font-size:10px}
.municipal-homepage .services-all{bottom:10px;min-height:32px;padding-inline:16px;border-color:#dcae2b;background:#dcae2b;color:#001e41;font-size:10px}
.municipal-homepage .services-all span{color:#001e41}
.municipal-homepage .services-all:hover,.municipal-homepage .services-all:focus-visible{border-color:#fff;background:#fff;color:#004b1e}

@media(max-width:900px){.municipal-homepage .service-dock{grid-auto-rows:auto}.municipal-homepage .service-item{height:auto;min-height:112px}}
@media(min-width:901px) and (max-width:1100px){.municipal-homepage .hero-layout{grid-template-columns:minmax(0,1fr) 300px;gap:26px}.municipal-homepage .emergency-card{width:300px;margin-top:34px;padding:17px}.municipal-homepage .service-search button{min-width:132px;padding-inline:14px}}

/* Official Pinabacdao wordmark palette. */
.municipal-homepage{
  --pina-blue:#0877c9;
  --pina-blue-dark:#003b70;
  --pina-orange:#ff6b24;
  --pina-green:#008847;
  --pina-yellow:#ffcf3f;
  --pina-red:#e91c24;
  --pina-ink:#002d57
}
.municipal-homepage .hero .hero-script{color:var(--pina-blue)}
.municipal-homepage .hero h1{color:var(--pina-ink)}
.municipal-homepage .hero .hero-tagline{color:var(--pina-green)}
.municipal-homepage .hero .hero-tagline:after{background:var(--pina-yellow)}
.municipal-homepage .service-search button{background:var(--pina-green)}
.municipal-homepage .service-search button:hover{background:#006f3a;outline:0}
.municipal-homepage .service-search button:focus-visible{background:#006f3a;outline:0;box-shadow:0 0 0 2px rgba(8,119,201,.35)}

/* Compact, deliberately restrained hero service search */
.municipal-homepage .service-search{
  grid-template-columns:28px minmax(0,1fr) auto;
  width:min(620px,100%);
  min-height:0;
  padding:5px 5px 5px 15px;
  border:1px solid #c8d5d0;
  border-radius:6px;
  box-shadow:0 8px 22px rgba(0,30,65,.10);
}
.municipal-homepage .service-search-leading{
  width:20px;
  height:20px;
  color:#0877c9;
}
.municipal-homepage .service-search input{
  height:44px;
  padding:0 10px;
  font-size:14px;
  font-weight:500;
}
.municipal-homepage .service-search button{
  min-width:128px;
  height:44px;
  padding:0 16px;
  gap:7px;
  border-radius:4px;
  background:#00854a;
  font-size:13px;
  font-weight:700;
  box-shadow:none;
}
.municipal-homepage .service-search button svg{
  width:18px;
  height:18px;
}
.municipal-homepage .service-search button:hover,
.municipal-homepage .service-search button:focus-visible{
  background:#006f3a;
}
@media(max-width:560px){
  .municipal-homepage .service-search{grid-template-columns:24px minmax(0,1fr);padding:5px 9px 5px 12px}
  .municipal-homepage .service-search-leading{width:18px;height:18px}
  .municipal-homepage .service-search input{height:42px;font-size:13px}
  .municipal-homepage .service-search button{height:42px;min-width:0;margin-top:3px}
}
.municipal-homepage .emergency-card{background:rgba(0,45,87,.97);border-color:rgba(8,119,201,.5)}
.municipal-homepage .emergency-heading>span{background:var(--pina-orange)}
.municipal-homepage .emergency-card li a{color:var(--pina-yellow)}
.municipal-homepage .emergency-action{background:var(--pina-red)}
.municipal-homepage .emergency-action:hover,.municipal-homepage .emergency-action:focus-visible{background:#c8161d}
.municipal-homepage .emergency-card{
  align-self:center;
  margin-top:0;
  border:1px solid rgba(8,119,201,.72);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(0,45,87,.98) 0%,rgba(0,59,112,.96) 100%);
  box-shadow:0 16px 34px rgba(0,30,65,.3)
}
.municipal-homepage .emergency-heading{border-bottom-color:rgba(143,196,233,.28)}
.municipal-homepage .emergency-heading>span{border-radius:6px;background:var(--pina-orange)}
.municipal-homepage .emergency-heading small{color:#bdd8eb}
.municipal-homepage .emergency-heading h2{color:#fff;letter-spacing:-.015em}
.municipal-homepage .emergency-card li{border-bottom-color:rgba(143,196,233,.22)}
.municipal-homepage .emergency-card li b{color:#fff}
.municipal-homepage .emergency-card li small{color:#c1d7e7}
.municipal-homepage .emergency-card li a{color:var(--pina-yellow)}
.municipal-homepage .emergency-action{border-radius:6px;background:var(--pina-red);box-shadow:none;transition:none}
.municipal-homepage .emergency-action:hover,.municipal-homepage .emergency-action:focus-visible{background:#c8161d;outline:2px solid #fff;outline-offset:2px}
.municipal-homepage .service-dock{border-color:#bfd4e3;border-top:5px solid var(--pina-blue);background:linear-gradient(135deg,#f5f9fc 0%,#eef5f9 55%,#f4f8f6 100%);box-shadow:0 14px 34px rgba(0,45,87,.12)}
.municipal-homepage .service-item:nth-child(1) .service-icon,.municipal-homepage .service-item:nth-child(4) .service-icon{background:#eaf7f0!important;color:var(--pina-green)!important}
.municipal-homepage .service-item:nth-child(2) .service-icon,.municipal-homepage .service-item:nth-child(5) .service-icon{background:#eaf3fb!important;color:var(--pina-blue)!important}
.municipal-homepage .service-item:nth-child(3) .service-icon{background:#fff0e8!important;color:var(--pina-orange)!important}
.municipal-homepage .service-item:nth-child(6) .service-icon{background:#fff8df!important;color:#b88700!important}
.municipal-homepage .services-all{border-color:var(--pina-blue);background:var(--pina-blue);color:#fff}
.municipal-homepage .services-all span{color:var(--pina-yellow)}
.municipal-homepage .services-all:hover,.municipal-homepage .services-all:focus-visible{border-color:var(--pina-green);background:var(--pina-green);color:#fff}
.municipal-homepage .mayor-office-label,.municipal-homepage .mayor-welcome-copy blockquote:before{color:var(--pina-orange)}
.municipal-homepage .mayor-photo-placeholder{border-color:var(--pina-yellow)}
.municipal-homepage .mayor-welcome-copy h2,.municipal-homepage .account-link-callout h2{color:var(--pina-ink)}
.municipal-homepage .mayor-signature{border-color:var(--pina-yellow)}
.municipal-homepage .mayor-quick-actions a>span{background:var(--pina-green)}
.municipal-homepage .mayor-quick-actions a:nth-child(2n)>span{background:var(--pina-blue)}
.municipal-homepage .mayor-quick-actions a:nth-child(3)>span{background:var(--pina-orange)}
.municipal-homepage .account-link-icon{background:var(--pina-blue)}
.municipal-homepage .account-link-callout>a{border-color:var(--pina-green);background:var(--pina-green)}
.municipal-homepage .civic-accomplishments h2,.municipal-homepage .civic-weather h2,.municipal-homepage .citizen-care h2{color:var(--pina-ink)}
.municipal-homepage .civic-metric>span{color:var(--pina-green)}
.municipal-homepage .civic-metric:nth-child(3)>span{color:var(--pina-blue)}
.municipal-homepage .civic-metric:nth-child(4)>span{color:var(--pina-orange)}
.municipal-homepage .citizen-care{background:var(--pina-ink)}
.municipal-homepage .citizen-care>span{color:var(--pina-yellow)}
.municipal-homepage .citizen-care-action{border-color:var(--pina-yellow)}
.municipal-homepage .updates-header-actions .updates-view-all,.municipal-homepage .calendar-full-link:hover,.municipal-homepage .calendar-full-link:focus-visible{background:var(--pina-green)}
.municipal-homepage .updates-header-actions .updates-view-all span{color:var(--pina-yellow)}
.municipal-homepage .updates-portal-header h2,.municipal-homepage .updates-column-heading h3,.municipal-homepage .calendar-panel .panel-header h2,.municipal-homepage .transparency-panel .panel-header h2,.municipal-homepage .programs-panel .panel-header h2{color:var(--pina-ink)}
.municipal-homepage .calendar-date button,.municipal-homepage .quick-info-grid svg{color:var(--pina-green)}
.municipal-homepage .quick-info-grid b{color:var(--pina-orange)}

/* Quiet translucent service panel: depth from tone and spacing, not decoration */
.municipal-homepage .service-dock{
  border:0;
  border-radius:10px;
  background:rgba(241,247,250,.88);
  box-shadow:0 14px 36px rgba(0,30,65,.13);
  -webkit-backdrop-filter:blur(9px) saturate(110%);
  backdrop-filter:blur(9px) saturate(110%);
}
.municipal-homepage .service-item,
.municipal-homepage .service-item:last-of-type{
  border:0;
  border-radius:7px;
  background:rgba(255,255,255,.82);
  box-shadow:none;
  transform:none;
  transition:none;
}
.municipal-homepage .service-item:hover,
.municipal-homepage .service-item:focus-visible{
  border:0;
  background:rgba(255,255,255,.96);
  box-shadow:none;
  transform:none;
  outline:2px solid rgba(8,119,201,.32);
  outline-offset:-2px;
}
.municipal-homepage .service-icon{
  transition:none!important;
  transform:none!important;
}
.municipal-homepage .services-all{
  border:0;
  border-radius:5px;
  background:var(--pina-blue);
  box-shadow:none;
  transition:none;
}
.municipal-homepage .services-all:hover,
.municipal-homepage .services-all:focus-visible{
  border:0;
  background:#006f3a;
  box-shadow:none;
  transform:none;
  outline:2px solid rgba(255,255,255,.9);
  outline-offset:2px;
}
@media(max-width:600px){
  .municipal-homepage .service-item:nth-child(odd),
  .municipal-homepage .service-item:nth-child(even){border:0!important}
}

@media(min-width:1024px){
  .lgu-primary-nav{
    font-family:"DM Sans","Segoe UI",Arial,sans-serif;
    font-size:13px;
    font-weight:600;
    letter-spacing:.01em
  }
  .lgu-primary-nav>a,.lgu-dropdown>button{font-family:inherit;font-weight:inherit}
}

/* Final hero-search measure */
.municipal-homepage .hero .service-search{
  width:520px!important;
  max-width:100%!important;
}
@media(max-width:600px){
  .municipal-homepage .hero .service-search{
    width:100%!important;
  }
}


/* Final public-navigation typography: compact without sacrificing legibility */
@media(min-width:1024px){
  .lgu-header .lgu-primary-nav--public{
    gap:clamp(20px,2vw,34px);
    font-family:"DM Sans","Segoe UI",Arial,sans-serif;
    font-size:11.5px!important;
    font-weight:600;
    line-height:1;
    letter-spacing:.003em;
  }
  .lgu-header .lgu-primary-nav--public>a,
  .lgu-header .lgu-primary-nav--public>.lgu-dropdown>button{
    min-height:42px;
    font-family:inherit!important;
    font-size:11.5px!important;
    font-weight:600!important;
    line-height:1!important;
  }
}

/* Emergency action: plain civic call-to-action without decorative rings */
.municipal-homepage .emergency-card .emergency-action{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 20px;
  border:0!important;
  outline:0!important;
  border-radius:3px;
  background:#d51f27;
  box-shadow:none!important;
  color:#fff;
  font-family:"DM Sans","Segoe UI",Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.025em;
  text-align:center;
  text-decoration:none!important;
  transition:none;
}
.municipal-homepage .emergency-card .emergency-action:hover,
.municipal-homepage .emergency-card .emergency-action:focus,
.municipal-homepage .emergency-card .emergency-action:focus-visible{
  border:0!important;
  outline:0!important;
  background:#b91820;
  box-shadow:none!important;
  color:#fff;
  text-decoration:none!important;
}

/* Static service navigation with restrained, editorial interaction states */
.municipal-homepage .service-dock,
.municipal-homepage .service-dock *{
  animation:none!important;
}
.municipal-homepage .service-item,
.municipal-homepage .service-item:hover,
.municipal-homepage .service-item:focus,
.municipal-homepage .service-item:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  transition:none!important;
}
.municipal-homepage .service-item:hover,
.municipal-homepage .service-item:focus,
.municipal-homepage .service-item:focus-visible{
  background:rgba(232,242,248,.92);
}
.municipal-homepage .service-item .service-icon,
.municipal-homepage .service-item:hover .service-icon,
.municipal-homepage .service-item:focus .service-icon{
  transform:none!important;
  transition:none!important;
}
.municipal-homepage .services-all{
  min-height:44px;
  padding:0 20px;
  border:0!important;
  border-radius:4px;
  background:var(--pina-ink);
  color:#fff;
  font-family:"DM Sans","Segoe UI",Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.025em;
  box-shadow:none!important;
  transform:none!important;
  transition:none!important;
}
.municipal-homepage .services-all span{
  margin-left:8px;
  color:#fff;
  transform:none!important;
  transition:none!important;
}
.municipal-homepage .services-all:hover,
.municipal-homepage .services-all:focus,
.municipal-homepage .services-all:focus-visible{
  border:0!important;
  outline:0!important;
  background:#004b1e;
  color:#fff;
  box-shadow:none!important;
  transform:none!important;
}

/* Search submits with Enter; keep the hero control visually quiet */
.municipal-homepage .hero .service-search{
  grid-template-columns:22px minmax(0,1fr);
  width:420px!important;
  min-height:48px;
  padding:4px 14px;
  border:0;
  border-radius:5px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 20px rgba(0,30,65,.10);
  backdrop-filter:none;
}
.municipal-homepage .hero .service-search-leading{
  width:18px;
  height:18px;
}
.municipal-homepage .hero .service-search input{
  height:40px;
  padding:0 8px;
  font-size:13px;
}

/* Native Facebook summary avoids noisy third-party iframe scripts */
.facebook-native-feed{display:grid;gap:10px;min-height:300px;padding:12px;border-radius:6px;background:#f3f7fa}
.facebook-native-post{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;min-height:88px;padding:10px;border:0;border-radius:5px;background:#fff;color:#001e41;text-decoration:none}
.facebook-native-post img{width:92px;height:68px;border-radius:3px;object-fit:cover}
.facebook-native-post>.facebook-post-mark{display:grid}
.facebook-native-post>span{display:flex;min-width:0;flex-direction:column;gap:7px}
.facebook-native-post strong{font-size:13px;line-height:1.4;font-weight:600}
.facebook-native-post small{color:#68766f;font-size:11px}
.facebook-native-post:hover,.facebook-native-post:focus-visible{background:#eaf3f8;outline:0}
.facebook-native-empty{display:flex;min-height:260px;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:26px;color:#41534b}
.facebook-native-empty strong{color:#001e41;font-size:16px}
.facebook-native-empty span{max-width:440px;font-size:13px;line-height:1.55}
.facebook-native-empty a{margin-top:4px;color:#005b31;font-size:12px;font-weight:700;text-decoration:none}
.municipal-homepage .facebook-plugin-shell{display:flex;justify-content:center;width:100%;min-height:560px;overflow:hidden;border:1px solid #d7e2e9;border-radius:7px;background:linear-gradient(145deg,#f3f7fa,#e8f1f7)}
.municipal-homepage .facebook-page-plugin{display:block;width:500px;max-width:100%;height:560px;border:0;background:#fff}
.municipal-homepage .facebook-plugin-shell noscript{align-self:center;padding:24px;color:#52645c;font-size:13px;line-height:1.5;text-align:center}
@media(max-width:520px){.facebook-native-post{grid-template-columns:72px minmax(0,1fr)}.facebook-native-post img{width:72px;height:62px}.facebook-post-mark{width:58px;height:58px}.facebook-post-mark svg{width:36px;height:36px}}

/* Static positioning transform; this centers the action and is not animation */
.municipal-homepage .service-dock .services-all{
  left:50%;
  right:auto;
  bottom:12px;
  width:auto;
  min-width:0;
  min-height:34px;
  padding:0 14px;
  border-radius:4px;
  font-size:10px;
  letter-spacing:.02em;
  transform:translateX(-50%)!important;
  transition:none!important;
}
.municipal-homepage .service-dock .services-all:hover,
.municipal-homepage .service-dock .services-all:focus,
.municipal-homepage .service-dock .services-all:focus-visible{
  transform:translateX(-50%)!important;
}
.municipal-homepage .service-dock .services-all span{margin-left:6px}

/* Public sign-in: compact municipal-blue utility control */
.lgu-primary-nav .lgu-public-signin{
  width:42px;
  height:42px;
  min-height:42px;
  padding:0!important;
  border:1px solid #0877c9;
  border-radius:6px;
  background:#0877c9;
  color:#fff!important;
  box-shadow:none;
  transform:none;
  transition:none;
}
.lgu-primary-nav .lgu-public-signin svg{
  width:19px;
  height:19px;
  stroke-width:1.7;
}
.lgu-primary-nav .lgu-public-signin:hover{
  border-color:#005b31;
  background:#005b31;
  color:#fff!important;
  transform:none;
}

/* Blue-only service CTA states */
.municipal-homepage .service-dock .services-all{
  background:#003b70;
  color:#fff;
}
.municipal-homepage .service-dock .services-all span{color:#fff}
.municipal-homepage .service-dock .services-all:hover,
.municipal-homepage .service-dock .services-all:focus,
.municipal-homepage .service-dock .services-all:focus-visible{
  background:#07568f;
  color:#fff;
  outline:0;
  box-shadow:none;
  transform:translateX(-50%)!important;
}
.municipal-homepage .service-dock .services-all:hover span,
.municipal-homepage .service-dock .services-all:focus span,
.municipal-homepage .service-dock .services-all:focus-visible span{color:#d9edf8}

/* Sun-gold navigation indicator aligned with the municipal wordmark. */
.lgu-primary-nav--public>a:not(.lgu-portal-link):after,
.lgu-primary-nav--public>.lgu-dropdown:after{
  background:rgb(0, 30, 65);
}

/* Navigation underline expands from the center */
.lgu-primary-nav--public>a:not(.lgu-portal-link):after,
.lgu-primary-nav--public>.lgu-dropdown:after{
  left:0;
  right:0;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease-out;
}
.lgu-primary-nav--public>a:not(.lgu-portal-link):hover:after,
.lgu-primary-nav--public>a:not(.lgu-portal-link):focus-visible:after,
.lgu-primary-nav--public>a.active:after,
.lgu-primary-nav--public>.lgu-dropdown:hover:after,
.lgu-primary-nav--public>.lgu-dropdown:focus-within:after,
.lgu-primary-nav--public>.lgu-dropdown.active:after{
  right:0;
  transform:scaleX(1);
}

/* LGU account callout aligned with the service-navigation visual system */
.municipal-homepage .account-link-callout{
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:20px;
  padding:22px 26px;
  border:0;
  border-radius:8px;
  background:#f6f9fb;
  box-shadow:0 10px 28px rgba(0,30,65,.08);
}
.municipal-homepage .account-link-icon{
  width:50px;
  height:50px;
  border-radius:6px;
  background:#e5f0f7;
  color:#0877c9;
}
.municipal-homepage .account-link-icon svg{width:24px;height:24px;stroke-width:1.8}
.municipal-homepage .account-link-callout h2{font-size:22px;letter-spacing:-.02em}
.municipal-homepage .account-link-callout p{margin-top:5px;font-size:14px}
.municipal-homepage .account-link-callout>a{
  min-height:36px;
  padding:0 16px;
  border:0;
  border-radius:4px;
  background:#003b70;
  color:#fff;
  font-family:"DM Sans","Segoe UI",Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  box-shadow:none;
  transform:none;
  transition:none;
}
.municipal-homepage .account-link-callout>a:hover,
.municipal-homepage .account-link-callout>a:focus,
.municipal-homepage .account-link-callout>a:focus-visible{
  border:0;
  background:#07568f;
  color:#fff;
  outline:0;
  box-shadow:none;
  transform:none;
}
@media(max-width:720px){
  .municipal-homepage .account-link-callout{grid-template-columns:46px minmax(0,1fr);gap:14px;padding:20px}
  .municipal-homepage .account-link-icon{width:44px;height:44px}
.municipal-homepage .account-link-callout>a{grid-column:1/-1;width:auto;justify-self:start}
}

/* Final navigation motion override: restores only the requested underline effect */
.lgu-primary-nav--public>a:not(.lgu-portal-link):after,
.lgu-primary-nav--public>.lgu-dropdown:after{
  left:0!important;
  right:0!important;
  transform:scaleX(0)!important;
  transform-origin:50% 50%;
  transition:transform .24s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform;
}
.lgu-primary-nav--public>a:not(.lgu-portal-link):hover:after,
.lgu-primary-nav--public>a:not(.lgu-portal-link):focus-visible:after,
.lgu-primary-nav--public>a.active:after,
.lgu-primary-nav--public>.lgu-dropdown:hover:after,
.lgu-primary-nav--public>.lgu-dropdown:focus-within:after,
.lgu-primary-nav--public>.lgu-dropdown.active:after{
  transform:scaleX(1)!important;
}
@media(prefers-reduced-motion:reduce){
  .lgu-primary-nav--public>a:not(.lgu-portal-link):after,
  .lgu-primary-nav--public>.lgu-dropdown:after{transition:none!important}
}

/* Keep navigation dropdown chevrons optically centered with their labels. */
.lgu-header .lgu-dropdown>button{display:inline-flex;align-items:center}
.lgu-header .lgu-dropdown>button .lgu-chevron{
  position:relative;
  top:0;
  flex:0 0 auto;
  width:7px;
  height:7px;
  margin:0 0 3px 3px;
  transform:rotate(45deg);
  transform-origin:center;
}
.lgu-header .lgu-dropdown.open>button .lgu-chevron{margin:3px 0 0 3px;transform:rotate(225deg)}

/* Official wordmark sizing with a hitbox limited to the visible identity. */
.lgu-header .lgu-brand.lgu-wordmark-brand{
  display:inline-flex;
  flex:0 0 auto;
  align-self:center;
  width:fit-content;
  min-width:0;
  max-width:250px;
  padding:4px 0;
}
.lgu-header .lgu-brand.lgu-wordmark-brand .lgu-brand-wordmark-wrap{flex:0 0 auto}
.lgu-header .lgu-brand.lgu-wordmark-brand .lgu-header-wordmark{width:158px;height:58px}
.lgu-header.lgu-header--citizen .lgu-nav-wrap{
  background:
    linear-gradient(105deg,rgba(0,30,65,.09) 0%,rgba(0,59,112,.045) 42%,rgba(255,255,255,.72) 76%),
    #fff!important;
  border-bottom-color:rgba(0,30,65,.14);
}
@media(max-width:767px){
  .lgu-header .lgu-brand.lgu-wordmark-brand{max-width:205px}
  .lgu-header .lgu-brand.lgu-wordmark-brand .lgu-header-wordmark{width:125px;height:48px}
}

/* Citizen-care heading contrast and compact blue action */
.municipal-homepage .citizen-care h2{color:#fff}
.municipal-homepage .citizen-care .citizen-care-action{
  display:inline-flex;
  width:max-content;
  min-height:36px;
  margin-top:16px;
  padding:0 16px;
  border:0;
  border-radius:4px;
  background:#0877c9;
  color:#fff;
  font-family:"DM Sans","Segoe UI",Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  box-shadow:none;
  transform:none;
  transition:none;
}
.municipal-homepage .citizen-care .citizen-care-action:hover,
.municipal-homepage .citizen-care .citizen-care-action:focus,
.municipal-homepage .citizen-care .citizen-care-action:focus-visible{
  border:0;
  background:#07568f;
  color:#fff;
  outline:0;
  box-shadow:none;
  transform:none;
}
@media(max-width:700px){.municipal-homepage .citizen-care .citizen-care-action{width:100%}}

/* Refined desktop navigation type scale */
@media(min-width:1024px){
  .lgu-primary-nav--public{
    font-size:12px;
    font-weight:600;
    letter-spacing:.005em;
  }
  .lgu-primary-nav--public>a,
  .lgu-primary-nav--public>.lgu-dropdown>button{
    font-size:inherit;
    font-weight:inherit;
  }
}

/* Clean hover contrast: no link underlines and readable pale-blue actions. */
html body a:hover,
html body a:focus-visible{
  text-decoration:none!important;
}
.municipal-homepage .panel-header>a:hover,
.municipal-homepage .panel-header>a:focus-visible{
  border-color:transparent!important;
  background:transparent!important;
  color:#00345f!important;
  -webkit-text-fill-color:#00345f!important;
  box-shadow:none!important;
}
html body :is(
  a[class*="button"],
  a[class*="action"],
  .updates-view-all,
  .services-all,
  input[type="button"],
  input[type="submit"],
  input[type="reset"]
):hover{
  border-color:transparent!important;
  background-color:#dceef9!important;
  color:#00345f!important;
  -webkit-text-fill-color:#00345f!important;
  text-decoration:none!important;
}
html body :is(
  a[class*="button"],
  a[class*="action"],
  .updates-view-all,
  .services-all
):hover :is(span,strong,small,b,svg,path,use){
  color:#00345f!important;
  -webkit-text-fill-color:#00345f!important;
}

/* Keep the shorter municipal list compact beside the independently sized feed. */
.municipal-homepage .updates-panel--portal>.updates-portal-grid{
  align-items:start!important;
}
.municipal-homepage .updates-panel--portal .updates-column--official{
  align-self:start!important;
  height:auto!important;
}
.lgu-primary-nav .lgu-public-signin:focus-visible{
  border-color:#001e41;
  background:#001e41;
  color:#fff!important;
  outline:2px solid #f4c430;
  outline-offset:2px;
  transform:none;
}

/* Icon-only search submission, positioned at the natural reading end */
.municipal-homepage .hero .service-search{
  grid-template-columns:minmax(0,1fr) 40px;
  gap:4px;
  padding:4px;
}
.municipal-homepage .hero .service-search input{
  width:100%;
  min-width:0;
  padding:0 12px;
}
.municipal-homepage .hero .service-search .service-search-submit{
  display:grid;
  place-items:center;
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  padding:0;
  border:0;
  border-radius:4px;
  background:#00854a;
  color:#fff;
  box-shadow:none;
  transform:none;
  transition:none;
  cursor:pointer;
}
.municipal-homepage .hero .service-search .service-search-submit svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
}
.municipal-homepage .hero .service-search .service-search-submit:hover{background:#006f3a}
.municipal-homepage .hero .service-search .service-search-submit:focus-visible{
  background:#001e41;
  outline:2px solid #f4c430;
  outline-offset:1px;
}
@media(max-width:600px){
  .municipal-homepage .hero .service-search{grid-template-columns:minmax(0,1fr) 38px}
  .municipal-homepage .hero .service-search .service-search-submit{width:38px;min-width:38px;height:38px;min-height:38px}
}

/* Unfilled account control: line, proportion, and spacing provide hierarchy */
.lgu-primary-nav .lgu-public-signin{
  border:1px solid #b8c8d3;
  background:transparent;
  color:#001e41!important;
  box-shadow:none;
}
.lgu-primary-nav .lgu-public-signin:hover{
  border-color:#005b31;
  background:transparent;
  color:#005b31!important;
}
.lgu-primary-nav .lgu-public-signin:focus-visible{
  border-color:#0877c9;
  background:transparent;
  color:#0877c9!important;
  outline:2px solid rgba(8,119,201,.24);
  outline-offset:2px;
}

/* Mayor section: intentional presentation while photo and name are unpublished */
.municipal-homepage .mayor-welcome{
  grid-template-columns:minmax(0,46%) minmax(420px,54%);
  min-height:390px;
  border:0;
  border-radius:9px;
  background:#fff;
  box-shadow:0 14px 36px rgba(0,30,65,.10);
}
.municipal-homepage .mayor-photo-placeholder,
.municipal-homepage .mayor-signature{
  display:none;
}
.municipal-homepage .mayor-welcome-copy{
  padding:52px 58px;
  border-right:1px solid #dce6e1;
}
.municipal-homepage .mayor-office-label{
  color:#d55422;
  font-size:11px;
  letter-spacing:.13em;
}
.municipal-homepage .mayor-welcome-copy h2{
  margin:10px 0 26px;
  font-size:31px;
  letter-spacing:-.025em;
}
.municipal-homepage .mayor-welcome-copy blockquote{
  padding-left:48px;
  font-size:19px;
  line-height:1.62;
}
.municipal-homepage .mayor-welcome-copy blockquote:before{
  top:-5px;
  font-size:58px;
}
.municipal-homepage .mayor-quick-actions{
  grid-column:2;
  gap:12px;
  padding:32px;
  background:#f2f7f5;
}
.municipal-homepage .mayor-quick-actions a,
.municipal-homepage .mayor-quick-actions a:hover,
.municipal-homepage .mayor-quick-actions a:focus,
.municipal-homepage .mayor-quick-actions a:focus-visible{
  min-height:142px;
  padding:20px;
  border:0;
  border-radius:6px;
  box-shadow:none;
  outline:0;
  transform:none;
  transition:none;
}

/* Refined utility bar rhythm and social-icon proportions */
.lgu-header .lgu-utility{border:0;background:#001e41}
.lgu-header .lgu-utility-inner{min-height:38px;padding-block:0}
.lgu-header .lgu-official-site-label{
  color:#fff;
  font-family:"DM Sans","Segoe UI",Arial,sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
}
.lgu-header .lgu-utility-socials{gap:7px;font-family:"DM Sans","Segoe UI",Arial,sans-serif}
.lgu-header .lgu-utility-socials .lgu-citizen-date{
  margin-right:8px;
  font-size:11px;
  font-weight:400;
  line-height:1;
}
.lgu-header .lgu-utility-socials .lgu-social-link{
  width:22px;
  height:22px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.lgu-header .lgu-utility-socials .lgu-social-facebook svg{width:16px;height:16px}
.lgu-header .lgu-utility-socials .lgu-social-link[title="X"] svg{width:14px;height:14px}
.lgu-header .lgu-utility-socials .lgu-social-link:hover,
.lgu-header .lgu-utility-socials .lgu-social-link:focus-visible{
  background:transparent;
  color:#fff;
  outline:0;
  opacity:.78;
}
@media(max-width:767px){
  .lgu-header .lgu-utility-inner{min-height:50px}
  .lgu-header .lgu-official-site-label{font-size:10px;line-height:1.3}
  .lgu-header .lgu-utility-socials .lgu-citizen-date{margin-right:3px;font-size:9px}
}

/* Wordmark sun color for the hero greeting */
.municipal-homepage .hero .hero-script{color:#ffcf3f}

/* Match the sign-in hover to the homepage pale-blue interaction state */
.lgu-primary-nav .lgu-public-signin:hover{
  border-color:#a9c9dc;
  background:#e8f2f8;
  color:#001e41!important;
  box-shadow:none;
  transform:none;
}
.municipal-homepage .mayor-quick-actions a:hover,
.municipal-homepage .mayor-quick-actions a:focus,
.municipal-homepage .mayor-quick-actions a:focus-visible{
  background:#e6f0ec;
}
.municipal-homepage .mayor-quick-actions a>span{
  width:44px;
  height:44px;
  margin-bottom:12px;
  border-radius:5px;
}
.municipal-homepage .mayor-quick-actions svg{width:23px;height:23px}
.municipal-homepage .mayor-quick-actions strong{font-size:15px}
.municipal-homepage .mayor-quick-actions small{font-size:12px}
@media(max-width:900px){
  .municipal-homepage .mayor-welcome{grid-template-columns:1fr}
  .municipal-homepage .mayor-welcome-copy{padding:40px 34px;border-right:0;border-bottom:1px solid #dce6e1}
  .municipal-homepage .mayor-quick-actions{grid-column:1;padding:24px}
}
@media(max-width:560px){
  .municipal-homepage .mayor-welcome-copy{padding:32px 22px}
  .municipal-homepage .mayor-welcome-copy h2{font-size:27px}
  .municipal-homepage .mayor-welcome-copy blockquote{padding-left:38px;font-size:17px}
  .municipal-homepage .mayor-quick-actions{grid-template-columns:1fr;padding:16px}
}

/* Unfilled search action integrated into the field */
.municipal-homepage .hero .service-search .service-search-submit{
  border:0;
  background:transparent;
  color:#0877c9;
  box-shadow:none;
}
.municipal-homepage .hero .service-search .service-search-submit:hover{
  background:transparent;
  color:#005f9e;
}
.municipal-homepage .hero .service-search .service-search-submit:focus-visible{
  background:transparent;
  color:#001e41;
  outline:2px solid rgba(8,119,201,.28);
  outline-offset:-2px;
}

/* Utility clock and current social marks */
.lgu-utility-socials{display:flex;align-items:center;gap:9px}
.lgu-utility-socials .lgu-citizen-date{margin-right:5px;color:#fff;white-space:nowrap}
.lgu-utility-socials .lgu-social-link{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;text-decoration:none}
.lgu-utility-socials .lgu-social-link svg{width:15px;height:15px;fill:currentColor}
.lgu-utility-socials .lgu-social-link:hover,.lgu-utility-socials .lgu-social-link:focus-visible{background:rgba(255,255,255,.14);color:#fff;outline:0}
@media(max-width:767px){
  .lgu-utility-socials{display:flex;justify-content:center;width:100%;gap:8px}
  .lgu-utility-socials .lgu-citizen-date{grid-column:auto;margin-right:3px;font-size:10px}
}

/* Mayor portrait column with an explicit unpublished-photo state */
.municipal-homepage .mayor-welcome{grid-template-columns:minmax(280px,29%) minmax(330px,33%) minmax(420px,38%)}
.municipal-homepage .mayor-photo-placeholder{
  display:flex;
  min-height:390px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:30px;
  border:0;
  border-right:1px solid #dce6e1;
  background:#edf4f1;
  color:#001e41;
  text-align:center;
}
.municipal-homepage .mayor-photo-mark{display:grid;place-items:center;width:82px;height:82px;margin-bottom:8px;border-radius:50%;background:#fff;color:#0877c9}
.municipal-homepage .mayor-photo-mark svg{width:45px;height:45px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.municipal-homepage .mayor-photo-placeholder strong{font:700 13px/1.35 "DM Sans",sans-serif}
.municipal-homepage .mayor-photo-placeholder small{color:#66766f;font-size:11px;line-height:1.4}
.municipal-homepage .mayor-welcome-copy{grid-column:2}
.municipal-homepage .mayor-quick-actions{grid-column:3}
@media(max-width:1100px){
  .municipal-homepage .mayor-welcome{grid-template-columns:260px minmax(0,1fr)}
  .municipal-homepage .mayor-photo-placeholder{grid-row:1/3;min-height:100%}
  .municipal-homepage .mayor-welcome-copy{grid-column:2}
  .municipal-homepage .mayor-quick-actions{grid-column:2}
}
@media(max-width:720px){
  .municipal-homepage .mayor-welcome{grid-template-columns:1fr}
  .municipal-homepage .mayor-photo-placeholder{grid-row:auto;grid-column:1;min-height:230px;border-right:0;border-bottom:1px solid #dce6e1}
  .municipal-homepage .mayor-welcome-copy,.municipal-homepage .mayor-quick-actions{grid-column:1}
}

/* Official-site utility identity and current Facebook mark */
.lgu-utility-inner>.lgu-contact{display:none}
.lgu-official-site-label{font-size:12px;font-weight:500;letter-spacing:.005em;white-space:nowrap}
.lgu-utility-socials .lgu-social-facebook .fb-disc{fill:#fff}
.lgu-utility-socials .lgu-social-facebook .fb-letter{fill:#001e41}
.lgu-utility-socials .lgu-social-facebook svg{width:17px;height:17px}
@media(max-width:767px){
  .lgu-official-site-label{width:100%;font-size:10px;text-align:center;white-space:normal}
}

/* Match mayor quick-action feedback to the service dock's pale-blue state */
.municipal-homepage .mayor-quick-actions a:hover,
.municipal-homepage .mayor-quick-actions a:focus,
.municipal-homepage .mayor-quick-actions a:focus-visible{
  border:0;
  outline:0;
  background:#e8f2f8;
  box-shadow:none;
  transform:none;
  transition:none;
}
@media(max-width:600px){
  .municipal-homepage .hero .service-search{
    grid-template-columns:20px minmax(0,1fr);
    width:100%!important;
    min-height:46px;
    padding-inline:12px;
  }
}

/* Final All Updates button override */
.municipal-homepage .updates-header-actions .updates-view-all{
  min-height:36px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:4px!important;
  background:#003b70!important;
  color:#fff!important;
  font-size:10px!important;
  box-shadow:none!important;
  transform:none!important;
  transition:none!important;
}
.municipal-homepage .updates-header-actions .updates-view-all span{width:auto!important;margin-left:7px;color:#fff!important}
.municipal-homepage .updates-header-actions .updates-view-all:hover,
.municipal-homepage .updates-header-actions .updates-view-all:focus,
.municipal-homepage .updates-header-actions .updates-view-all:focus-visible{
  background:#07568f!important;
  color:#fff!important;
  outline:0!important;
}

/* Normal-flow pale-blue service panel */
.municipal-homepage .service-dock{margin-top:24px!important;border:0!important;background:#eaf3f8!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* Unified pale-blue feedback for non-emergency homepage actions */
.municipal-homepage .service-item,.municipal-homepage .services-all,.municipal-homepage .mayor-quick-actions a,.municipal-homepage .account-link-callout>a,.municipal-homepage .citizen-care-action,.municipal-homepage .updates-view-all,.municipal-homepage .service-search-submit,.lgu-primary-nav .lgu-public-signin{transition:background-color .2s ease,color .2s ease,border-color .2s ease!important}
.municipal-homepage .service-item:hover,.municipal-homepage .service-item:focus-visible,.municipal-homepage .mayor-quick-actions a:hover,.municipal-homepage .mayor-quick-actions a:focus-visible,.lgu-primary-nav .lgu-public-signin:hover,.lgu-primary-nav .lgu-public-signin:focus-visible{background:#dcecf6!important;color:#001e41!important}
.municipal-homepage .services-all:hover,.municipal-homepage .services-all:focus-visible,.municipal-homepage .account-link-callout>a:hover,.municipal-homepage .account-link-callout>a:focus-visible,.municipal-homepage .citizen-care-action:hover,.municipal-homepage .citizen-care-action:focus-visible,.municipal-homepage .updates-view-all:hover,.municipal-homepage .updates-view-all:focus-visible{background:#dcecf6!important;color:#001e41!important}
.municipal-homepage .services-all:hover span,.municipal-homepage .services-all:focus-visible span,.municipal-homepage .updates-view-all:hover span,.municipal-homepage .updates-view-all:focus-visible span{color:#0877c9!important}
.municipal-homepage .service-search-submit:hover,.municipal-homepage .service-search-submit:focus-visible{background:#dcecf6!important;color:#0877c9!important}
@media(prefers-reduced-motion:reduce){.municipal-homepage .service-item,.municipal-homepage .services-all,.municipal-homepage .mayor-quick-actions a,.municipal-homepage .account-link-callout>a,.municipal-homepage .citizen-care-action,.municipal-homepage .updates-view-all,.municipal-homepage .service-search-submit,.lgu-primary-nav .lgu-public-signin{transition:none!important}}

/* Unfilled circular back-to-top control with a caret */
.lgu-scroll-top{
  width:42px!important;
  height:42px!important;
  border:1px solid #9fc3d8!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#0877c9!important;
  box-shadow:none!important;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .16s ease,transform .16s ease!important;
}
.lgu-scroll-top span{font-size:0}
.lgu-scroll-top span:before{content:"⌃";font:700 21px/1 "DM Sans","Segoe UI",sans-serif}
.lgu-scroll-top:hover,.lgu-scroll-top:focus-visible{border-color:#8bb7d0!important;background:#dcecf6!important;color:#001e41!important;outline:0!important}
@media(prefers-reduced-motion:reduce){.lgu-scroll-top{transition:none!important}}

/* Two-column civic workspace after the LGU account callout */
.municipal-homepage #main-content{display:block}
.municipal-homepage .home-content-columns{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(290px,.85fr);gap:24px;margin-top:28px;margin-bottom:34px;align-items:start}
.municipal-homepage .home-main-column,.municipal-homepage .home-side-column{display:flex;min-width:0;flex-direction:column;gap:24px}
.municipal-homepage .home-main-column>*,.municipal-homepage .home-side-column>*{width:100%;margin:0!important;grid-column:auto!important}
.municipal-homepage .home-main-column .side-stack{display:contents}

/* White civic surfaces, reduced curvature, and no floating elevation */
.municipal-homepage .home-content-columns .civic-accomplishments,
.municipal-homepage .home-content-columns .updates-panel,
.municipal-homepage .home-content-columns .transparency-panel,
.municipal-homepage .home-content-columns .programs-panel,
.municipal-homepage .home-content-columns .calendar-panel,
.municipal-homepage .home-content-columns .track-transaction-card,
.municipal-homepage .home-content-columns .civic-weather,
.municipal-homepage .home-content-columns .citizen-care{
  border:0!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#001e41!important;
  box-shadow:none!important;
  transform:none!important;
}
.municipal-homepage .home-content-columns .citizen-care h2,
.municipal-homepage .home-content-columns .citizen-care p,
.municipal-homepage .home-content-columns .citizen-care>a{color:#001e41!important}
.municipal-homepage .home-content-columns .citizen-care>span{color:#0877c9!important}
.municipal-homepage .home-content-columns .citizen-care>a:not(.citizen-care-action){border-top-color:#cbdde7!important}
.municipal-homepage .home-content-columns .panel-header,
.municipal-homepage .home-content-columns .weather-current,
.municipal-homepage .home-content-columns .weather-days>div{border-color:#cbdde7!important}

/* Track My Transaction sidebar card */
.municipal-homepage .track-transaction-card{padding:26px}
.municipal-homepage .track-transaction-card .section-label{color:#0877c9}
.municipal-homepage .track-transaction-card h2{margin:7px 0 8px;color:#001e41;font:800 22px/1.2 Manrope,"DM Sans",sans-serif;letter-spacing:-.025em}
.municipal-homepage .track-transaction-card p{margin:0;color:#5f7068;font-size:13px;line-height:1.55}
.municipal-homepage .home-standard-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:36px;margin-top:20px;padding:0 15px;border:0;border-radius:4px;background:#003b70;color:#fff!important;font:700 11px/1 "DM Sans",sans-serif;text-decoration:none;transition:background-color .2s ease,color .2s ease!important}
.municipal-homepage .home-standard-button span{margin-left:7px}

/* One interaction language for every non-emergency selection */
.municipal-homepage .home-standard-button:hover,.municipal-homepage .home-standard-button:focus-visible,
.municipal-homepage .home-content-columns a:hover,.municipal-homepage .home-content-columns button:hover,
.municipal-homepage .quick-info-grid a:hover{
  border-color:#abcbdc!important;
  background:#dcecf6!important;
  color:#001e41!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.municipal-homepage .home-content-columns a,.municipal-homepage .home-content-columns button,.municipal-homepage .quick-info-grid a{transition:background-color .2s ease,color .2s ease,border-color .2s ease!important}
.municipal-homepage #main-content a:not(.emergency-action):focus-visible,
.municipal-homepage #main-content button:not(.emergency-action):focus-visible{outline:2px solid rgba(8,119,201,.45)!important;outline-offset:2px!important;box-shadow:none!important}

/* Final quick-information strip remains next to the footer */
.municipal-homepage .quick-info{margin-top:0;background:#eaf3f8!important;border:0!important;box-shadow:none!important}
.municipal-homepage .quick-info-grid>a,.municipal-homepage .quick-info-grid>div{border-color:#cbdde7!important;background:transparent;border-radius:0!important}

/* Reduce excessive curvature across the homepage */
.municipal-homepage .service-dock,.municipal-homepage .mayor-welcome,.municipal-homepage .account-link-callout,.municipal-homepage .updates-panel--portal{border-radius:6px!important}
.municipal-homepage button,.municipal-homepage a[class*="button"],.municipal-homepage .services-all,.municipal-homepage .updates-view-all{border-radius:4px!important}

/* Circular blue caret control */
.lgu-scroll-top{border-color:#87b5cf!important;border-radius:50%!important;background:#fff!important;color:#0877c9!important}
.lgu-scroll-top:hover,.lgu-scroll-top:focus-visible{background:#dcecf6!important;color:#001e41!important}

@media(max-width:1050px){.municipal-homepage .home-content-columns{grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:18px}.municipal-homepage .home-main-column,.municipal-homepage .home-side-column{gap:18px}}
@media(max-width:820px){.municipal-homepage .home-content-columns{grid-template-columns:1fr}.municipal-homepage .home-side-column{grid-row:auto}.municipal-homepage .track-transaction-card{padding:22px}}
@media(prefers-reduced-motion:reduce){.municipal-homepage .home-content-columns a,.municipal-homepage .home-content-columns button,.municipal-homepage .quick-info-grid a,.municipal-homepage .home-standard-button{transition:none!important}}

/* Final homepage surface and overlay palette */
.municipal-homepage .hero-shade{
  background:linear-gradient(90deg,rgba(230,241,248,.96) 0%,rgba(190,216,233,.76) 48%,rgba(0,45,87,.28) 100%)!important;
}
.municipal-homepage .mayor-welcome{
  margin-top:28px!important;
  border:0!important;
  background:#eaf3f8!important;
  box-shadow:none!important;
  transform:none!important;
}
.municipal-homepage .mayor-welcome-copy,
.municipal-homepage .mayor-quick-actions,
.municipal-homepage .mayor-photo-placeholder{background:#eaf3f8!important}
.municipal-homepage .account-link-callout{
  margin-top:24px!important;
  border:0!important;
  background:#eaf3f8!important;
  box-shadow:none!important;
  transform:none!important;
}
.municipal-homepage .home-content-columns .citizen-care{
  background:#00345f!important;
  color:#fff!important;
}
.municipal-homepage .home-content-columns .citizen-care h2,
.municipal-homepage .home-content-columns .citizen-care p,
.municipal-homepage .home-content-columns .citizen-care>a:not(.citizen-care-action){color:#fff!important}
.municipal-homepage .home-content-columns .citizen-care>span{color:#ffcf3f!important}
.municipal-homepage .home-content-columns .citizen-care>a:not(.citizen-care-action){border-top-color:rgba(255,255,255,.18)!important}
.municipal-homepage .home-content-columns .citizen-care .citizen-care-action{background:#0877c9!important;color:#fff!important}
.municipal-homepage .home-content-columns .citizen-care .citizen-care-action:hover,
.municipal-homepage .home-content-columns .citizen-care .citizen-care-action:focus-visible{background:#dcecf6!important;color:#001e41!important}

/* Circular navy back-to-top control */
.lgu-scroll-top{
  width:42px!important;
  height:42px!important;
  border:1px solid #00345f!important;
  border-radius:50%!important;
  background:#00345f!important;
  color:#fff!important;
  box-shadow:none!important;
}
.lgu-scroll-top:hover,.lgu-scroll-top:focus-visible{
  border-color:#9fc3d8!important;
  background:#dcecf6!important;
  color:#00345f!important;
}

/* Optically centered, open-bottom caret for the circular back-to-top control. */
.lgu-scroll-top span{
  position:relative;
  display:block;
  width:18px;
  height:12px;
  font-size:0;
}
.lgu-scroll-top span:before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:10px;
  height:10px;
  border-top:3px solid currentColor;
  border-left:3px solid currentColor;
  transform:translate(-50%,-28%) rotate(45deg);
  transform-origin:center;
}

/* Keep desktop dropdowns visually attached to the navigation bar. */
@media(min-width:1024px){
  .lgu-primary-nav>.lgu-dropdown{align-self:stretch;display:flex;align-items:center}
  .lgu-primary-nav>.lgu-dropdown>.lgu-dropdown-menu{
    z-index:8100;
    top:100%;
    left:50%;
    width:260px;
    min-width:260px;
    padding:8px;
    border:1px solid #cbdde9;
    border-top:3px solid #00345f;
    border-radius:0 0 5px 5px;
    background:#fff;
    box-shadow:0 10px 24px rgba(0,30,65,.14);
    transform:translateX(-50%);
  }
  .lgu-primary-nav>.lgu-dropdown>.lgu-dropdown-menu:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:100%;
    height:8px;
  }
  .lgu-primary-nav>.lgu-dropdown>.lgu-dropdown-menu a{
    min-height:42px;
    display:flex;
    align-items:center;
    padding:9px 12px;
    border-radius:3px;
    color:#1f2937;
    font-size:12px;
    transition:background-color .2s ease,color .2s ease;
  }
  .lgu-primary-nav>.lgu-dropdown>.lgu-dropdown-menu a:hover,
  .lgu-primary-nav>.lgu-dropdown>.lgu-dropdown-menu a:focus-visible{
    background:#dcecf6;
    color:#00345f;
    outline:0;
  }
}

/* Refined hero overlay: readable copy without washing out the municipal hall */
.municipal-homepage .hero-shade{
  background:
    linear-gradient(90deg,rgba(235,244,249,.90) 0%,rgba(220,234,243,.74) 24%,rgba(188,216,233,.30) 44%,rgba(0,62,108,.08) 68%,rgba(0,45,87,.04) 100%),
    linear-gradient(180deg,rgba(0,76,132,.02) 0%,rgba(0,30,65,.08) 100%)!important;
}
@media(max-width:767px){
  .municipal-homepage .hero-shade{
    background:linear-gradient(90deg,rgba(235,244,249,.92) 0%,rgba(218,233,242,.72) 48%,rgba(0,45,87,.12) 100%)!important;
  }
}

/* Navbar search overlay: opens without moving any navigation item. */
.lgu-public-actions{position:relative;gap:8px}
.lgu-public-search-toggle{display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;border:1px solid #b8c8d3;border-radius:6px;background:#fff;color:#0877c9;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.lgu-public-search-toggle svg,.lgu-public-search-panel svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.lgu-public-search-toggle:hover,.lgu-public-search-toggle:focus-visible,.lgu-public-search-toggle[aria-expanded="true"]{border-color:#9fc3d8;background:#dcecf6;color:#00345f;outline:0}
.lgu-public-search-panel{position:absolute;z-index:8200;top:calc(100% + 12px);right:0;width:min(360px,calc(100vw - 28px));padding:8px;border:1px solid #cbdde9;border-top:3px solid #00345f;border-radius:5px;background:#fff;box-shadow:0 12px 28px rgba(0,30,65,.15)}
.lgu-public-search-panel[hidden]{display:none!important}
.lgu-public-search-panel form{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;min-height:44px;border:1px solid #c7d8e4;border-radius:4px;background:#fff;overflow:hidden}
.lgu-public-search-panel input{width:100%;min-width:0;height:42px;padding:0 13px;border:0;outline:0;color:#001e41;font:400 13px/1.3 "DM Sans","Segoe UI",Arial,sans-serif}
.lgu-public-search-panel input::placeholder{color:#72808a}
.lgu-public-search-panel form>button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;background:transparent;color:#0877c9;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.lgu-public-search-panel form>button:hover,.lgu-public-search-panel form>button:focus-visible{background:#dcecf6;color:#00345f;outline:0}
@media(max-width:1023px){.lgu-public-search-panel{top:calc(100% + 6px);right:0}}

/* Quiet public controls: search first, account last, without outlined boxes. */
.lgu-primary-nav .lgu-public-actions .lgu-public-search-toggle,
.lgu-primary-nav .lgu-public-actions .lgu-public-signin{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.lgu-primary-nav .lgu-public-actions .lgu-public-search-toggle:hover,
.lgu-primary-nav .lgu-public-actions .lgu-public-search-toggle:focus-visible,
.lgu-primary-nav .lgu-public-actions .lgu-public-search-toggle[aria-expanded="true"],
.lgu-primary-nav .lgu-public-actions .lgu-public-signin:hover,
.lgu-primary-nav .lgu-public-actions .lgu-public-signin:focus-visible{
  border:0!important;
  background:#dcecf6!important;
  color:#00345f!important;
  box-shadow:none!important;
}

/* Translucent emergency glass: the municipal facade remains visible behind it. */
.municipal-homepage .emergency-card{
  background:rgba(0,45,87,.82)!important;
  border-color:rgba(143,196,233,.38)!important;
  -webkit-backdrop-filter:blur(8px) saturate(112%);
  backdrop-filter:blur(8px) saturate(112%);
  box-shadow:0 14px 30px rgba(0,30,65,.20)!important;
}

/* Global content hierarchy: quiet section fields with softly elevated articles. */
body main section:not([class*="hero"]):not(.quick-info):not(.municipal-values-strip){
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
body main article{
  background:#eaf3f9!important;
  border:0!important;
  box-shadow:0 8px 22px rgba(0,45,87,.10)!important;
}

/* Homepage civic workspace surfaces mapped from the live, reorganized DOM. */
.municipal-homepage .home-content-columns{
  background:transparent!important;
  border:0!important;
  border-top:0!important;
  box-shadow:none!important;
}
.municipal-homepage .home-content-columns>.home-main-column{
  background:transparent!important;
}
.municipal-homepage .home-main-column>.civic-accomplishments .civic-metric{
  background:#fff!important;
}
.municipal-homepage .home-main-column>.updates-panel--portal{
  background:transparent!important;
  box-shadow:none!important;
}
.municipal-homepage .updates-panel--portal>.updates-portal-header,
.municipal-homepage .updates-panel--portal .updates-column{
  background:#eaf3f9!important;
}
.municipal-homepage .updates-panel--portal .official-update-fallback{
  background:#fff!important;
  box-shadow:none!important;
}
.municipal-homepage .home-side-column>.calendar-panel .calendar-date,
.municipal-homepage .home-side-column>.calendar-panel .event{
  background:#fff!important;
}
.municipal-homepage #offices.quick-info{
  background:transparent!important;
  border:0!important;
  border-top:0!important;
  box-shadow:none!important;
}
.municipal-homepage #offices.quick-info>.quick-info-grid{
  background:#eaf3f9!important;
}

/* Final public surface rule: sections and articles use clean white, never pale blue. */
body main section:not([class*="hero"]):not(.home-content-columns),
body main article{
  background:#fff!important;
}

/* Hairline navy definition for the explicitly selected homepage surfaces. */
.municipal-homepage #services.service-dock,
.municipal-homepage #mayor-welcome>.mayor-photo-placeholder,
.municipal-homepage #mayor-welcome>.mayor-welcome-copy,
.municipal-homepage #mayor-welcome>.mayor-quick-actions,
.municipal-homepage .home-main-column>.civic-accomplishments,
.municipal-homepage .home-main-column>.updates-panel--portal>.updates-portal-header,
.municipal-homepage .home-main-column>.updates-panel--portal .updates-column--official,
.municipal-homepage .home-main-column>.updates-panel--portal .updates-column--facebook,
.municipal-homepage .home-main-column>.transparency-panel,
.municipal-homepage .home-main-column>.programs-panel,
.municipal-homepage .home-side-column>.calendar-panel,
.municipal-homepage .home-side-column>.track-transaction-card,
.municipal-homepage .home-side-column>.civic-weather{
  border:0!important;
  box-shadow:inset 0 0 0 .5px rgba(0,45,87,.22)!important;
}
.municipal-homepage .home-main-column>.updates-panel--portal>.updates-portal-grid{
  border:0!important;
  box-shadow:none!important;
}

/* Flat civic and calendar surfaces: no pale panel or white row fills. */
.municipal-homepage .home-main-column>.civic-accomplishments,
.municipal-homepage .home-side-column>.calendar-panel,
.municipal-homepage .home-main-column>.civic-accomplishments .civic-metric,
.municipal-homepage .home-side-column>.calendar-panel .calendar-date,
.municipal-homepage .home-side-column>.calendar-panel .event,
.municipal-homepage .home-side-column>.calendar-panel .sync-note{
  background:transparent!important;
}

/* Premium municipal homepage: white civic surfaces with quiet navy definition. */
.municipal-homepage #main-content,
.municipal-homepage #mayor-welcome,
.municipal-homepage #mayor-welcome > .mayor-photo-placeholder,
.municipal-homepage #mayor-welcome > .mayor-welcome-copy,
.municipal-homepage #mayor-welcome > .mayor-quick-actions,
.municipal-homepage .account-link-callout,
.municipal-homepage .home-content-columns,
.municipal-homepage .home-content-columns .civic-accomplishments,
.municipal-homepage .home-content-columns .updates-panel--portal,
.municipal-homepage .home-content-columns .updates-portal-header,
.municipal-homepage .home-content-columns .updates-column,
.municipal-homepage .home-content-columns .transparency-panel,
.municipal-homepage .home-content-columns .programs-panel,
.municipal-homepage .home-content-columns .calendar-panel,
.municipal-homepage .home-content-columns .track-transaction-card,
.municipal-homepage .home-content-columns .civic-weather,
.municipal-homepage #offices.quick-info,
.municipal-homepage #offices.quick-info > .quick-info-grid,
.municipal-homepage #offices.quick-info > .quick-info-grid > *{
  background:#fff!important;
}

.municipal-homepage #mayor-welcome{
  box-shadow:inset 0 0 0 .5px rgba(0,45,87,.18)!important;
}
.municipal-homepage #mayor-welcome > .mayor-photo-placeholder,
.municipal-homepage #mayor-welcome > .mayor-welcome-copy{
  border-right-color:rgba(0,45,87,.16)!important;
}
.municipal-homepage #mayor-welcome > .mayor-photo-placeholder::after{
  opacity:.58;
}

.municipal-homepage .home-content-columns .civic-accomplishments,
.municipal-homepage .home-content-columns .updates-portal-header,
.municipal-homepage .home-content-columns .updates-column,
.municipal-homepage .home-content-columns .transparency-panel,
.municipal-homepage .home-content-columns .programs-panel,
.municipal-homepage .home-content-columns .calendar-panel,
.municipal-homepage .home-content-columns .track-transaction-card,
.municipal-homepage .home-content-columns .civic-weather{
  border:0!important;
  box-shadow:inset 0 0 0 .5px rgba(0,45,87,.18)!important;
}

.municipal-homepage .home-content-columns .civic-metric,
.municipal-homepage .home-content-columns .official-update-fallback,
.municipal-homepage .home-content-columns .facebook-fallback-card,
.municipal-homepage .home-content-columns .transparency-item,
.municipal-homepage .home-content-columns .program-item,
.municipal-homepage .home-content-columns .calendar-date,
.municipal-homepage .home-content-columns .event,
.municipal-homepage .home-content-columns .weather-current,
.municipal-homepage .home-content-columns .forecast-day{
  background:#fff!important;
}

.municipal-homepage #offices.quick-info > .quick-info-grid{
  border-top:1px solid rgba(0,45,87,.12)!important;
  border-bottom:1px solid rgba(0,45,87,.12)!important;
  box-shadow:none!important;
}

/* About-inspired homepage surfaces: white, civic, and deliberately restrained. */
.municipal-homepage{
  --home-premium-navy:#00345f;
  --home-premium-navy-hover:#06456f;
  --home-premium-navy-active:#002846;
  --home-premium-blue:#087ac7;
  --home-premium-gold:#c88b00;
  --home-premium-line:rgba(0,52,95,.16);
  --home-premium-muted:#64756f;
}

.municipal-homepage #main-content,
.municipal-homepage .home-content-columns,
.municipal-homepage .home-main-column,
.municipal-homepage .home-side-column,
.municipal-homepage .dashboard,
.municipal-homepage .dashboard-grid,
.municipal-homepage .side-stack{
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

.municipal-homepage .home-content-columns{
  gap:28px!important;
}

.municipal-homepage :is(
  .civic-accomplishments,
  .updates-portal-header,
  .updates-column,
  .calendar-panel,
  .track-transaction-card,
  .civic-weather,
  .transparency-panel,
  .programs-panel
){
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:0 10px 28px rgba(0,45,87,.065)!important;
}

.municipal-homepage :is(
  .civic-accomplishments,
  .calendar-panel,
  .track-transaction-card,
  .civic-weather,
  .transparency-panel,
  .programs-panel
){
  border-top:1px solid var(--home-premium-line)!important;
}

.municipal-homepage :is(
  .section-label,
  .mayor-office-label,
  .civic-accomplishments>header>span,
  .civic-weather>header>span,
  .citizen-care>span,
  .updates-portal-header>div>span
){
  color:var(--home-premium-gold)!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
}

.municipal-homepage :is(
  .civic-accomplishments,
  .calendar-panel,
  .track-transaction-card,
  .civic-weather,
  .transparency-panel,
  .programs-panel,
  .updates-panel--portal
) h2,
.municipal-homepage .updates-column h3{
  color:var(--home-premium-navy)!important;
}

.municipal-homepage .updates-panel--portal{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.municipal-homepage .updates-panel--portal>.updates-portal-header{
  padding:28px 38px!important;
  border-top:1px solid var(--home-premium-line)!important;
  border-bottom:1px solid var(--home-premium-line)!important;
}

.municipal-homepage .updates-panel--portal>.updates-portal-grid{
  gap:28px!important;
  padding-top:28px!important;
}

.municipal-homepage .updates-panel--portal .updates-column{
  padding:36px 38px!important;
}

.municipal-homepage .updates-panel--portal :is(
  .official-update-fallback,
  .facebook-native-post,
  .facebook-fallback-card,
  .facebook-feed-shell
){
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.municipal-homepage .updates-panel--portal :is(
  .official-update-fallback,
  .facebook-native-post,
  .facebook-fallback-card
)+:is(
  .official-update-fallback,
  .facebook-native-post,
  .facebook-fallback-card
){
  border-top:1px solid var(--home-premium-line)!important;
}

.municipal-homepage .facebook-status-dot{
  background:var(--home-premium-blue)!important;
}

.municipal-homepage :is(
  .panel-header,
  .civic-accomplishments>header,
  .civic-weather>header
){
  border-bottom:1px solid var(--home-premium-line)!important;
}

.municipal-homepage :is(
  .civic-metric,
  .calendar-date,
  .event,
  .weather-current,
  .forecast-day,
  .transparency-grid>a,
  .program-grid>a
){
  background:#fff!important;
  border-color:var(--home-premium-line)!important;
  box-shadow:none!important;
}

.municipal-homepage :is(
  .updates-view-all,
  .home-standard-button,
  .calendar-full-link,
  .citizen-care-action
){
  border-color:var(--home-premium-navy)!important;
  background:var(--home-premium-navy)!important;
  color:#fff!important;
  box-shadow:none!important;
}

.municipal-homepage :is(
  .updates-view-all,
  .home-standard-button,
  .calendar-full-link,
  .citizen-care-action
):hover,
.municipal-homepage :is(
  .updates-view-all,
  .home-standard-button,
  .calendar-full-link,
  .citizen-care-action
):focus-visible{
  border-color:#d9e8f2!important;
  background:#d9e8f2!important;
  color:var(--home-premium-navy)!important;
}

.municipal-homepage .panel-header>a,
.municipal-homepage .facebook-feed-footer>a{
  color:var(--home-premium-navy)!important;
}

.municipal-homepage #offices.quick-info>.quick-info-grid{
  background:#fff!important;
  border-top:1px solid var(--home-premium-line)!important;
  border-bottom:1px solid var(--home-premium-line)!important;
}

.municipal-homepage #offices.quick-info>.quick-info-grid>*{
  background:#fff!important;
  border-color:var(--home-premium-line)!important;
}

@media(max-width:900px){
  .municipal-homepage .home-content-columns,
  .municipal-homepage .updates-panel--portal>.updates-portal-grid{
    gap:20px!important;
  }
  .municipal-homepage .updates-panel--portal>.updates-portal-header,
  .municipal-homepage .updates-panel--portal .updates-column{
    padding:26px!important;
  }
}

@media(max-width:600px){
  .municipal-homepage :is(
    .civic-accomplishments,
    .calendar-panel,
    .track-transaction-card,
    .civic-weather,
    .transparency-panel,
    .programs-panel,
    .updates-portal-header,
    .updates-column
  ){
    border-radius:0!important;
    box-shadow:0 7px 20px rgba(0,45,87,.055)!important;
  }
  .municipal-homepage .updates-panel--portal>.updates-portal-header,
  .municipal-homepage .updates-panel--portal .updates-column{
    padding:22px 18px!important;
  }
}

/* Final cascade lock for the quiet, compact updates workspace. */
.municipal-homepage .home-main-column>.updates-panel--portal{overflow:hidden!important;border:1px solid rgba(0,52,95,.12)!important;border-radius:12px!important;background:#fbfcfd!important;box-shadow:0 16px 42px rgba(0,36,73,.055)!important}
.municipal-homepage .updates-panel--portal>.updates-portal-header{min-height:0!important;margin:0!important;padding:20px 28px!important;align-items:center!important;border:0!important;border-bottom:1px solid rgba(0,52,95,.1)!important;background:#fff!important;box-shadow:none!important}
.municipal-homepage .updates-panel--portal>.updates-portal-grid{gap:0!important;padding:0!important;background:#fff!important}
.municipal-homepage .updates-panel--portal .updates-column{padding:28px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.municipal-homepage .updates-panel--portal .updates-column--facebook{border-left:1px solid rgba(0,52,95,.1)!important;background:#fcfdfe!important}
.municipal-homepage .updates-header-actions .updates-view-all{min-height:36px!important;padding:0 14px!important;border:1px solid rgba(0,52,95,.2)!important;border-radius:6px!important;background:#fff!important;color:#00345f!important;font-size:10px!important}
.municipal-homepage .facebook-plugin-shell{min-height:720px!important;border-radius:8px!important;background:#f3f6f8!important;box-shadow:0 8px 24px rgba(0,36,73,.045)!important}
.municipal-homepage .facebook-page-plugin{width:100%!important;max-width:500px!important;height:720px!important;overflow:auto!important}
@media(max-width:900px){.municipal-homepage .updates-panel--portal .updates-column--facebook{border-left:0!important;border-top:1px solid rgba(0,52,95,.1)!important}}
@media(max-width:600px){.municipal-homepage .updates-panel--portal>.updates-portal-header{padding:18px!important}.municipal-homepage .updates-panel--portal .updates-column{padding:22px 18px!important}.municipal-homepage .facebook-plugin-shell,.municipal-homepage .facebook-page-plugin{min-height:720px!important;height:720px!important}}

/* Restrained navy interaction states for primary homepage actions. */
.municipal-homepage :is(
  .updates-view-all,
  .home-standard-button,
  .calendar-full-link,
  .citizen-care-action,
  .services-all,
  .account-link-callout>a
){
  transition:
    background-color 160ms ease-out,
    border-color 160ms ease-out,
    color 160ms ease-out!important;
}
.municipal-homepage :is(
  .updates-view-all,
  .home-standard-button,
  .calendar-full-link,
  .citizen-care-action,
  .services-all,
  .account-link-callout>a
):is(:hover,:focus-visible){
  border-color:var(--home-premium-navy-hover)!important;
  background:var(--home-premium-navy-hover)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
.municipal-homepage :is(
  .updates-view-all,
  .home-standard-button,
  .calendar-full-link,
  .citizen-care-action,
  .services-all,
  .account-link-callout>a
):is(:hover,:focus-visible) :is(span,strong,small,svg){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.municipal-homepage :is(
  .updates-view-all,
  .home-standard-button,
  .calendar-full-link,
  .citizen-care-action,
  .services-all,
  .account-link-callout>a
):active{
  border-color:var(--home-premium-navy-active)!important;
  background:var(--home-premium-navy-active)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Consistent interaction motion for every public clickable control. */
html body :is(
  a,
  button,
  summary,
  select,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="reset"]
){
  transition:
    color .18s ease-out,
    background-color .18s ease-out,
    border-color .18s ease-out,
    box-shadow .22s ease-out,
    opacity .18s ease-out,
    transform .22s ease-out!important;
}
html body :is(a,button,[role="button"]) :is(svg,path,use){
  transition:color .18s ease-out,fill .18s ease-out,stroke .18s ease-out!important;
}
@media(prefers-reduced-motion:reduce){
  html body :is(
    a,
    button,
    summary,
    select,
    [role="button"],
    input[type="button"],
    input[type="submit"],
    input[type="reset"]
  ),
  html body :is(a,button,[role="button"]) :is(svg,path,use){
    transition-duration:.01ms!important;
  }
}

/* Final high-contrast hover states for updates and Citizen Care controls. */
html body.municipal-homepage .updates-header-actions .updates-view-all:hover,
html body.municipal-homepage .updates-header-actions .updates-view-all:focus-visible{
  border-color:var(--home-premium-navy-hover)!important;
  background:var(--home-premium-navy-hover)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body.municipal-homepage .updates-header-actions .updates-view-all:hover :is(span,strong,svg,path),
html body.municipal-homepage .updates-header-actions .updates-view-all:focus-visible :is(span,strong,svg,path){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body.municipal-homepage .home-content-columns .citizen-care>a:not(.citizen-care-action):hover,
html body.municipal-homepage .home-content-columns .citizen-care>a:not(.citizen-care-action):focus-visible{
  border-color:transparent!important;
  background:#dceef9!important;
  color:#00345f!important;
  -webkit-text-fill-color:#00345f!important;
  text-decoration:none!important;
}
html body.municipal-homepage .home-content-columns .citizen-care>a:not(.citizen-care-action):hover :is(strong,span,svg,path,use),
html body.municipal-homepage .home-content-columns .citizen-care>a:not(.citizen-care-action):focus-visible :is(strong,span,svg,path,use){
  color:#00345f!important;
  -webkit-text-fill-color:#00345f!important;
  stroke:currentColor!important;
}

/* Original updates structure: municipal notices and Facebook side by side. */
html body.municipal-homepage .updates-panel--portal>.updates-portal-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:28px!important;
}
html body.municipal-homepage .updates-panel--portal .updates-column--official{
  align-self:stretch!important;
  height:auto!important;
  min-height:0!important;
  padding-bottom:28px!important;
}
html body.municipal-homepage .updates-panel--portal .official-update-list{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
}
html body.municipal-homepage .updates-panel--portal .updates-column--facebook{
  width:100%!important;
  border-top:0!important;
  border-left:0!important;
}
html body.municipal-homepage .updates-panel--portal .facebook-plugin-shell{
  width:min(100%,520px)!important;
  min-height:500px!important;
  height:500px!important;
  margin-inline:auto!important;
}
html body.municipal-homepage .updates-panel--portal .facebook-page-plugin{
  min-height:500px!important;
  height:500px!important;
}
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer{
  width:min(100%,520px)!important;
  margin-right:auto!important;
  margin-left:auto!important;
}
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  min-height:36px!important;
  padding:0 12px!important;
  border:1px solid rgba(0,52,95,.14)!important;
  border-radius:6px!important;
  background:#eef6fb!important;
  color:#00345f!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  box-shadow:0 5px 14px rgba(0,52,95,.06)!important;
}
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer>a svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  color:#1769c2!important;
  fill:currentColor!important;
  stroke:none!important;
}
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer>a:hover,
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer>a:focus-visible{
  border-color:transparent!important;
  background:#dceef9!important;
  color:#00345f!important;
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(0,52,95,.1)!important;
}
@media(max-width:700px){
  html body.municipal-homepage .updates-panel--portal>.updates-portal-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
  html body.municipal-homepage .updates-panel--portal .official-update-list{
    display:block!important;
  }
}

/* Final spacing and flat-action overrides. */
html body.municipal-homepage .home-content-columns .citizen-care>a:not(.citizen-care-action){width:100%!important;min-width:0!important;grid-template-columns:36px minmax(0,1fr)!important;gap:14px!important;padding:14px 16px!important;box-sizing:border-box!important}
html body.municipal-homepage .home-content-columns .citizen-care>a:not(.citizen-care-action)>strong{min-width:0!important;padding-right:4px!important;line-height:1.4!important}
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer>a,
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer>a:hover,
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer>a:focus-visible{border:0!important;border-radius:5px!important;background:#e9f3fa!important;color:#00345f!important;box-shadow:none!important;transform:none!important}
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer>a:hover,
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer>a:focus-visible{background:#dceef9!important}

/* Readable premium type scale for Official Municipal Updates. */
html body.municipal-homepage .updates-column--official .updates-column-heading{
  margin-bottom:22px!important;
}
html body.municipal-homepage .updates-column--official .updates-column-heading h3{
  margin-bottom:6px!important;
  font-size:22px!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
}
html body.municipal-homepage .updates-column--official .updates-column-heading p{
  max-width:540px!important;
  font-size:14px!important;
  line-height:1.55!important;
}
html body.municipal-homepage .updates-column--official .official-update-fallback{
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:16px!important;
  min-height:96px!important;
  padding:14px 8px!important;
}
html body.municipal-homepage .updates-column--official .official-fallback-seal{
  width:58px!important;
  height:58px!important;
}
html body.municipal-homepage .updates-column--official .news-category{
  padding:3px 7px!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  letter-spacing:.025em!important;
}
html body.municipal-homepage .updates-column--official .official-update-fallback strong{
  font-size:14px!important;
  line-height:1.38!important;
  letter-spacing:-.01em!important;
}
html body.municipal-homepage .updates-column--official .official-update-fallback small{
  font-size:10.5px!important;
  line-height:1.4!important;
}
@media(max-width:600px){
  html body.municipal-homepage .updates-column--official .updates-column-heading h3{font-size:20px!important}
  html body.municipal-homepage .updates-column--official .updates-column-heading p{font-size:13px!important}
  html body.municipal-homepage .updates-column--official .official-update-fallback{grid-template-columns:52px minmax(0,1fr)!important;gap:13px!important}
  html body.municipal-homepage .updates-column--official .official-fallback-seal{width:52px!important;height:52px!important}
  html body.municipal-homepage .updates-column--official .official-update-fallback strong{font-size:13px!important}
}

/* Header icon controls remain visually quiet on hover. */
html body .lgu-public-search-toggle:hover,
html body .lgu-public-search-toggle:focus-visible,
html body .lgu-account-menu>.lgu-account-trigger:hover,
html body .lgu-account-menu>.lgu-account-trigger:focus-visible{
  border-color:transparent!important;
  background:transparent!important;
  color:#0877c9!important;
  box-shadow:none!important;
}
html body .lgu-account-menu>.lgu-account-trigger:hover,
html body .lgu-account-menu>.lgu-account-trigger:focus-visible{
  color:#00345f!important;
}

/* Emergency action always retains its red priority treatment. */
html body.municipal-homepage .emergency-card .emergency-action,
html body.municipal-homepage .emergency-card .emergency-action:visited{
  border-color:transparent!important;
  background:#df2029!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body.municipal-homepage .emergency-card .emergency-action:hover,
html body.municipal-homepage .emergency-card .emergency-action:focus-visible{
  border-color:transparent!important;
  background:#bd1821!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}

/* Quiet, borderless treatment for the paired updates sources. */
html body.municipal-homepage .home-main-column>.updates-panel--portal{
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.municipal-homepage .updates-panel--portal>.updates-portal-header{
  margin-bottom:20px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(0,45,87,.04)!important;
}
html body.municipal-homepage .updates-panel--portal>.updates-portal-grid{
  gap:24px!important;
  padding:0!important;
  background:transparent!important;
}
html body.municipal-homepage .updates-panel--portal .updates-column,
html body.municipal-homepage .updates-panel--portal .updates-column--official,
html body.municipal-homepage .updates-panel--portal .updates-column--facebook{
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(0,45,87,.045)!important;
}
html body.municipal-homepage .updates-panel--portal .official-update-fallback{
  border:0!important;
}
html body.municipal-homepage .updates-panel--portal .facebook-plugin-shell{
  border:0!important;
  box-shadow:0 8px 24px rgba(0,45,87,.045)!important;
}
html body.municipal-homepage .updates-panel--portal .facebook-feed-footer{
  border:0!important;
}
@media(max-width:700px){
  html body.municipal-homepage .updates-panel--portal>.updates-portal-grid{gap:18px!important}
}

/* Restrained institutional action used by View all, Explore, and the office directory. */
html body .municipal-quiet-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:7px 14px!important;
  border:1px solid #d4dde3!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#00345f!important;
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:.025em!important;
  line-height:1.2!important;
  text-transform:none!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  box-shadow:0 1px 2px rgba(0,30,65,.025)!important;
  transform:translateY(0)!important;
  transition:background-color 210ms ease,border-color 210ms ease,color 210ms ease,box-shadow 210ms ease,transform 210ms ease!important;
}
html body .municipal-quiet-action:hover,
html body .municipal-quiet-action:focus-visible{
  border-color:#aebdc8!important;
  background:#f8fafb!important;
  color:#001f3d!important;
  text-decoration:none!important;
  box-shadow:0 4px 10px rgba(0,30,65,.07)!important;
  transform:translateY(-1px)!important;
}
html body .municipal-quiet-action:focus-visible{
  outline:2px solid rgba(87,111,130,.28)!important;
  outline-offset:2px!important;
}
html body .municipal-quiet-action:active{
  border-color:#a6b5c0!important;
  background:#f4f7f8!important;
  box-shadow:0 1px 3px rgba(0,30,65,.05)!important;
  transform:translateY(0)!important;
}
@media(prefers-reduced-motion:reduce){
  html body .municipal-quiet-action{transition:none!important}
}

/* Neutral, motionless municipal header actions. */
html body .municipal-quiet-action,
html body .municipal-quiet-action:visited{
  border:0!important;
  background:#f3f4f6!important;
  color:#17324a!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color 180ms ease,color 180ms ease!important;
}
html body .municipal-quiet-action:hover,
html body .municipal-quiet-action:focus,
html body .municipal-quiet-action:focus-visible,
html body .municipal-quiet-action:active{
  border:0!important;
  outline:0!important;
  background:#e5e7eb!important;
  color:#001e41!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Refined, slower hover motion for the service dock. */
html body.municipal-homepage .service-dock :is(.service-item,.services-all){
  transition:
    color .32s cubic-bezier(.22,1,.36,1),
    background-color .32s cubic-bezier(.22,1,.36,1),
    border-color .32s cubic-bezier(.22,1,.36,1),
    box-shadow .36s cubic-bezier(.22,1,.36,1),
    transform .36s cubic-bezier(.22,1,.36,1)!important;
}
html body.municipal-homepage .service-dock .service-item :is(.service-icon,strong,small,svg,path,use){
  transition:
    color .32s cubic-bezier(.22,1,.36,1),
    background-color .32s cubic-bezier(.22,1,.36,1),
    fill .32s cubic-bezier(.22,1,.36,1),
    stroke .32s cubic-bezier(.22,1,.36,1)!important;
}
@media(prefers-reduced-motion:reduce){
  html body.municipal-homepage .service-dock :is(.service-item,.services-all),
  html body.municipal-homepage .service-dock .service-item :is(.service-icon,strong,small,svg,path,use){
    transition-duration:.01ms!important;
  }
}

/* Icon-only controls use color, not filled hover tiles. */
html body .lgu-primary-nav .lgu-public-actions :is(
  .lgu-public-search-toggle,
  .lgu-public-signin,
  .lgu-account-trigger
):is(:hover,:focus-visible,[aria-expanded="true"]){
  border-color:transparent!important;
  background:transparent!important;
  color:#00345f!important;
  box-shadow:none!important;
}

/* Session-aware portal identity in the public municipal navigation. */
.lgu-primary-nav .lgu-public-actions .lgu-portal-identity{
  width:auto!important;
  min-width:42px;
  gap:8px;
  padding:0 10px!important;
  color:#001e41!important;
  font:700 12px/1 var(--lgu-font,"Inter","Segoe UI",Arial,sans-serif)!important;
  text-transform:none!important;
  white-space:nowrap;
}
.lgu-primary-nav .lgu-public-actions .lgu-portal-identity>span:not(.lgu-account-chevron){
  display:inline-block;
  transform:none!important;
}
.lgu-guest-account:after{display:none!important}
.lgu-guest-account>.lgu-portal-identity{display:inline-flex!important}
.lgu-guest-account .lgu-dropdown-menu{
  right:0;
  left:auto;
  min-width:230px;
  padding:7px;
  text-transform:none;
}
.lgu-guest-account .lgu-dropdown-menu a{display:flex;flex-direction:column;gap:3px;padding:11px 12px}
.lgu-guest-account .lgu-dropdown-menu strong{color:#001e41;font-size:12px}
.lgu-guest-account .lgu-dropdown-menu small{color:#66788a;font-size:10px;font-weight:500}
.lgu-account-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}
.lgu-guest-account.open .lgu-account-chevron{transform:rotate(225deg)}
@media(max-width:1180px) and (min-width:1024px){
  .lgu-primary-nav .lgu-public-actions .lgu-portal-identity>span:not(.lgu-account-chevron){display:none}
  .lgu-primary-nav .lgu-public-actions .lgu-portal-identity{padding:0 6px!important}
}
@media(max-width:1023px){
  .lgu-public-actions{justify-content:stretch}
  .lgu-public-actions .lgu-guest-account{flex:1}
  .lgu-primary-nav .lgu-public-actions .lgu-portal-identity{justify-content:center;width:auto!important}
  .lgu-public-actions .lgu-guest-account>.lgu-portal-identity{width:100%!important}
  .lgu-guest-account .lgu-dropdown-menu{width:100%;margin:4px 0 0}
}

/* Service navigation: quiet, stable interaction with a precise active marker. */
html body.municipal-homepage .service-dock .service-item{
  position:relative!important;
  overflow:hidden!important;
  border:0!important;
  background:#fff!important;
  color:#001e41!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  transition:color 180ms ease-out,background-color 180ms ease-out,box-shadow 180ms ease-out!important;
}
html body.municipal-homepage .service-dock .service-item::after{
  content:"";
  position:absolute;
  right:calc(50% - 25px);
  bottom:0;
  left:calc(50% - 25px);
  height:2px;
  border-radius:2px 2px 0 0;
  background:#00345f;
  opacity:0;
  transition:opacity 180ms ease-out!important;
}
html body.municipal-homepage .service-dock .service-item:is(:hover,:focus-visible){
  border:0!important;
  background:#fff!important;
  color:#00345f!important;
  box-shadow:none!important;
  transform:none!important;
}
html body.municipal-homepage .service-dock .service-item:is(:hover,:focus-visible) strong{
  color:#00345f!important;
}
html body.municipal-homepage .service-dock .service-item:focus-visible{
  box-shadow:inset 0 0 0 2px rgba(0,52,95,.24)!important;
}
html body.municipal-homepage .service-dock .service-item:is(.active,.is-active,[aria-current="page"],:active)::after{
  opacity:1!important;
}

@media(min-width:1024px){.lgu-header .lgu-primary-nav--public{gap:clamp(10px,1.05vw,18px);font-size:10px}}

/* Keep the complete seal and wordmark inside the desktop navigation row. */
@media(min-width:1024px){
  .lgu-nav-inner{min-height:68px}
  .lgu-seal{width:52px;height:52px;flex-basis:52px}
  .lgu-header-wordmark{width:146px;height:54px}
}

/* Final OFFICES mega-menu placement; isolates it from compact account menus. */
@media(min-width:1024px){
  .lgu-primary-nav>.lgu-offices-dropdown{position:static}
  .lgu-primary-nav>.lgu-offices-dropdown:after{display:none}
  .lgu-primary-nav>.lgu-offices-dropdown>button:before{
    content:"";
    position:absolute;
    right:0;
    bottom:4px;
    left:0;
    height:2px;
    background:rgb(0,30,65);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .24s cubic-bezier(.22,.61,.36,1);
  }
  .lgu-primary-nav>.lgu-offices-dropdown:is(:hover,.open,.active)>button:before,
  .lgu-primary-nav>.lgu-offices-dropdown>button:focus-visible:before{transform:scaleX(1)}
  .lgu-primary-nav>.lgu-offices-dropdown>.lgu-offices-mega{
    display:none;
    top:calc(100% - 1px);
    right:0;
    left:0;
    width:auto;
    min-width:0;
    padding:24px 26px 26px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    border-top:0;
    border-radius:0 0 8px 8px;
    transform:none;
  }
  .lgu-primary-nav>.lgu-offices-dropdown.open>.lgu-offices-mega{display:grid}
  .lgu-primary-nav>.lgu-offices-dropdown>.lgu-offices-mega .lgu-office-links>a{display:block;min-height:34px;padding:8px 10px 8px 15px}
  .lgu-primary-nav>.lgu-offices-dropdown>.lgu-offices-mega .lgu-office-links>.lgu-office-featured{padding:10px 11px 10px 15px}

  /*
   * Keep the offices directory compact. The long Administrative column used
   * to set the height of the entire first grid row, leaving large blank areas
   * under Executive and Social & Health and pushing the last row off-screen
   * on laptops or when display scaling is enabled.
   */
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega{
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:auto auto;
    align-items:start;
    max-height:calc(100vh - 104px);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group:nth-child(1){grid-column:1;grid-row:1}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group:nth-child(2){grid-column:2 / span 2;grid-row:1 / span 2}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group:nth-child(3){grid-column:4;grid-row:1}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group:nth-child(4){grid-column:1;grid-row:2}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group:nth-child(5){grid-column:4;grid-row:2}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group:nth-child(2)>.lgu-office-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:12px;
  }
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group:nth-child(2){border-right:1px solid #e1e8ed}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group:nth-child(3),
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group:nth-child(5){border-right:0}
}

/* Refined municipal directory: formal, compact, and intentionally editorial. */
@media(min-width:1024px){
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega{
    grid-template-columns:repeat(12,minmax(0,1fr));
    grid-template-rows:auto auto auto;
    column-gap:0;
    max-height:calc(100vh - 92px);
    padding:0 32px 28px;
    border:1px solid rgba(0,30,65,.1);
    border-top:3px solid #c79a27;
    border-radius:0 0 10px 10px;
    background:#fbfcfd;
    box-shadow:0 24px 60px rgba(0,30,65,.16),0 3px 10px rgba(0,30,65,.06);
  }
  #lgu-offices-mega>.lgu-offices-intro{
    grid-column:1/-1;
    grid-row:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:92px;
    margin:0 -32px 8px;
    padding:20px 34px;
    border-bottom:1px solid #dfe5e9;
    background:linear-gradient(105deg,#f3f6f7 0%,#fff 70%);
  }
  .lgu-offices-intro>div{display:grid;gap:2px}
  .lgu-offices-intro .lgu-offices-kicker{color:#a27308;font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
  .lgu-offices-intro strong{color:#001e41;font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:600;letter-spacing:-.02em}
  .lgu-offices-intro small{color:#607080;font-size:10px;font-weight:500}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group{grid-column:auto;grid-row:auto;margin-top:0;padding:20px 24px 10px;border:0;border-right:1px solid #e0e6ea;background:transparent}
  #lgu-offices-mega>.lgu-office-group--executive{grid-column:1/span 3;grid-row:2}
  #lgu-offices-mega>.lgu-office-group--administrative{grid-column:4/span 6;grid-row:2/span 2}
  #lgu-offices-mega>.lgu-office-group--social-health{grid-column:10/span 3;grid-row:2;border-right:0}
  #lgu-offices-mega>.lgu-office-group--development-environment{grid-column:1/span 3;grid-row:3;border-top:1px solid #e0e6ea}
  #lgu-offices-mega>.lgu-office-group--public-safety-disaster-management{grid-column:10/span 3;grid-row:3;border-top:1px solid #e0e6ea;border-right:0}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group h2{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:#8b6208;font-size:9px;font-weight:800;letter-spacing:.16em}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group h2:before{content:"";width:16px;height:1px;background:#c79a27}
  #lgu-offices-mega>.lgu-office-group--executive>.lgu-office-links{display:flex;grid-template-columns:none}
  #lgu-offices-mega>.lgu-office-group--administrative>.lgu-office-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega .lgu-office-links{gap:0}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega .lgu-office-links>a{min-height:0;padding:7px 6px;border-radius:2px;color:#263747;font-size:10.5px;font-weight:600;line-height:1.35}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega .lgu-office-links>a:before{display:none}
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega .lgu-office-links>a:is(:hover,:focus-visible){background:#eef2f4;color:#003b6f;box-shadow:inset 2px 0 #c79a27}
}
@media(max-width:1023px){
  .lgu-offices-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 12px;border-bottom:1px solid #dce5eb}
  .lgu-offices-intro>div{display:grid;gap:2px}.lgu-offices-kicker{color:#916300;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
  .lgu-offices-intro strong{color:#001e41;font-family:Georgia,"Times New Roman",serif;font-size:17px}.lgu-offices-intro small{display:none}
}

/* Final placement and button treatment for the What's New header action. */
html body.municipal-homepage .updates-panel--portal>.updates-portal-header.section-divider-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:24px!important;
  row-gap:0!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
}
html body.municipal-homepage .updates-panel--portal>.updates-portal-header.section-divider-heading::after{
  display:none!important;
  content:none!important;
}
html body.municipal-homepage .updates-portal-header .updates-header-actions{
  position:static!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
}
html:root:root body.municipal-homepage .updates-header-actions .updates-view-all,
html:root:root body.municipal-homepage .updates-header-actions .updates-view-all:visited{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:36px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:4px!important;
  background:var(--home-premium-navy)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  font-family:"DM Sans","Inter","Segoe UI",Arial,sans-serif!important;
  letter-spacing:normal!important;
  line-height:1!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color 160ms ease-out,border-color 160ms ease-out,color 160ms ease-out!important;
}
html:root:root body.municipal-homepage .updates-header-actions .updates-view-all:is(:hover,:focus,:focus-visible){
  background:var(--home-premium-navy-hover)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
html:root:root body.municipal-homepage .updates-header-actions .updates-view-all:active{
  background:var(--home-premium-navy-active)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html:root:root body.municipal-homepage .updates-header-actions .updates-view-all:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px rgba(0,62,112,.2)!important;
}
@media(prefers-reduced-motion:reduce){
  html:root:root body.municipal-homepage .updates-header-actions .updates-view-all{
    transition:none!important;
  }
}

/* Consistent month navigation controls with a clear, restrained interaction state. */
html body.municipal-homepage .calendar-panel .calendar-date button{
  display:inline-grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:5px!important;
  background:transparent!important;
  color:#004b7a!important;
  font-size:21px!important;
  font-weight:600!important;
  line-height:1!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:pointer!important;
  transition:background-color 160ms ease-out,color 160ms ease-out,border-color 160ms ease-out!important;
}
html body.municipal-homepage .calendar-panel .calendar-date button:hover{
  border-color:#dbe5eb!important;
  background:#f5f7f8!important;
  color:#003e70!important;
}
html body.municipal-homepage .calendar-panel .calendar-date button:active{
  border-color:#d2dde4!important;
  background:#edf1f3!important;
  color:#002e5d!important;
}
html body.municipal-homepage .calendar-panel .calendar-date button:focus-visible{
  border-color:#004b7a!important;
  outline:0!important;
  box-shadow:0 0 0 2px rgba(0,75,122,.18)!important;
}
html body.municipal-homepage .calendar-panel .calendar-date button:disabled{
  border-color:#dbe5eb!important;
  background:#f5f7f8!important;
  color:#96a5ae!important;
  cursor:not-allowed!important;
  opacity:1!important;
}
@media(prefers-reduced-motion:reduce){
  html body.municipal-homepage .calendar-panel .calendar-date button{
    transition:none!important;
  }
}
@media(max-width:600px){
  html body.municipal-homepage .updates-panel--portal>.updates-portal-header.section-divider-heading{grid-template-columns:1fr!important;row-gap:14px!important}
  html body.municipal-homepage .updates-portal-header .updates-header-actions{justify-self:start!important}
}

/* Center the standalone Municipal Calendar panel heading. */
html body.municipal-homepage .calendar-panel>.panel-header{
  justify-content:center!important;
  text-align:center!important;
}
html body.municipal-homepage .calendar-panel>.panel-header>div{
  width:100%!important;
}

/* Shared editorial divider for the What's New section hierarchy. */
html body.municipal-homepage .home-main-column>.updates-panel--portal,
html body.municipal-homepage .updates-panel--portal>.updates-portal-grid,
html body.municipal-homepage .updates-panel--portal .updates-column,
html body.municipal-homepage .updates-panel--portal .updates-column--official,
html body.municipal-homepage .updates-panel--portal .updates-column--facebook{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.municipal-homepage .updates-panel--portal>.updates-portal-grid{
  gap:32px!important;
}
html body.municipal-homepage .updates-panel--portal .section-divider-heading{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.municipal-homepage .updates-panel--portal .section-divider-heading::after{
  content:"";
  flex:0 0 100%;
  width:100%;
  height:1px;
  margin-top:20px;
  background:var(--color-border);
  opacity:.72;
}
html body.municipal-homepage .updates-panel--portal>.updates-portal-header.section-divider-heading{
  padding:20px 28px 0!important;
}
html body.municipal-homepage .updates-panel--portal .updates-column-heading.section-divider-heading{
  margin:0 0 22px!important;
  padding:0!important;
}
@media(max-width:700px){
  html body.municipal-homepage .updates-panel--portal>.updates-portal-grid{gap:24px!important}
  html body.municipal-homepage .updates-panel--portal .section-divider-heading::after{margin-top:16px}
  html body.municipal-homepage .updates-panel--portal>.updates-portal-header.section-divider-heading{padding:18px 18px 0!important}
  html body.municipal-homepage .updates-panel--portal .updates-column-heading.section-divider-heading{margin-bottom:18px!important}
}
html body.municipal-homepage .service-dock .service-item:is(.active,.is-active,[aria-current="page"],:active),
html body.municipal-homepage .service-dock .service-item:is(.active,.is-active,[aria-current="page"],:active):hover{
  border:0!important;
  background:#fff!important;
  color:#00345f!important;
  box-shadow:none!important;
  transform:none!important;
}
html body.municipal-homepage .service-dock .service-item:is(.active,.is-active,[aria-current="page"],:active) strong{
  color:#00345f!important;
}
html body.municipal-homepage .service-dock .service-item .service-icon,
html body.municipal-homepage .service-dock .service-item :is(strong,small,svg,path,use){
  transform:none!important;
  transition:color 180ms ease-out,background-color 180ms ease-out,opacity 180ms ease-out!important;
}
@media(prefers-reduced-motion:reduce){
  html body.municipal-homepage .service-dock .service-item,
  html body.municipal-homepage .service-dock .service-item::after,
  html body.municipal-homepage .service-dock .service-item .service-icon,
  html body.municipal-homepage .service-dock .service-item :is(strong,small,svg,path,use){
    transition:none!important;
  }
}
html body .lgu-public-search-panel form>button:hover,
html body .lgu-public-search-panel form>button:focus-visible,
html body.municipal-homepage .hero .service-search .service-search-submit:hover,
html body.municipal-homepage .hero .service-search .service-search-submit:focus-visible{
  border-color:transparent!important;
  background:transparent!important;
  color:#006fba!important;
  box-shadow:none!important;
}

/* Authenticated header: viewport-centered official-site action. */
@media(min-width:1024px){
  .lgu-header .lgu-nav-inner{position:relative}
  .lgu-header .lgu-primary-nav--citizen{display:flex;justify-content:flex-end}
  .lgu-header .lgu-primary-nav--citizen .lgu-official-website-link{
    position:absolute;
    left:50%;
    min-height:40px;
    padding:0 18px;
    border:0;
    border-radius:4px;
    background:#f3f4f6;
    color:#17324a;
    font-weight:700;
    letter-spacing:.02em;
    transform:translateX(-50%);
  }
  .lgu-header .lgu-primary-nav--citizen .lgu-official-website-link::after{display:none}
  .lgu-header .lgu-primary-nav--citizen .lgu-official-website-link:hover,
  .lgu-header .lgu-primary-nav--citizen .lgu-official-website-link:focus,
  .lgu-header .lgu-primary-nav--citizen .lgu-official-website-link:active{
    outline:0;
    background:#e5e7eb;
    color:#001e41;
    box-shadow:none;
    transform:translateX(-50%);
  }
}

/* Side-by-side sources with independent natural heights. */
html body.municipal-homepage .updates-panel--portal>.updates-portal-grid{
  align-items:start!important;
}
html body.municipal-homepage .updates-panel--portal .updates-column--official,
html body.municipal-homepage .updates-panel--portal .updates-column--facebook{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
}

/* Borderless, quiet navigation grids for governance and programs. */
html body.municipal-homepage :is(.transparency-panel,.programs-panel){
  border:0!important;
}
html body.municipal-homepage :is(.transparency-panel,.programs-panel) .panel-header{
  border:0!important;
  padding-bottom:0!important;
}
html body.municipal-homepage .transparency-grid,
html body.municipal-homepage .program-grid{
  gap:12px!important;
}
html body.municipal-homepage .transparency-grid>a,
html body.municipal-homepage .program-grid>a{
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.municipal-homepage .transparency-grid>a{
  padding:18px 10px!important;
}
html body.municipal-homepage .program-grid>a{
  padding:16px 8px!important;
}
html body.municipal-homepage .transparency-grid>a:hover,
html body.municipal-homepage .transparency-grid>a:focus-visible,
html body.municipal-homepage .program-grid>a:hover,
html body.municipal-homepage .program-grid>a:focus-visible{
  border:0!important;
  background:#f5f7f7!important;
  box-shadow:none!important;
  transform:translateY(-1px)!important;
}
@media(max-width:600px){
  html body.municipal-homepage .transparency-grid,
  html body.municipal-homepage .program-grid{gap:8px!important}
}

/* Quiet borderless All Updates action. */
html body.municipal-homepage .updates-header-actions .updates-view-all,
html body.municipal-homepage .updates-header-actions .updates-view-all:visited{
  border:0!important;
  border-radius:6px!important;
  background:var(--home-premium-navy)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
html body.municipal-homepage .updates-header-actions .updates-view-all:hover,
html body.municipal-homepage .updates-header-actions .updates-view-all:focus-visible{
  border:0!important;
  background:var(--home-premium-navy-hover)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Premium static interaction: no floating tiles in governance or programs. */
html body.municipal-homepage :is(.transparency-grid,.program-grid)>a,
html body.municipal-homepage :is(.transparency-grid,.program-grid)>a:hover,
html body.municipal-homepage :is(.transparency-grid,.program-grid)>a:focus-visible{
  transform:none!important;
  box-shadow:none!important;
}
html body.municipal-homepage :is(.transparency-grid,.program-grid)>a:hover,
html body.municipal-homepage :is(.transparency-grid,.program-grid)>a:focus-visible{
  border:0!important;
  background:#f5f7f7!important;
  color:#00345f!important;
}

/* Open, background-free treatment for the What's New workspace. */
html body.municipal-homepage .updates-panel--portal,
html body.municipal-homepage .updates-panel--portal>.updates-portal-header,
html body.municipal-homepage .updates-panel--portal>.updates-portal-grid,
html body.municipal-homepage .updates-panel--portal .updates-column,
html body.municipal-homepage .updates-panel--portal .updates-column--official,
html body.municipal-homepage .updates-panel--portal .updates-column--facebook{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Transparent navy-glass municipal service search. */
html body.municipal-homepage .hero .service-search{
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(0,30,65,.68)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:0 10px 28px rgba(0,20,45,.16)!important;
}
html body.municipal-homepage .hero .service-search input{
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  caret-color:#fff!important;
  box-shadow:none!important;
}
html body.municipal-homepage .hero .service-search input::placeholder{
  color:rgba(255,255,255,.82)!important;
  opacity:1!important;
}
html body.municipal-homepage .hero .service-search .service-search-submit,
html body.municipal-homepage .hero .service-search .service-search-submit:hover,
html body.municipal-homepage .hero .service-search .service-search-submit:focus-visible{
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* Keep the paired update cards side by side without forcing equal heights. */
html body.municipal-homepage .updates-panel--portal>.updates-portal-grid{align-items:start!important}
html body.municipal-homepage .updates-panel--portal .updates-column--official,
html body.municipal-homepage .updates-panel--portal .updates-column--facebook{align-self:start!important;height:auto!important;min-height:0!important}

/* Clean white municipal service search. */
html body.municipal-homepage .hero .service-search{
  border-color:rgba(255,255,255,.7)!important;
  background:#fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:0 10px 26px rgba(0,20,45,.14)!important;
}
html body.municipal-homepage .hero .service-search input{
  background:#fff!important;
  color:#00345f!important;
  caret-color:#00345f!important;
}
html body.municipal-homepage .hero .service-search input::placeholder{
  color:#66747d!important;
  opacity:1!important;
}
html body.municipal-homepage .hero .service-search .service-search-submit,
html body.municipal-homepage .hero .service-search .service-search-submit:hover,
html body.municipal-homepage .hero .service-search .service-search-submit:focus-visible{
  background:#fff!important;
  color:#00345f!important;
}

/* Equal-height update sources with evenly balanced municipal rows. */
html body.municipal-homepage .updates-panel--portal>.updates-portal-grid{
  align-items:stretch!important;
}
html body.municipal-homepage .updates-panel--portal .updates-column--official,
html body.municipal-homepage .updates-panel--portal .updates-column--facebook{
  align-self:stretch!important;
  height:auto!important;
}
html body.municipal-homepage .updates-panel--portal .updates-column--official{
  display:flex!important;
  flex-direction:column!important;
}
html body.municipal-homepage .updates-panel--portal .updates-column--official .official-update-list{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
@media(max-width:700px){
  html body.municipal-homepage .updates-panel--portal .updates-column--official .official-update-list{
    justify-content:flex-start!important;
  }
}

/* Compact municipal quick-information strip. */
html body.municipal-homepage #offices.quick-info>.quick-info-grid>a,
html body.municipal-homepage #offices.quick-info>.quick-info-grid>div{
  min-height:96px!important;
  padding:12px 20px!important;
}
@media(max-width:700px){
  html body.municipal-homepage #offices.quick-info>.quick-info-grid>a,
  html body.municipal-homepage #offices.quick-info>.quick-info-grid>div{
    min-height:82px!important;
    padding:11px 16px!important;
  }
}

/* Prevent the All Updates active/focus state from mixing dark text and fill. */
html body.municipal-homepage .updates-header-actions .updates-view-all:is(:hover,:focus,:focus-visible,:active){
  border:0!important;
  background:var(--home-premium-navy-hover)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
  text-decoration:none!important;
}

/* Refined hierarchy and spacing for official municipal update rows. */
html body.municipal-homepage .updates-panel--portal .updates-column--official .official-update-list{
  justify-content:flex-start!important;
  gap:20px!important;
  padding:8px 0 4px!important;
}
html body.municipal-homepage .updates-column--official .official-update-fallback{
  grid-template-columns:62px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  min-height:84px!important;
  padding:10px 8px!important;
}
html body.municipal-homepage .updates-column--official .official-fallback-seal{
  width:62px!important;
  height:62px!important;
}
html body.municipal-homepage .updates-column--official .official-fallback-seal img{
  width:46px!important;
  height:46px!important;
}
html body.municipal-homepage .updates-column--official .official-update-fallback>span:last-child{
  gap:6px!important;
}
html body.municipal-homepage .updates-column--official .news-category{
  padding:3px 7px!important;
  font-size:10px!important;
  line-height:1.25!important;
  letter-spacing:.02em!important;
}
html body.municipal-homepage .updates-column--official .official-update-fallback strong{
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:-.01em!important;
}
html body.municipal-homepage .updates-column--official .official-update-fallback small{
  font-size:11.5px!important;
  line-height:1.45!important;
}
@media(max-width:600px){
  html body.municipal-homepage .updates-panel--portal .updates-column--official .official-update-list{gap:12px!important}
  html body.municipal-homepage .updates-column--official .official-update-fallback{grid-template-columns:54px minmax(0,1fr)!important;gap:14px!important;padding-inline:2px!important}
  html body.municipal-homepage .updates-column--official .official-fallback-seal{width:54px!important;height:54px!important}
  html body.municipal-homepage .updates-column--official .official-fallback-seal img{width:40px!important;height:40px!important}
  html body.municipal-homepage .updates-column--official .official-update-fallback strong{font-size:14px!important}
  html body.municipal-homepage .updates-column--official .official-update-fallback small{font-size:11px!important}
}

/* Borderless calendar actions and synchronization status. */
html body.municipal-homepage .calendar-panel .calendar-full-link,
html body.municipal-homepage .calendar-panel .sync-note{
  border:0!important;
}
html body.municipal-homepage .calendar-panel .calendar-full-link:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px rgba(0,52,95,.2)!important;
}

/* Restrained hover emphasis for the six primary service shortcuts. */
html body.municipal-homepage .service-dock .service-item:hover::after,
html body.municipal-homepage .service-dock .service-item:focus-visible::after{
  opacity:.48!important;
}
html body.municipal-homepage .service-dock .service-item:hover .service-icon,
html body.municipal-homepage .service-dock .service-item:focus-visible .service-icon{
  box-shadow:inset 0 0 0 1px rgba(0,52,95,.16)!important;
}
html body.municipal-homepage .service-dock .service-item .service-icon{
  transition:color 180ms ease-out,background-color 180ms ease-out,box-shadow 180ms ease-out!important;
}
html body.municipal-homepage .service-dock .service-item:is(.active,.is-active,[aria-current="page"],:active)::after{
  opacity:1!important;
}

/* Offices directory uses the same rule-free civic treatment as Legislative. */
@media(min-width:1024px){
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega{
    border-top:0!important;
  }
  #lgu-offices-mega>.lgu-offices-intro>div{
    display:flex!important;
    min-width:0!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:0!important;
    text-align:left!important;
  }
  #lgu-offices-mega>.lgu-offices-intro .lgu-offices-kicker{
    display:block!important;
    margin:0 0 6px!important;
    line-height:1.2!important;
  }
  #lgu-offices-mega>.lgu-offices-intro strong{
    display:block!important;
    margin:0!important;
    line-height:1.08!important;
  }
  #lgu-offices-mega>.lgu-offices-intro small{
    display:block!important;
    margin:5px 0 0!important;
    line-height:1.35!important;
  }
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group h2{
    color:#456177!important;
  }
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group h2::before{
    display:none!important;
    content:none!important;
  }
  .lgu-primary-nav>.lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega .lgu-office-links>a:is(:hover,:focus-visible){
    background:#edf3f7!important;
    color:#003b6f!important;
    box-shadow:none!important;
  }
}
@media(max-width:1023px){
  .lgu-header .lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega{
    border-top:0!important;
    border-left:0!important;
  }
  .lgu-header .lgu-offices-dropdown:not(.lgu-legislative-dropdown)>.lgu-offices-mega>.lgu-office-group h2::before{
    display:none!important;
    content:none!important;
  }
}

/* Content-sized homepage calendar: prevent empty months from creating a tall blank card. */
html body.municipal-homepage .home-side-column>.calendar-panel{
  display:block!important;
  align-self:flex-start!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:24px!important;
}
html body.municipal-homepage .calendar-panel>.panel-header{
  min-height:0!important;
  margin:0 0 14px!important;
  padding:0 0 14px!important;
}
html body.municipal-homepage .calendar-panel .calendar-date{
  min-height:48px!important;
  margin:0!important;
  padding:7px 10px!important;
}
html body.municipal-homepage .calendar-panel .events{
  min-height:0!important;
  margin:0!important;
}
html body.municipal-homepage .calendar-panel .calendar-empty-month{
  min-height:112px!important;
  margin:0!important;
  padding:20px 14px!important;
}
html body.municipal-homepage .calendar-panel .calendar-full-link{
  width:100%!important;
  min-height:38px!important;
  margin:12px 0 0!important;
  padding:8px 12px!important;
}
html body.municipal-homepage .calendar-panel .sync-note{
  min-height:0!important;
  margin:10px 0 0!important;
  padding:10px 12px!important;
}
html body.municipal-homepage .calendar-panel .calendar-full-link{
  width:max-content!important;
  max-width:100%!important;
  min-height:36px!important;
  margin:12px auto 0!important;
  padding:8px 16px!important;
}

@media(max-width:1023px){
  .lgu-account-logout-icon{display:block!important}
  .lgu-account-person-icon{display:none!important}
  .lgu-header .lgu-primary-nav .lgu-citizen-nav-tools{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    width:100%!important;
    min-height:54px!important;
    margin:8px 0 0!important;
    padding:8px 0 0!important;
    border-top:0!important;
  }
  .lgu-header .lgu-primary-nav .lgu-citizen-nav-tools>.lgu-public-search-toggle,
  .lgu-header .lgu-primary-nav .lgu-citizen-nav-tools>.lgu-account-menu,
  .lgu-header .lgu-primary-nav .lgu-citizen-nav-tools>.lgu-citizen-dashboard-link{
    flex:0 0 auto!important;
  }
  .lgu-header .lgu-primary-nav .lgu-citizen-nav-tools>.lgu-public-search-panel{position:absolute!important}
  .lgu-header .lgu-primary-nav.lgu-primary-nav--citizen{
    flex-direction:row!important;
    align-items:center!important;
    gap:10px!important;
  }
  .lgu-header .lgu-primary-nav--citizen>.lgu-official-website-link{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    justify-content:flex-start!important;
    white-space:nowrap!important;
  }
  .lgu-header .lgu-primary-nav--citizen>.lgu-citizen-nav-tools{
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    width:auto!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    gap:10px!important;
  }
  .lgu-header .lgu-primary-nav--citizen .lgu-account-menu{
    position:static!important;
  }
  .lgu-header .lgu-primary-nav--citizen .lgu-account-menu>.lgu-dropdown-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    width:min(260px,calc(100vw - 32px))!important;
    min-width:0!important;
    margin:0!important;
    padding:6px!important;
    z-index:8200!important;
  }
  .lgu-header .lgu-primary-nav--citizen .lgu-account-menu>.lgu-dropdown-menu{
    display:none!important;
  }
}

@media(max-width:1023px){
  .lgu-header .lgu-primary-nav .lgu-legislative-mega .lgu-office-featured{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:6px!important;
    white-space:normal!important;
  }
  .lgu-header .lgu-primary-nav .lgu-legislative-mega .lgu-office-featured span,
  .lgu-header .lgu-primary-nav .lgu-legislative-mega .lgu-office-featured small{
    display:block!important;
    min-width:0!important;
    margin:0!important;
  }
}
html body.municipal-homepage .calendar-panel .sync-note{
  width:max-content!important;
  max-width:100%!important;
  margin:10px auto 0!important;
}

/* Natural-height update sources with compact editorial headings. */
html body.municipal-homepage .updates-panel--portal>.updates-portal-grid{
  align-items:start!important;
  gap:20px!important;
}
html body.municipal-homepage .updates-panel--portal .updates-column,
html body.municipal-homepage .updates-panel--portal .updates-column--official,
html body.municipal-homepage .updates-panel--portal .updates-column--facebook{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  padding:24px!important;
}
html body.municipal-homepage .updates-panel--portal .updates-column-heading.section-divider-heading{
  min-height:0!important;
  margin:0 0 16px!important;
}
html body.municipal-homepage .updates-panel--portal .updates-column-heading.section-divider-heading::after{
  margin-top:14px!important;
}
@media(max-width:600px){
  html body.municipal-homepage .home-side-column>.calendar-panel{padding:20px!important}
  html body.municipal-homepage .calendar-panel .calendar-empty-month{min-height:96px!important;padding:16px 10px!important}
  html body.municipal-homepage .updates-panel--portal .updates-column{padding:20px 18px!important}
}
/* Authenticated internal pages: explicit return to the citizen dashboard. */
.lgu-citizen-dashboard-link,
.lgu-citizen-dashboard-link:visited{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 12px;
  border:0;
  border-radius:4px;
  background:#f4f6f8;
  color:#173b5d;
  font-family:"Manrope","DM Sans","Segoe UI",Arial,sans-serif;
  font-size:12px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:.015em;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:none;
}
.lgu-citizen-dashboard-link:hover,
.lgu-citizen-dashboard-link:focus-visible{
  background:#e9edf1;
  color:#001e41;
  outline:0;
  text-decoration:none;
  box-shadow:none;
}
@media(max-width:1023px){.lgu-citizen-dashboard-link{min-height:40px;padding-inline:12px;font-size:11.5px}}