:root{--updates-green:#006b3f;--updates-deep:#003b2c;--updates-navy:#001b3a;--updates-gold:#f5c542;--updates-muted:#687871;--updates-line:#d9e5df}
.updates-page,.updates-page *{box-sizing:border-box}.updates-page{background:#f4f7f6;color:#21362f}.updates-container{width:min(1400px,calc(100% - 48px));margin-inline:auto}.updates-hero{position:relative;display:flex;align-items:center;min-height:155px;padding:28px 0;color:#fff;background:linear-gradient(90deg,rgba(0,19,41,.82),rgba(0,58,58,.5)),url('../../uploads/Whats-New-Head-Banner.png') center 50%/cover no-repeat}.updates-hero h1{margin:0 0 10px;font:800 clamp(2.25rem,4vw,3.5rem)/1 Manrope,sans-serif;letter-spacing:-.04em}.updates-hero nav{display:flex;align-items:center;gap:10px;color:#dcebe6;font-size:.75rem}.updates-hero nav a{color:#fff}.updates-main{padding:42px 0 58px}.updates-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:25px}.updates-intro>div{max-width:900px}.updates-kicker{margin:0;color:var(--updates-gold);font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.updates-intro h2{margin:6px 0 4px;color:var(--updates-navy);font:800 clamp(1.55rem,2.7vw,2.25rem)/1.25 Manrope,sans-serif}.updates-intro p{margin:0;color:var(--updates-muted);font-size:.85rem}.updates-back-link{flex:0 0 auto;padding:10px 14px;border:1px solid #a8cdbb;border-radius:7px;color:var(--updates-green);font-size:.72rem;font-weight:800;text-transform:uppercase}.facebook-page-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:178px;margin-bottom:24px;padding:25px 28px;overflow:hidden;border:1px solid #d4e1db;border-radius:18px;background:linear-gradient(90deg,rgba(0,19,41,.3),rgba(0,45,38,.1) 55%,rgba(255,255,255,.03)),url('../../uploads/Whats-New-FB-Banner.png') center 50%/cover no-repeat;box-shadow:0 12px 30px rgba(4,60,43,.08)}.facebook-page-identity{display:flex;align-items:center;gap:16px;min-width:0}.facebook-page-identity>img{width:76px;height:76px;flex:0 0 76px;padding:3px;object-fit:contain;border:3px solid #efc95d;border-radius:50%;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.2)}.facebook-page-label{display:block;color:var(--updates-gold);font-size:.64rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.facebook-page-identity h2{margin:2px 0 5px;color:#fff;font:800 1.5rem Manrope,sans-serif}.facebook-page-identity p{margin:0;color:#e1ede8;font-size:.76rem}.facebook-page-actions{display:flex;gap:9px;flex:0 0 auto}.facebook-page-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:8px;font-size:.7rem;font-weight:800}.facebook-follow-link{background:#1877f2;color:#fff}.facebook-view-link{background:#fff;color:#063d2b}.facebook-posts{padding:20px;border:1px solid var(--updates-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(5,50,37,.05)}.facebook-posts-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid #e1e9e5}.facebook-posts-heading h2{margin:0;color:var(--updates-deep);font:800 1.15rem Manrope,sans-serif}.facebook-posts-heading p{margin:4px 0 0;color:var(--updates-muted);font-size:.7rem}.facebook-carousel-controls{display:flex;gap:7px}.facebook-carousel-controls button{width:35px;height:35px;border:1px solid #bcd5c9;border-radius:7px;background:#fff;color:var(--updates-green);cursor:pointer}.facebook-post-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,calc((100% - 56px)/5));gap:14px;overflow-x:auto;padding:16px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin}.facebook-post-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dce7e2;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(5,50,37,.06);scroll-snap-align:start}.facebook-post-header{display:flex;align-items:center;gap:9px;padding:11px 12px;border-bottom:1px solid #edf2ef}.facebook-post-header img{width:34px;height:34px;object-fit:contain;border-radius:50%}.facebook-post-header h3{margin:0;color:var(--updates-deep);font-size:.7rem}.facebook-post-header time{display:block;margin-top:2px;color:var(--updates-muted);font-size:.58rem}.facebook-mark{margin-left:auto;color:#1877f2;font-weight:900}.facebook-post-media{display:block;aspect-ratio:4/3;overflow:hidden;background:#eef4f1}.facebook-post-media>img{display:block;width:100%;height:100%;object-fit:cover}.facebook-media-fallback{display:grid;place-items:center;height:100%;padding:20px;color:var(--updates-green);text-align:center}.facebook-post-body{flex:1;padding:13px 14px}.facebook-post-body p{display:-webkit-box;overflow:hidden;margin:0;color:#3d5048;font-size:.72rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:4}.facebook-post-actions{display:flex;border-top:1px solid #e5ece8}.facebook-post-actions a{flex:1;padding:10px 5px;color:var(--updates-green);font-size:.64rem;font-weight:800;text-align:center}.facebook-post-actions a:hover{background:#f1f7f4}.facebook-live-embed{display:grid;place-items:center;min-height:700px;padding:18px;background:linear-gradient(#fff,#f5f8f6)}.facebook-live-embed iframe{display:block;width:500px!important;max-width:100%!important}.facebook-more-wrap{padding-top:12px;text-align:center}.facebook-more-link{color:var(--updates-green);font-size:.72rem;font-weight:800}
@media(max-width:900px){.updates-intro{align-items:flex-start;flex-direction:column}.facebook-page-banner{align-items:flex-start;flex-direction:column}.facebook-page-actions{width:100%}.facebook-page-actions a{flex:1}.facebook-post-track{grid-auto-columns:minmax(260px,44%)}}
@media(max-width:600px){.updates-container{width:min(100% - 28px,1400px)}.updates-hero{min-height:125px;padding:20px 0}.updates-main{padding:28px 0 40px}.updates-intro h2{font-size:1.45rem}.updates-back-link{width:100%;text-align:center}.facebook-page-banner{min-height:270px;padding:18px}.facebook-page-identity{align-items:flex-start}.facebook-page-identity>img{width:60px;height:60px;flex-basis:60px}.facebook-page-identity h2{font-size:1.2rem}.facebook-page-actions{display:grid;grid-template-columns:1fr 1fr}.facebook-posts{padding:12px}.facebook-posts-heading{align-items:flex-start}.facebook-post-track{grid-auto-columns:88%}.facebook-live-embed{min-height:620px;padding:8px}.facebook-live-embed iframe{height:620px}}

/* Reference-led header and official Facebook banner. */
.updates-hero{min-height:120px;padding:22px 0}.updates-hero h1{font-size:clamp(2rem,3vw,2.65rem);text-transform:uppercase}.updates-main{padding-top:24px}.updates-intro--reference{position:relative;display:flex;align-items:center;justify-content:center;min-height:55px;margin-bottom:16px;padding-inline:180px}.updates-intro--reference h2{position:relative;margin:0;padding-bottom:14px;color:#172b24;font:800 clamp(.9rem,1.4vw,1.08rem)/1.4 Manrope,sans-serif;text-align:center}.updates-intro--reference h2:after{content:"";position:absolute;left:50%;bottom:0;width:54px;height:2px;border-radius:2px;background:var(--updates-green);transform:translateX(-50%)}.updates-intro--reference .updates-back-link{position:absolute;right:0;top:50%;transform:translateY(-50%)}.facebook-page-banner--image{display:block;min-height:0;margin-bottom:24px;padding:0;border-radius:9px;background:none;box-shadow:0 7px 20px rgba(4,50,36,.08)}.facebook-page-banner--image>img{display:block;width:100%;height:auto;border-radius:inherit}.facebook-page-banner--image:hover{border-color:#b7cec3;box-shadow:0 9px 24px rgba(4,50,36,.12)}
@media(max-width:760px){.updates-intro--reference{align-items:stretch;flex-direction:column;gap:14px;padding-inline:0}.updates-intro--reference .updates-back-link{position:static;transform:none}.facebook-page-banner--image{min-height:0;padding:0}.facebook-page-banner--image>img{min-height:145px;object-fit:cover;object-position:center}}

.facebook-page-banner--image{aspect-ratio:8.4/1;overflow:hidden}
.facebook-page-banner--image>img{width:100%;height:100%;object-fit:cover;object-position:center 50%}
@media(max-width:760px){.facebook-page-banner--image{aspect-ratio:4/1}.facebook-page-banner--image>img{min-height:0}}

/* Facebook card treatment based on the official feed UI. */
.facebook-posts{padding:14px 10px 20px;border:0;border-radius:0;background:transparent;box-shadow:none}.facebook-posts-heading{padding:0 4px 12px}.facebook-post-track{align-items:stretch;padding:10px 2px 8px}.facebook-post-card{border-color:#dfe5e2;border-radius:9px;box-shadow:0 2px 7px rgba(4,42,30,.045)}.facebook-post-header{min-height:55px;padding:9px 10px}.facebook-post-header img{width:31px;height:31px}.facebook-post-header h3{font-size:.68rem}.facebook-post-header time{font-size:.56rem}.facebook-verified{display:inline-grid;place-items:center;width:13px;height:13px;margin-left:2px;border-radius:50%;background:#1877f2;color:#fff;font-size:8px;vertical-align:1px}.facebook-mark{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#1877f2;color:#fff;font:800 .78rem Arial}.facebook-post-media{margin:0 9px;aspect-ratio:1.35/1;border-radius:5px}.facebook-post-body{min-height:100px;padding:11px 10px 8px}.facebook-post-body p{font-size:.67rem;line-height:1.45;-webkit-line-clamp:5}.facebook-post-stats{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 10px;padding:8px 0;border-bottom:1px solid #e5e9e7;color:#66736d;font-size:.55rem}.facebook-reactions{display:flex;align-items:center;white-space:nowrap}.facebook-reactions i{width:11px;height:11px;margin-right:-3px;border:1px solid #fff;border-radius:50%;color:#1877f2;font-size:8px;line-height:8px}.facebook-reactions i:nth-child(2){color:#e7354d}.facebook-reactions i:nth-child(3){margin-right:5px;color:#f2b928}.facebook-post-actions{border-top:0}.facebook-post-actions a{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 3px;color:#34423c;font-size:.6rem;font-weight:700}.facebook-post-actions a span{font-size:.86rem}.facebook-post-actions a:hover{background:#f5f7f6}.facebook-more-wrap{padding-top:17px}.facebook-more-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-width:290px;min-height:43px;padding:0 15px;border:1px solid #a9c5b7;border-radius:6px;background:#fff;color:#1c3a30;font-size:.72rem;font-weight:700}.facebook-more-link:hover{border-color:var(--updates-green);color:var(--updates-green)}
@media(max-width:600px){.facebook-posts{padding-inline:0}.facebook-post-body{min-height:88px}.facebook-more-link{width:100%;min-width:0}.facebook-post-stats{font-size:.52rem}}

/* 2026 official news hub */
.updates-page{--updates-navy:#00345f;--updates-blue:#087ac7;--updates-pale:#eaf4fb;--updates-gold:#ffc936;--updates-ink:#072a50;background:var(--updates-pale);color:var(--updates-ink);font-family:Arial,"Helvetica Neue",sans-serif}
.updates-page a{text-decoration:none}.updates-container{width:min(1440px,calc(100% - 64px))}
.updates-hero--compact{min-height:230px;padding:0;background:linear-gradient(90deg,rgba(5,67,117,.94),rgba(15,112,178,.77));overflow:hidden}
.updates-hero--compact:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,rgba(255,255,255,.13),transparent 42%,rgba(255,255,255,.12) 62%,transparent 75%);pointer-events:none}
.updates-hero-gloss{position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.14) 48%,transparent 66%);pointer-events:none}
.updates-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,38%);align-items:stretch;min-height:230px}
.updates-hero-grid>div{align-self:center;padding:28px 0}.updates-hero--compact .updates-kicker{color:var(--updates-gold)}
.updates-hero--compact h1{margin:6px 0 9px;color:#fff;font-size:clamp(2.2rem,4vw,3.5rem);text-transform:none}.updates-hero--compact p{max-width:650px;margin:0 0 16px;color:#eaf6ff;font-size:1rem;line-height:1.6}
.updates-hero--compact figure{position:relative;margin:0;overflow:hidden;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.updates-hero--compact figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#176cae 0,rgba(11,73,126,.18) 38%,rgba(0,36,73,.42))}.updates-hero--compact figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}
.updates-hero--compact figcaption{position:absolute;z-index:2;right:28px;bottom:23px;padding:12px 15px;border-left:3px solid var(--updates-gold);background:rgba(0,45,87,.76);color:#fff;font-size:.77rem;line-height:1.45;text-align:right;backdrop-filter:blur(8px)}
.updates-main{padding:32px 0 64px}.updates-intro--news{justify-content:center;margin-bottom:22px;text-align:center}.updates-intro--news h2{position:relative;max-width:860px;margin:0;padding-bottom:15px;color:var(--updates-navy);font-size:clamp(1.3rem,2vw,1.85rem)}.updates-intro--news h2:after{content:"";position:absolute;left:50%;bottom:0;width:76px;height:3px;background:var(--updates-gold);transform:translateX(-50%)}
.updates-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 17px;border:1px solid var(--updates-navy);border-radius:5px;background:var(--updates-navy);color:#fff!important;font-size:.74rem;font-weight:800;transition:background-color .22s ease,border-color .22s ease,color .22s ease}.updates-button:hover,.updates-button:focus-visible{border-color:#b9d9ee;background:#dceef9;color:var(--updates-navy)!important}
.facebook-profile-banner{position:relative;min-height:285px;margin-bottom:32px;overflow:hidden;border-radius:7px;background:var(--updates-navy);box-shadow:0 13px 35px rgba(1,40,77,.12)}.facebook-profile-bg,.facebook-profile-overlay{position:absolute;inset:0;width:100%;height:100%}.facebook-profile-bg{object-fit:cover}.facebook-profile-overlay{background:linear-gradient(90deg,rgba(0,38,77,.96) 0,rgba(0,52,95,.86) 31%,rgba(0,50,92,.54) 58%,rgba(255,255,255,.93) 78%,rgba(255,255,255,.98))}
.facebook-profile-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.1fr) minmax(270px,.85fr);align-items:center;gap:24px;min-height:285px;padding:30px}
.facebook-profile-identity{display:flex;align-items:center;gap:14px;color:#fff}.facebook-profile-identity>img{width:78px;height:78px;padding:3px;border:3px solid #fff;border-radius:50%;object-fit:contain;background:#fff}.facebook-profile-identity h2{display:flex;align-items:center;gap:6px;margin:0 0 6px;color:#fff;font-size:1.35rem}.facebook-profile-identity p,.facebook-profile-identity small{margin:0;color:#dceaf5;font-size:.77rem}.facebook-profile-identity small{display:block;margin-top:7px}.facebook-verified{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#1686d9;color:#fff;font-size:11px}
.facebook-profile-wordmark{text-align:center;text-shadow:0 2px 12px rgba(0,29,58,.35)}.facebook-profile-wordmark strong{display:block;color:#fff;font:800 clamp(2rem,3.6vw,3.65rem)/1 Arial,sans-serif;letter-spacing:.035em}.facebook-profile-wordmark em{display:block;margin-top:8px;color:var(--updates-gold);font:400 clamp(1.25rem,2.4vw,2rem)/1.1 "Segoe Script","Brush Script MT",cursive}.facebook-profile-wordmark span{display:block;margin-top:8px;color:#fff;font-size:1rem;font-weight:700}
.facebook-profile-actions{display:flex;flex-direction:column;gap:10px}.facebook-profile-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.facebook-profile-actions .updates-button{background:var(--updates-navy)}
.facebook-posts{margin-bottom:34px;padding:0;background:transparent}.facebook-posts-heading{padding:0 0 14px;border-bottom:1px solid #bad3e3}.facebook-posts-heading h2{color:var(--updates-navy);font-size:1.25rem}.facebook-carousel-controls button{border-color:#aacde5;border-radius:50%;color:var(--updates-navy);transition:.2s}.facebook-carousel-controls button:hover{background:#dceef9}
.facebook-post-track{grid-auto-columns:340px;gap:16px;padding:18px 1px 11px}.facebook-post-card{height:340px;border-color:#cbdde9;border-radius:6px;box-shadow:none}.facebook-post-header{min-height:62px;padding:10px 12px}.facebook-post-header h3{color:var(--updates-navy);font-size:.76rem}.facebook-post-media{flex:0 0 145px;margin:0 11px;aspect-ratio:auto}.facebook-post-body{min-height:54px;padding:9px 12px 4px}.facebook-post-body p{-webkit-line-clamp:2;font-size:.68rem}.facebook-post-stats{padding:6px 0}.facebook-post-card footer{padding:7px 12px 10px}.facebook-post-card footer a{color:var(--updates-blue);font-size:.66rem;font-weight:800}.facebook-media-fallback{background:#dceef9;color:var(--updates-navy)}.facebook-more-wrap{padding-top:16px}
.updates-bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:22px}.municipal-updates,.updates-calendar{overflow:hidden;border:1px solid #cbdde9;border-radius:7px;background:#fff}.municipal-updates>header,.updates-calendar>header{padding:25px 26px 19px;border-bottom:1px solid #d7e5ee}.municipal-updates h2,.updates-calendar h2{margin:5px 0;color:var(--updates-navy);font-size:1.55rem}.municipal-updates header p,.updates-calendar header p{margin:0;color:#61727f;font-size:.84rem}.municipal-updates .updates-kicker,.updates-calendar .updates-kicker{color:var(--updates-blue)}.municipal-updates>div{display:grid;grid-template-columns:1fr 1fr}.municipal-updates>div>a,.municipal-updates>div>article{display:flex;min-height:132px;padding:20px 23px;flex-direction:column;border-right:1px solid #dbe7ef;border-bottom:1px solid #dbe7ef;color:var(--updates-ink);transition:background-color .22s ease}.municipal-updates>div>a:hover{background:#dceef9}.municipal-updates span{color:var(--updates-blue);font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.municipal-updates strong{margin:8px 0;color:var(--updates-navy);font-size:.92rem}.municipal-updates small{margin-top:auto;color:#71818c;font-size:.66rem}.updates-calendar{padding-bottom:23px}.updates-calendar-title{display:grid;grid-template-columns:35px 1fr 35px;align-items:center;margin:20px 23px 10px;background:#eef6fb;text-align:center}.updates-calendar-title a{padding:10px;color:var(--updates-navy)}.updates-calendar-week,.updates-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);margin-inline:23px;text-align:center}.updates-calendar-week b{padding:6px;color:#72818c;font-size:.65rem}.updates-calendar-days span{display:grid;place-items:center;min-height:34px;color:#263d50;font-size:.7rem}.updates-calendar-days .today{border-radius:50%;background:var(--updates-navy);color:#fff}.updates-calendar-details{margin:14px 23px 0;padding-top:16px;border-top:1px solid #d5e3ec}.updates-calendar-details p{color:#657783;font-size:.72rem;line-height:1.5}
@media(max-width:1050px){.facebook-profile-layout{grid-template-columns:1fr 1fr}.facebook-profile-actions{grid-column:1/-1;flex-direction:row}.facebook-profile-actions>div{flex:1}.facebook-profile-actions>a{flex:1}.updates-bottom-grid{grid-template-columns:1fr}}
@media(max-width:760px){.updates-container{width:min(100% - 28px,1440px)}.updates-hero-grid{grid-template-columns:1fr}.updates-hero-grid>div{padding:26px 0}.updates-hero--compact figure{display:none}.facebook-profile-layout{grid-template-columns:1fr;padding:22px}.facebook-profile-wordmark{text-align:left}.facebook-profile-actions{flex-direction:column}.facebook-post-track{grid-auto-columns:88%}.updates-bottom-grid{grid-template-columns:1fr}.municipal-updates>div{grid-template-columns:1fr}.municipal-updates>div>a,.municipal-updates>div>article{min-height:115px}.updates-hero--compact{min-height:205px}}

/* Compact news header and consistently centered section hierarchy. */
.updates-page .updates-hero--compact,
.updates-page .updates-hero-grid { min-height:180px; }
.updates-page .updates-hero-grid>div { padding-block:20px;text-align:center; }
.updates-page .updates-hero--compact p { margin-inline:auto; }
.updates-page .updates-hero--compact nav { justify-content:center; }
.updates-page .updates-intro--news,
.updates-page .facebook-posts-heading,
.updates-page .municipal-updates>header,
.updates-page .updates-calendar>header { text-align:center; }
.updates-page .facebook-posts-heading { position:relative;justify-content:center; }
.updates-page .facebook-carousel-controls { position:absolute;right:0; }
@media(max-width:760px){
  .updates-page .updates-hero--compact,
  .updates-page .updates-hero-grid { min-height:165px; }
  .updates-page .facebook-carousel-controls { position:static; }
}

/* Official Facebook Page Plugin: authentication-free and isolated from the
   municipality's database-backed updates below. */

.mini-month-picker{position:relative}
.mini-month-picker summary{display:flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #d5e1e9;border-radius:5px;background:#fff;color:#153e35;font-size:.68rem;font-weight:800;cursor:pointer;list-style:none}
.mini-month-picker summary::-webkit-details-marker{display:none}
.mini-month-picker summary:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(0,62,112,.16)}
.mini-month-menu{position:absolute;z-index:8;top:calc(100% + 7px);right:0;display:grid;grid-template-columns:repeat(2,minmax(92px,1fr));gap:2px;width:220px;padding:7px;border:1px solid #d5e1e9;border-radius:6px;background:#fff;box-shadow:0 12px 28px rgba(0,36,73,.12)}
.mini-month-menu a{padding:7px 9px;border-radius:4px;color:#435c53;font-size:.65rem;font-weight:650;text-decoration:none}
.mini-month-menu a:hover,.mini-month-menu a:focus-visible{background:#f2f6f8;color:#003e70;outline:0}
.mini-month-menu a[aria-current="date"]{background:#eaf3f8;color:#003e70;font-weight:800}
@media(max-width:480px){.mini-month-menu{right:-4px;grid-template-columns:1fr;width:150px;max-height:280px;overflow:auto}}
.updates-page .facebook-official-plugin{
  margin-bottom:34px;
  padding:24px;
  border:1px solid #cbdde9;
  border-radius:8px;
  background:#fff;
  box-shadow:0 12px 32px rgba(1,40,77,.07);
}
.updates-page .facebook-plugin-shell{
  display:flex;
  justify-content:center;
  width:100%;
  min-height:720px;
  margin-top:20px;
  overflow:hidden;
  border-radius:7px;
  background:linear-gradient(145deg,#f3f7fa,#e8f1f7);
}
.updates-page .facebook-page-plugin{
  display:block;
  width:500px;
  max-width:100%;
  height:720px;
  border:0;
  background:#fff;
}
.updates-page .facebook-embed-fallback{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  max-width:680px;
  margin:18px auto 0;
  padding-top:16px;
  border-top:1px solid #d7e5ee;
}
.updates-page .facebook-embed-fallback p{
  margin:0;
  color:#61727f;
  font-size:.75rem;
  line-height:1.5;
}
@media(max-width:600px){
  .updates-page .facebook-official-plugin{padding:16px 12px}
  .updates-page .facebook-plugin-shell{min-height:720px}
  .updates-page .facebook-page-plugin{height:720px}
  .updates-page .facebook-embed-fallback{align-items:stretch;flex-direction:column;text-align:center}
}

/* Final compact masthead height. */
html body .updates-page .updates-hero--compact{
  height:200px!important;
  min-height:200px!important;
}
html body .updates-page .updates-hero-grid{
  height:200px!important;
  min-height:200px!important;
}
@media(max-width:760px){
  html body .updates-page .updates-hero--compact,
  html body .updates-page .updates-hero-grid{
    height:auto!important;
    min-height:170px!important;
  }
}

/* Final compact What's New hero: homepage palette, left copy, fixed right caption. */
.updates-page .updates-hero--compact,
.updates-page .updates-hero-grid{
  min-height:150px;
}
.updates-page .updates-hero--compact{
  background:linear-gradient(90deg,#001e41 0%,#00345f 48%,#087ac7 100%);
}
.updates-page .updates-hero--compact:before{
  background:linear-gradient(90deg,rgba(0,30,65,.18),rgba(0,46,93,.08) 44%,transparent 70%);
}
.updates-page .updates-hero-gloss{
  background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.08) 49%,transparent 63%);
}
.updates-page .updates-hero-grid>div{
  padding-block:16px;
  text-align:left;
}
.updates-page .updates-hero--compact p{
  margin-right:auto;
  margin-left:0;
}
.updates-page .updates-hero--compact nav{
  justify-content:flex-start;
}
.updates-page .updates-hero--compact figure:after{
  background:linear-gradient(90deg,rgba(0,46,93,.56) 0%,rgba(0,62,108,.18) 42%,rgba(0,30,65,.34) 100%);
}
@media(max-width:760px){
  .updates-page .updates-hero--compact,
  .updates-page .updates-hero-grid{min-height:140px}
}

/* Standard municipal photography across page headers and official-page banners. */
.updates-page .updates-hero{
  background-image:linear-gradient(90deg,rgba(0,30,65,.82),rgba(0,46,93,.54)),url('../../uploads/Municipal-hall-1.jpg')!important;
}
.updates-page .facebook-profile-bg{content:url('../../uploads/Municipal-hall-1.jpg')}

/* Polished, fixed-height news masthead. The explicit grid height prevents the
   municipal-hall image's intrinsic ratio from stretching the whole hero. */
.updates-page .updates-hero--compact{
  height:clamp(240px,18vw,290px);
  min-height:0;
  border-bottom:1px solid rgba(255,255,255,.16);
  background-position:center 46%!important;
}
.updates-page .updates-hero-grid{
  height:100%;
  min-height:0;
  grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr);
}
.updates-page .updates-hero-grid>div{
  position:relative;
  z-index:2;
  max-width:820px;
  padding:26px 40px 26px 0;
}
.updates-page .updates-hero--compact .updates-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:.72rem!important;
  letter-spacing:.18em;
}
.updates-page .updates-hero--compact .updates-kicker:before{
  content:"";
  width:28px;
  height:2px;
  background:var(--updates-gold);
}
.updates-page .updates-hero--compact h1{
  margin:5px 0 7px;
  font-size:clamp(3.35rem,4.4vw,4.7rem)!important;
  line-height:1!important;
  text-shadow:0 3px 18px rgba(0,24,50,.28);
}
.updates-page .updates-hero--compact p{
  margin-bottom:13px;
  color:rgba(255,255,255,.9);
  font-size:clamp(.85rem,1.05vw,1rem);
  line-height:1.45;
}
.updates-page .updates-hero--compact nav{
  gap:8px;
  color:rgba(255,255,255,.7);
  font-size:.8rem;
}
.updates-page .updates-hero--compact figure{
  height:100%;
  min-height:0;
  clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);
}
.updates-page .updates-hero--compact figure img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  filter:saturate(.78) contrast(1.03);
}
.updates-page .updates-hero--compact figcaption{
  right:18px;
  bottom:18px;
  padding:9px 12px;
  border-left-width:2px;
  background:rgba(0,35,72,.72);
  border-radius:0 4px 4px 0;
  font-size:.78rem;
  line-height:1.4;
  box-shadow:0 6px 20px rgba(0,20,42,.18);
}
.updates-page .facebook-profile-identity h2{
  margin-bottom:8px;
}
.updates-page .facebook-profile-identity p{
  color:#fff;
  font-size:.78rem;
  font-weight:700;
}
.updates-page .facebook-profile-identity small{
  margin-top:4px;
  color:#c8ddeb;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.035em;
}
.updates-page .facebook-profile-actions .updates-button{
  gap:8px;
}
.updates-page .facebook-profile-actions .updates-button svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
}
.updates-page .facebook-profile-actions .updates-button span{
  line-height:1;
}
@media(max-width:760px){
  .updates-page .updates-hero--compact{height:auto;min-height:185px}
  .updates-page .updates-hero-grid{height:auto;min-height:185px;grid-template-columns:1fr}
  .updates-page .updates-hero-grid>div{padding:24px 0}
  .updates-page .updates-hero--compact h1{font-size:clamp(2.85rem,13vw,3.7rem)!important}
}

/* Compact, balanced official Facebook profile banner. */
html body .updates-page .facebook-profile-banner{
  min-height:220px!important;
  border:0!important;
  border-radius:8px!important;
  box-shadow:0 10px 30px rgba(0,45,87,.08)!important;
}
html body .updates-page .facebook-profile-overlay{
  background:linear-gradient(90deg,rgba(0,38,77,.94) 0%,rgba(0,52,95,.8) 35%,rgba(0,52,95,.48) 62%,rgba(247,250,252,.88) 82%,rgba(255,255,255,.94) 100%)!important;
}
html body .updates-page .facebook-profile-layout{
  min-height:220px!important;
  gap:22px!important;
  padding:24px 28px!important;
}
html body .updates-page .facebook-profile-identity>img{
  width:68px!important;
  height:68px!important;
}
html body .updates-page .facebook-profile-wordmark strong{
  font-size:clamp(2rem,3.1vw,3rem)!important;
}
html body .updates-page .facebook-profile-wordmark em{
  margin-top:5px!important;
  font-size:clamp(1.2rem,2vw,1.65rem)!important;
}
html body .updates-page .facebook-profile-wordmark span{
  margin-top:6px!important;
  font-size:.88rem!important;
}
html body .updates-page .facebook-profile-actions{
  gap:8px!important;
}
html body .updates-page .facebook-profile-actions .updates-button{
  min-height:34px!important;
  padding:6px 13px!important;
  background:#eaf3f8!important;
  color:#003b69!important;
  font-size:.68rem!important;
}
html body .updates-page .facebook-profile-actions>div{
  grid-template-columns:repeat(2,minmax(0,132px))!important;
  justify-content:end!important;
}
html body .updates-page .facebook-profile-actions>a.updates-button{
  width:274px!important;
  max-width:100%!important;
  align-self:flex-end!important;
}
html body .updates-page .facebook-profile-actions .updates-button svg{
  width:15px!important;
  height:15px!important;
  flex-basis:15px!important;
}
@media(max-width:760px){
  html body .updates-page .facebook-profile-banner,
  html body .updates-page .facebook-profile-layout{min-height:0!important}
  html body .updates-page .facebook-profile-layout{padding:22px!important}
}

/* Quiet, premium actions for the official Facebook profile. */
html body .updates-page .facebook-profile-actions .updates-button{
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1)!important;
}
html body .updates-page .facebook-profile-actions .updates-button:hover,
html body .updates-page .facebook-profile-actions .updates-button:focus-visible,
html body .updates-page .facebook-profile-actions .updates-button:active{
  border:0!important;
  background:#dcecf6!important;
  color:#003b69!important;
  box-shadow:none!important;
  transform:none!important;
}
@media(max-width:760px){
  html body .updates-page .facebook-profile-actions>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .updates-page .facebook-profile-actions>a.updates-button{width:100%!important}
}
html body .updates-page .facebook-profile-actions .updates-button svg,
html body .updates-page .facebook-profile-actions .updates-button svg path,
html body .updates-page .facebook-profile-actions .updates-button span{
  transition:color .42s cubic-bezier(.22,1,.36,1),stroke .42s cubic-bezier(.22,1,.36,1),fill .42s cubic-bezier(.22,1,.36,1)!important;
}
html body .updates-page .facebook-profile-actions .messenger-icon{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Facebook and calendar workspace, followed by detailed municipal updates. */
html body .updates-page .updates-feature-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);
  align-items:stretch;
  gap:24px;
  margin:0 0 32px;
}
html body .updates-page .updates-feature-grid .facebook-official-plugin{
  display:flex;
  min-width:0;
  margin:0;
  flex-direction:column;
}
html body .updates-page .updates-feature-grid .facebook-posts-heading{
  text-align:left;
}
html body .updates-page .updates-feature-grid .facebook-plugin-shell{
  flex:1 1 auto;
}
html body .updates-page .updates-feature-grid .updates-calendar{
  align-self:stretch;
  height:100%;
  padding-bottom:24px;
  box-shadow:0 12px 32px rgba(1,40,77,.055);
}
html body .updates-page .updates-feature-grid .updates-calendar>header{
  text-align:left;
}
@media(max-width:1100px){
  html body .updates-page .updates-feature-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)}
}
@media(max-width:860px){
  html body .updates-page .updates-feature-grid{grid-template-columns:1fr}
  html body .updates-page .updates-feature-grid .updates-calendar{height:auto}
}
@media(max-width:600px){
  html body .updates-page .updates-feature-grid{gap:18px;margin-bottom:22px}
}

/* Compact counterpart of the full Municipal Calendar interface. */
html body .updates-page .updates-feature-grid{
  grid-template-columns:minmax(0,1.55fr) minmax(390px,.8fr);
  align-items:start;
}
html body .updates-page .updates-feature-grid .facebook-official-plugin{
  display:block;
}
html body .updates-page .updates-feature-grid .facebook-posts-heading h2{
  font-size:1.35rem;
}
html body .updates-page .updates-feature-grid .facebook-posts-heading p{
  margin-top:5px;
  font-size:.78rem;
  line-height:1.5;
}
html body .updates-page .updates-feature-grid .updates-calendar--mini{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  padding-bottom:22px;
  border-color:#cbdde9;
  border-radius:8px;
  box-shadow:0 10px 28px rgba(5,46,34,.055);
}
html body .updates-page .updates-calendar--mini>header{
  padding:24px 24px 19px;
  border-bottom:1px solid #d7e5ee;
}
html body .updates-page .updates-calendar--mini .updates-kicker{
  color:#9b6c00;
}
html body .updates-page .updates-calendar--mini .mini-calendar-toolbar{
  display:grid;
  grid-template-columns:auto auto 1fr auto;
  align-items:center;
  gap:13px;
  min-height:54px;
  margin:18px 18px 0;
  padding:8px 11px;
  border:1px solid #d7e5ee;
  border-radius:7px 7px 0 0;
  background:#fbfcfe;
}
html body .updates-page .updates-calendar--mini .mini-calendar-today,
html body .updates-page .updates-calendar--mini .mini-calendar-toolbar>span{
  padding:7px 10px;
  border:1px solid #cbdde9;
  border-radius:6px;
  color:var(--updates-navy);
  background:#fff;
  font-size:.67rem;
  font-weight:700;
}
html body .updates-page .updates-calendar--mini .mini-calendar-toolbar nav{
  display:flex;
  gap:4px;
}
html body .updates-page .updates-calendar--mini .mini-calendar-toolbar nav a{
  display:grid;
  place-items:center;
  width:28px;
  height:30px;
  border-radius:5px;
  color:var(--updates-navy);
  font-size:1.2rem;
  transition:background-color 160ms ease-out,color 160ms ease-out;
}
html body .updates-page .updates-calendar--mini .mini-calendar-toolbar nav a:hover{
  background:var(--updates-pale);
}
html body .updates-page .updates-calendar--mini .mini-calendar-toolbar>strong{
  color:var(--updates-navy);
  font-size:.84rem;
  text-align:left;
}
html body .updates-page .updates-calendar--mini .updates-calendar-week,
html body .updates-page .updates-calendar--mini .updates-calendar-days{
  margin-inline:18px;
  border-left:1px solid #d7e5ee;
}
html body .updates-page .updates-calendar--mini .updates-calendar-week{
  border-bottom:1px solid #d7e5ee;
}
html body .updates-page .updates-calendar--mini .updates-calendar-week b{
  padding:9px 2px;
  border-right:1px solid #d7e5ee;
  color:#718078;
  font-size:.54rem;
  text-transform:uppercase;
}
html body .updates-page .updates-calendar--mini .updates-calendar-days span{
  min-height:43px;
  border-right:1px solid #d7e5ee;
  border-bottom:1px solid #d7e5ee;
  border-radius:0;
  background:#fff;
  color:#52645c;
  font-size:.65rem;
}
html body .updates-page .updates-calendar--mini .updates-calendar-days span.outside{
  background:#fafcfb;
}
html body .updates-page .updates-calendar--mini .updates-calendar-days span.today{
  background:var(--updates-pale);
  color:var(--updates-navy);
  font-weight:800;
  box-shadow:inset 0 0 0 2px var(--updates-navy);
}
html body .updates-page .updates-calendar--mini .updates-calendar-details{
  margin:16px 18px 0;
  padding-top:0;
  border-top:0;
}
html body .updates-page .updates-calendar--mini .mini-schedule-status,
html body .updates-page .updates-calendar--mini .mini-calendar-upcoming{
  margin:18px 18px 0;
  padding-top:17px;
  border-top:1px solid #d7e5ee;
}
html body .updates-page .updates-calendar--mini .mini-calendar-label{
  display:block;
  margin-bottom:8px;
  color:#4f6259;
  font-size:.61rem;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.075em;
  text-transform:uppercase;
}
html body .updates-page .updates-calendar--mini .mini-schedule-status strong{
  display:block;
  color:var(--updates-navy);
  font-size:.8rem;
  line-height:1.4;
}
html body .updates-page .updates-calendar--mini .mini-schedule-status small{
  display:block;
  margin-top:3px;
  color:#718078;
  font-size:.66rem;
  line-height:1.45;
}
html body .updates-page .updates-calendar--mini .mini-calendar-upcoming p{
  margin:0;
  color:#5f7068;
  font-size:.72rem;
  line-height:1.55;
}
html body .updates-page .updates-calendar--mini .updates-calendar-details .updates-button{
  min-height:40px;
  padding:10px 15px;
  border:0;
  border-radius:5px;
  background:#003e70;
  color:#fff;
  box-shadow:none;
  transform:none;
  transition:background-color .35s ease,color .35s ease;
}
html body .updates-page .updates-calendar--mini .updates-calendar-details .updates-button:hover,
html body .updates-page .updates-calendar--mini .updates-calendar-details .updates-button:focus-visible{
  background:#dcecf6;
  color:#003b69;
  box-shadow:none;
  transform:none;
}
@media(max-width:1100px){
  html body .updates-page .updates-feature-grid{grid-template-columns:minmax(0,1fr) minmax(350px,.72fr)}
}
@media(max-width:860px){
  html body .updates-page .updates-feature-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  html body .updates-page .updates-calendar--mini .mini-calendar-toolbar{grid-template-columns:auto 1fr auto;gap:7px}
  html body .updates-page .updates-calendar--mini .mini-calendar-toolbar nav{grid-column:2;grid-row:1;justify-self:center}
  html body .updates-page .updates-calendar--mini .mini-calendar-toolbar>strong{grid-column:1/-1;grid-row:2;text-align:center}
  html body .updates-page .updates-calendar--mini .updates-calendar-days span{min-height:38px}
}

/* Refined Facebook fallback footer. */
html body .updates-page .updates-feature-grid .facebook-embed-fallback{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  max-width:none;
  margin:16px 0 0;
  padding:14px 16px;
  border:0;
  border-radius:8px;
  background:#f4f8fb;
}
html body .updates-page .facebook-fallback-mark{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#1877f2;
  color:#fff;
  font:800 1.35rem/1 Arial,sans-serif;
}
html body .updates-page .facebook-fallback-copy{
  min-width:0;
}
html body .updates-page .facebook-fallback-copy strong{
  display:block;
  color:#082f55;
  font-size:.82rem;
  line-height:1.3;
}
html body .updates-page .facebook-fallback-copy p{
  margin:3px 0 0;
  color:#687b88;
  font-size:.69rem;
  line-height:1.45;
}
html body .updates-page .facebook-embed-fallback .updates-button{
  min-height:40px;
  padding:10px 15px;
  border:0;
  border-radius:6px;
  background:#003e70;
  color:#fff;
  font-size:.68rem;
  white-space:nowrap;
  box-shadow:none;
  transform:none;
  transition:background-color .38s cubic-bezier(.22,1,.36,1),color .38s cubic-bezier(.22,1,.36,1);
}
html body .updates-page .facebook-embed-fallback .updates-button:hover,
html body .updates-page .facebook-embed-fallback .updates-button:focus-visible{
  background:#dcecf6;
  color:#003b69;
  box-shadow:none;
  transform:none;
}
@media(max-width:600px){
  html body .updates-page .updates-feature-grid .facebook-embed-fallback{
    grid-template-columns:38px minmax(0,1fr);
    gap:12px;
    padding:13px;
    text-align:left;
  }
  html body .updates-page .facebook-embed-fallback .updates-button{
    grid-column:1/-1;
    width:100%;
  }
}

/* Official municipal information hub. */
html body .updates-page .official-information-hub{
  overflow:visible;
  margin-top:0;
  border:0;
  border-radius:0;
  background:transparent;
}
html body .updates-page .official-hub-header{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:24px;
  min-height:0;
  height:auto;
  padding:38px 40px 20px;
  border-bottom:0;
}
html body .updates-page .official-hub-header>div:first-child{
  width:min(100%,900px);
  margin-inline:auto;
  text-align:center;
}
html body .updates-page .official-hub-header h2{
  margin:7px 0 10px;
  color:var(--updates-navy);
  font:800 clamp(1.75rem,2.6vw,2.25rem)/1.15 Manrope,Arial,sans-serif;
  letter-spacing:-.035em;
}
html body .updates-page .official-hub-header p{
  max-width:720px;
  margin:0 auto;
  color:#657783;
  font-size:.84rem;
  line-height:1.7;
}
html body .updates-page .official-hub-status{
  width:max-content;
  max-width:100%;
  justify-self:center;
  padding-top:0;
  border-top:0;
  text-align:center;
}
html body .updates-page .official-hub-status strong,
html body .updates-page .official-hub-status small{
  display:block;
}
html body .updates-page .official-hub-status strong{
  color:var(--updates-navy);
  font-size:.6rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.045em;
}
html body .updates-page .official-hub-status strong span{
  margin-right:4px;
}
html body .updates-page .official-hub-status small{
  margin-top:3px;
  color:#74838d;
  font-size:.59rem;
}
html body .updates-page .latest-official-update{
  display:grid;
  grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);
  min-height:245px;
  margin:26px 30px 0;
  border:1px solid #d8e3ea;
  background:#f8fafb;
}
html body .updates-page .latest-official-update>img{
  width:100%;
  height:100%;
  min-height:245px;
  object-fit:cover;
  border-right:1px solid #d8e3ea;
  background:#eef3f6;
}
html body .updates-page .latest-official-update>div{
  display:flex;
  align-items:flex-start;
  padding:25px 28px;
  flex-direction:column;
}
html body .updates-page .official-section-label{
  color:#9a6900;
  font-size:.63rem;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.1em;
  text-transform:uppercase;
}
html body .updates-page .official-update-byline{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:12px;
  color:#697b86;
  font-size:.69rem;
}
html body .updates-page .official-update-byline span{
  color:#174f7c;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}
html body .updates-page .official-update-byline span:after{
  content:"·";
  margin-left:9px;
  color:#9aa8b1;
}
html body .updates-page .latest-official-update h3{
  margin:10px 0 7px;
  color:var(--updates-navy);
  font-size:1.35rem;
  line-height:1.3;
  letter-spacing:-.02em;
}
html body .updates-page .latest-official-update p{
  max-width:720px;
  margin:0;
  color:#5f717d;
  font-size:.82rem;
  line-height:1.6;
}
html body .updates-page .latest-official-update small{
  margin-top:12px;
  color:#74838d;
  font-size:.68rem;
}
html body .updates-page .latest-official-update a{
  margin-top:auto;
  padding-top:15px;
  color:#074c7e;
  font-size:.73rem;
  font-weight:800;
  text-decoration:underline;
  text-decoration-color:#a9c4d6;
  text-underline-offset:4px;
}
html body .updates-page .official-update-tools{
  margin:26px 30px 0;
  padding:20px 0;
  border-top:1px solid #dce6ed;
  border-bottom:1px solid #dce6ed;
}
html body .updates-page .official-category-tabs{
  display:flex;
  gap:22px;
  overflow-x:auto;
  scrollbar-width:thin;
}
html body .updates-page .official-category-tabs a{
  position:relative;
  flex:0 0 auto;
  padding:6px 0 9px;
  border-bottom:0;
  color:#5f717d;
  font-size:.69rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:color .25s ease;
}
html body .updates-page .official-category-tabs a::after{
  content:"";
  position:absolute;
  right:50%;
  bottom:0;
  left:50%;
  height:3px;
  background:#075b94;
  transition:left .25s ease,right .25s ease;
}
html body .updates-page .official-category-tabs a:hover,
html body .updates-page .official-category-tabs a:focus-visible,
html body .updates-page .official-category-tabs a.active{
  color:#003e70;
}
html body .updates-page .official-category-tabs a:hover::after,
html body .updates-page .official-category-tabs a:focus-visible::after,
html body .updates-page .official-category-tabs a.active::after{
  right:0;
  left:0;
}
html body .updates-page .official-update-search{
  margin-top:18px;
}
html body .updates-page .official-update-search>label{
  display:block;
  margin-bottom:7px;
  color:#425966;
  font-size:.68rem;
  font-weight:700;
}
html body .updates-page .official-update-search>div{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 145px auto;
  gap:9px;
}
html body .updates-page .official-update-search :is(input,select,button){
  min-height:42px;
  border:1px solid #cbdbe5;
  border-radius:5px;
  font:600 .86rem/1.2 inherit;
}
html body .updates-page .official-update-search :is(input,select){
  padding:9px 12px;
  background:#fff;
  color:#173a55;
  outline:0;
  box-shadow:none;
  transform:none;
  transition:none;
}
html body .updates-page .official-update-search :is(input,select):hover{
  border-color:#cbdbe5;
  background-color:#fff;
  box-shadow:none;
  transform:none;
}
html body .updates-page .official-update-search :is(input,select):focus,
html body .updates-page .official-update-search :is(input,select):focus-visible{
  border-color:#cbdbe5;
  outline:0;
  background-color:#fff;
  box-shadow:none;
  transform:none;
}
html body .updates-page .official-update-search select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  padding-right:42px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300345f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:16px 16px;
}
html body .updates-page .official-update-search select:open,
html body .updates-page .official-update-search select.is-open{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300345f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 14 5-5 5 5'/%3E%3C/svg%3E");
}
html body .updates-page .official-update-search select:focus,
html body .updates-page .official-update-search select:focus-visible{
  border-color:#002e5d;
  background-color:#fff;
  color:#173a55;
}
html body .updates-page .official-update-search select option{
  background:#fff;
  color:#173a55;
}
html body .updates-page .official-update-search select option:hover,
html body .updates-page .official-update-search select option:focus,
html body .updates-page .official-update-search select option:checked{
  background:#002e5d linear-gradient(0deg,#002e5d 0%,#002e5d 100%);
  color:#fff;
}
html body .updates-page .official-update-search button{
  padding:9px 19px;
  border-color:#003e70;
  background:#003e70;
  color:#fff;
  cursor:pointer;
  transition:background-color .3s ease,color .3s ease;
}
html body .updates-page .official-update-search button:hover{
  background:#dcecf6;
  color:#003b69;
}
.official-year-picker{position:relative;z-index:20}
html body .updates-page .official-year-toggle{display:flex;width:100%;min-height:42px;padding:9px 12px;align-items:center;justify-content:space-between;border:1px solid #cbdbe5;background:#fff;color:#173a55;font-size:.86rem;font-weight:600;text-align:left}
html:root body .updates-page .official-update-search .official-year-toggle,
html:root body .updates-page .official-update-search .official-year-toggle:hover,
html:root body .updates-page .official-update-search .official-year-toggle:focus,
html:root body .updates-page .official-update-search .official-year-toggle:focus-visible,
html:root body .updates-page .official-update-search .official-year-toggle:active,
html:root body .updates-page .official-update-search .official-year-toggle[aria-expanded="true"]{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#00345f!important;
  box-shadow:none!important;
  transform:none!important;
}
.official-year-toggle i{width:8px;height:8px;border-right:2px solid #00345f;border-bottom:2px solid #00345f;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease}
.official-year-toggle[aria-expanded="true"] i{transform:rotate(225deg) translate(-2px,-2px)}
html body .updates-page .official-year-options{position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:100;max-height:240px;overflow-y:auto;padding:4px;border:1px solid #cbdbe5;border-radius:5px;background:#fff;box-shadow:0 12px 28px rgba(0,31,65,.12)}
html body .updates-page .official-year-options button{display:block;width:100%;min-height:36px;padding:8px 11px;border:0;border-radius:3px;background:#fff;color:#173a55;font-size:.84rem;text-align:left}
html body .updates-page .official-year-options button:hover,
html body .updates-page .official-year-options button:focus-visible,
html body .updates-page .official-year-options button[aria-selected="true"]{background:#002e5d;color:#fff;outline:0}
html body .updates-page .recent-official-updates{
  padding:26px 30px 30px;
}
html body .updates-page .recent-official-updates>header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding-bottom:15px;
}
html body .updates-page .recent-official-updates>header h3{
  margin:5px 0 0;
  color:var(--updates-navy);
  font-size:1.25rem;
}
html body .updates-page .recent-official-updates>header>span{
  color:#71818b;
  font-size:.78rem;
}
html body .updates-page .official-update-row{
  display:grid;
  grid-template-columns:145px minmax(0,1fr) auto;
  align-items:start;
  gap:24px;
  padding:21px 0;
  border-top:1px solid #e1e9ee;
}
html body .updates-page .official-update-row-meta span,
html body .updates-page .official-update-row-meta time{
  display:block;
}
html body .updates-page .official-update-row-meta span{
  color:#175b89;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
html body .updates-page .official-update-row-meta time{
  margin-top:5px;
  color:#71818b;
  font-size:.68rem;
}
html body .updates-page .official-update-row-body h4{
  margin:0;
  font-size:1.05rem;
  line-height:1.4;
}
html body .updates-page .official-update-row-body h4 a{
  color:var(--updates-navy);
}
html body .updates-page .official-update-row-body p{
  max-width:760px;
  margin:5px 0 0;
  color:#62747f;
  font-size:.76rem;
  line-height:1.55;
}
html body .updates-page .official-update-row-body small{
  display:block;
  margin-top:7px;
  color:#71818b;
  font-size:.66rem;
}
html body .updates-page .official-update-read{
  padding:4px 0;
  color:#075383;
  font-size:.7rem;
  font-weight:800;
  white-space:nowrap;
  text-decoration:underline;
  text-decoration-color:#b1c9d8;
  text-underline-offset:4px;
}
html body .updates-page .official-updates-empty{
  padding:34px 0;
  border-top:1px solid #e1e9ee;
}
html body .updates-page .official-updates-empty strong{
  color:var(--updates-navy);
  font-size:.94rem;
}
html body .updates-page .official-updates-empty p{
  margin:7px 0 0;
  color:#667984;
  font-size:.88rem;
}
html body .updates-page .official-updates-footer{
  padding-top:19px;
  border-top:1px solid #dce6ed;
}
html body .updates-page .official-updates-footer a{
  color:#075383;
  font-size:.82rem;
  font-weight:800;
}
@media(max-width:760px){
  html body .updates-page .official-hub-header{padding:30px 22px 18px;gap:20px}
  html body .updates-page .official-hub-status{justify-self:center;text-align:center}
  html body .updates-page .latest-official-update{grid-template-columns:1fr;margin:20px 22px 0}
  html body .updates-page .latest-official-update>img{height:190px;min-height:190px;border-right:0;border-bottom:1px solid #d8e3ea}
  html body .updates-page .latest-official-update>div{padding:21px}
  html body .updates-page .latest-official-update a{margin-top:16px}
  html body .updates-page .official-update-tools{margin-inline:22px}
  html body .updates-page .official-update-search>div{grid-template-columns:minmax(0,1fr) 120px}
  html body .updates-page .official-update-search button{grid-column:1/-1}
  html body .updates-page .recent-official-updates{padding:23px 22px 25px}
  html body .updates-page .official-update-row{grid-template-columns:110px minmax(0,1fr);gap:16px}
  html body .updates-page .official-update-read{grid-column:2}
}
@media(max-width:520px){
  html body .updates-page .official-category-tabs{gap:17px}
  html body .updates-page .official-update-search>div{grid-template-columns:1fr}
  html body .updates-page .official-update-search button{grid-column:auto}
  html body .updates-page .official-update-row{grid-template-columns:1fr;gap:9px}
  html body .updates-page .official-update-read{grid-column:auto}
}

/* Balanced presentation for the official feed and schedule preview. */
html body .updates-page .updates-feature-grid{
  gap:26px;
}
html body .updates-page .updates-feature-grid .facebook-official-plugin,
html body .updates-page .updates-feature-grid .updates-calendar--mini{
  overflow:hidden;
  border:1px solid #d5e1e9;
  border-radius:7px;
  background:#fff;
  box-shadow:0 10px 28px rgba(1,40,77,.045);
}
html body .updates-page .updates-feature-grid .facebook-official-plugin{
  padding:0;
}
html body .updates-page .updates-feature-grid .facebook-posts-heading,
html body .updates-page .updates-feature-grid .updates-calendar--mini>header{
  min-height:142px;
  padding:27px 30px 23px;
  border-bottom:1px solid #dce6ed;
  background:#fff;
  text-align:left;
}
html body .updates-page .updates-feature-grid .facebook-posts-heading{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
html body .updates-page .updates-feature-grid .facebook-posts-heading>div{
  width:100%;
}
html body .updates-page .updates-feature-grid .facebook-posts-heading h2,
html body .updates-page .updates-feature-grid .updates-calendar--mini h2{
  margin:0 0 7px;
  color:#00345f;
  font:800 1.55rem/1.2 Manrope,"DM Sans",Arial,sans-serif;
  letter-spacing:-.025em;
}
html body .updates-page .updates-feature-grid .updates-calendar--mini h2{
  margin-top:7px;
}
html body .updates-page .updates-feature-grid .facebook-posts-heading p,
html body .updates-page .updates-feature-grid .updates-calendar--mini>header p{
  margin:0;
  color:#657783;
  font-size:.82rem;
  line-height:1.55;
}
html body .updates-page .updates-feature-grid .facebook-plugin-shell{
  width:calc(100% - 40px);
  margin:20px;
  border:1px solid #e0e8ed;
  border-radius:6px;
}
html body .updates-page .updates-feature-grid .facebook-embed-fallback{
  margin:0 20px 20px;
}
html body .updates-page .updates-feature-grid .updates-calendar--mini{
  box-shadow:0 10px 28px rgba(1,40,77,.045);
}
@media(max-width:760px){
  html body .updates-page .updates-feature-grid{gap:20px}
  html body .updates-page .updates-feature-grid .facebook-posts-heading,
  html body .updates-page .updates-feature-grid .updates-calendar--mini>header{min-height:0;padding:22px}
  html body .updates-page .updates-feature-grid .facebook-plugin-shell{width:calc(100% - 28px);margin:14px}
  html body .updates-page .updates-feature-grid .facebook-embed-fallback{margin:0 14px 14px}
}