/* Final restrained institutional layer: explicitly no gradients or decorative effects. */
.leg-hero{background-image:var(--leg-hero-image)!important;box-shadow:inset 0 0 0 1000px rgba(9,35,61,.88)}
.leg-subhero{padding:58px 0 40px;background:#f5f7f8;border-bottom:1px solid #dce3e8}
.leg-subhero span{color:#a77816;font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.leg-subhero h1{color:#0d3155;font-size:clamp(2rem,4vw,3.2rem);margin:8px 0 10px}
.leg-subhero p{color:#64748b;margin:0}
.leg-members{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.leg-members article{border:1px solid #dce3e8;background:#fff}
.leg-members article.is-presiding{grid-column:1/-1;display:grid;grid-template-columns:240px 1fr}
.leg-members img,.leg-member-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:#edf1f4;display:grid;place-items:center;color:#0d3155;font-size:2rem}
.leg-members article>div:last-child{padding:22px}
.leg-members span{color:#a77816;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.leg-members h2{color:#0d3155;font-size:1.25rem;margin:8px 0 4px}
.leg-committees details{border-top:1px solid #dce3e8}
.leg-committees summary{cursor:pointer;padding:22px 0;color:#0d3155;font-size:1.1rem;font-weight:700}
.leg-committees details>div{padding:0 0 26px;line-height:1.7}
@media(max-width:800px){.leg-members{grid-template-columns:1fr}.leg-members article.is-presiding{grid-column:auto;display:block}}
@media(prefers-reduced-motion:reduce){.leg-portal *{scroll-behavior:auto!important;transition:none!important}}
.leg-portal{font-family:Manrope,"Segoe UI",Arial,sans-serif}
.leg-hero{padding:68px 0 72px}
.leg-hero .civic-container{position:relative}
.leg-hero h1{max-width:920px;margin:14px 0 10px;font-size:clamp(2.65rem,5vw,4.4rem);font-weight:750;letter-spacing:-.035em}
.leg-hero strong{display:block;font-size:1rem;font-weight:650}
.leg-hero p{max-width:720px;margin-top:20px;font-size:.98rem;line-height:1.6}
.leg-portal-nav{position:relative;z-index:15;border-bottom:1px solid #dce3e8;background:#fff}
.leg-portal-nav .civic-container{display:flex;align-items:stretch;gap:6px;overflow-x:auto;scrollbar-width:thin}
.leg-portal-nav a{display:flex;align-items:center;min-height:52px;padding:0 15px;border-bottom:2px solid transparent;color:#33475a;font-size:.76rem;font-weight:650;line-height:1.2;text-decoration:none;white-space:nowrap}
.leg-portal-nav a:hover{background:#f5f7f8;color:#0d3155}
.leg-portal-nav a.is-current{border-bottom-color:#a77816;color:#0d3155}
.leg-portal-nav a:focus-visible{outline:1px solid #8b9aa6;outline-offset:-4px}
.leg-portal-nav .leg-portal-nav__featured{color:#0d3155;font-weight:750}
.leg-portal-nav .leg-portal-nav__featured:after{content:"";width:4px;height:4px;margin-left:8px;border-radius:50%;background:#a77816}
.leg-portal .civic-heading h2,.leg-portal .leg-section-heading h2{font-family:Manrope,"Segoe UI",Arial,sans-serif;font-weight:750;letter-spacing:-.02em}
@media(max-width:800px){.leg-hero{padding:50px 0 54px}.leg-hero h1{font-size:clamp(2.25rem,11vw,3.2rem)}.leg-portal-nav .civic-container{width:100%;padding:0 14px}.leg-portal-nav a{min-height:48px;padding:0 11px}}

/* Institutional layout refinement */
.leg-portal{--leg-navy:#001e41;--leg-gold:#b8871d;--leg-ink:#263442;--leg-muted:#667789;--leg-line:#dfe5e9;--leg-tint:#f5f7f8;font-family:"Aptos","Segoe UI Variable Text","Segoe UI",Arial,sans-serif}
.leg-portal *,.leg-portal *::before,.leg-portal *::after{animation:none!important;transition:none!important}
body:has(.leg-portal) .lgu-scroll-top{display:none!important}
.leg-portal .civic-container{width:min(1320px,calc(100% - 64px))}
.leg-hero{min-height:360px;padding:62px 0!important;display:flex;align-items:center;border-bottom:3px solid #b8871d;background-color:#082844!important;box-shadow:none!important}
.leg-hero h1{max-width:1000px;margin:12px 0 8px;font-size:clamp(3rem,5vw,4.65rem);font-weight:700;letter-spacing:-.04em}
.leg-hero strong{font-size:1.05rem;font-weight:650}.leg-hero p{max-width:820px;margin-top:22px;font-size:1rem}
.leg-portal-nav{box-shadow:0 4px 14px rgba(20,42,60,.035)}.leg-portal-nav .civic-container{gap:14px}.leg-portal-nav a{min-height:56px;padding:0 16px;border-bottom-width:2px;font-size:.8rem}.leg-portal-nav a:hover{background:transparent;color:var(--leg-navy)}.leg-portal-nav .leg-portal-nav__featured:after{display:none}
.leg-portal .civic-section{padding:58px 0}.leg-overview{grid-template-columns:minmax(0,1.45fr) minmax(330px,.9fr);gap:76px;align-items:start}
.leg-overview aside{padding:28px 30px;border-left:3px solid var(--leg-gold);background:#f3f5f6}.leg-overview aside strong{font-size:1.25rem;line-height:1.4}.leg-overview aside p{margin-bottom:0;color:var(--leg-ink);line-height:1.65}
.leg-portal .civic-heading h2,.leg-portal .leg-section-heading h2{margin:8px 0 18px;font-size:clamp(1.75rem,2.8vw,2.35rem);font-weight:700}
.leg-empty-copy{max-width:850px;margin:0;padding:18px 20px;border-left:2px solid #bac5cd;background:#f6f8f9;color:var(--leg-muted);line-height:1.6}
.leg-archive-feature{border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;background:#fafbfb}.leg-section-heading{margin-bottom:24px}.leg-section-heading p{margin:4px 0 0;color:var(--leg-muted)}
.leg-section-heading a,.leg-text-action,.leg-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #cbd4da;border-radius:4px;background:#fff;color:var(--leg-navy);font-size:.82rem}
.leg-section-heading a:hover,.leg-text-action:hover,.leg-download:hover{border-color:#cbd4da;background:#f5f7f8;color:var(--leg-navy);box-shadow:none;transform:none}
.leg-record-list{border-top-color:var(--leg-line)}.leg-record-list>.leg-empty-copy{max-width:none;border:0;background:#fff;padding:20px;color:var(--leg-muted)}
.leg-two-column{gap:76px}.leg-two-column>div>h3{margin:0 0 14px;color:var(--leg-navy);font-size:1.08rem}.leg-member-preview,.leg-committee-preview{min-height:0}.leg-member-preview+.leg-text-action{margin-top:16px}
.leg-page-head{padding:42px 0 34px}.leg-page-head h1{margin:8px 0;font-size:clamp(2rem,4vw,3rem)}
.leg-filters{grid-template-columns:minmax(260px,2fr) repeat(2,minmax(160px,1fr)) auto auto;padding:20px;margin-bottom:28px;border:1px solid var(--leg-line);border-radius:4px;background:#f7f9f9}
.leg-filters input,.leg-filters select{border-color:#cbd4da;box-shadow:none;outline:0}.leg-filters input:focus,.leg-filters select:focus{border-color:#8999a6;box-shadow:none;outline:0}.leg-filters button{border-radius:4px;background:var(--leg-navy)}.leg-filters button:hover,.leg-filters button:focus{background:var(--leg-navy);box-shadow:none;outline:0}
@media(max-width:900px){.leg-portal .civic-container{width:min(100% - 36px,1320px)}.leg-overview,.leg-two-column{grid-template-columns:1fr;gap:34px}.leg-filters{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.leg-hero{min-height:0;padding:44px 0!important}.leg-hero h1{font-size:2.45rem}.leg-portal .civic-section{padding:42px 0}.leg-filters{grid-template-columns:1fr}}

/* Compact premium hero: min-height includes its padding. */
.leg-hero{
  box-sizing:border-box;
  min-height:300px;
  padding:42px 0!important;
  border-bottom-width:2px;
}
.leg-hero .civic-container{display:grid;align-content:center}
.leg-hero span{font-size:.68rem;letter-spacing:.19em}
.leg-hero h1{
  margin:10px 0 6px;
  font-size:clamp(2.65rem,4.4vw,4rem);
  line-height:1.02;
  letter-spacing:-.038em;
}
.leg-hero strong{font-size:.95rem;letter-spacing:-.01em}
.leg-hero p{margin-top:17px;font-size:.92rem;line-height:1.55}
.leg-portal-nav .civic-container{gap:20px}
.leg-portal-nav a{min-height:50px;padding:0 12px;font-size:.76rem}

@media(max-width:600px){
  .leg-hero{min-height:245px;padding:34px 0!important}
  .leg-hero h1{font-size:clamp(2.15rem,11vw,2.8rem)}
  .leg-hero p{margin-top:14px;font-size:.86rem}
  .leg-portal-nav a{min-height:46px}
}

/* Civic page header aligned with the Municipal Calendar. */
.leg-hero{
  position:relative;
  min-height:0;
  padding:46px 0!important;
  border-bottom:3px solid #b8871d;
  background-color:#082844!important;
  background-image:linear-gradient(90deg,rgba(4,33,58,.96),rgba(7,48,78,.86),rgba(9,63,82,.66)),var(--leg-hero-image,url('../../uploads/pinabacdao-municipal-hall-2026.jpg'))!important;
  background-position:center 52%!important;
  background-size:cover!important;
}
.leg-hero .civic-container{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:48px;
}
.leg-hero__content{min-width:0;max-width:850px}
.leg-hero span{color:#e7bf5b;font-size:.67rem;font-weight:700;letter-spacing:.16em}
.leg-hero h1{margin:7px 0 5px;font-size:clamp(2.35rem,4.2vw,3.65rem);line-height:1.03;letter-spacing:-.04em}
.leg-hero strong{font-size:.9rem;font-weight:600;color:#fff}
.leg-hero p{max-width:720px;margin:14px 0 0;color:#dbe6ed;font-size:.86rem;line-height:1.55}
.leg-hero__breadcrumb{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
  padding-bottom:2px;
  color:#dbe6ed;
  font-size:.72rem;
  white-space:nowrap;
}
.leg-hero__breadcrumb a{color:#fff;text-decoration:none}
.leg-hero__breadcrumb a:hover{text-decoration:underline}
.leg-hero__breadcrumb span{color:#dbe6ed;font-size:inherit;font-weight:400;letter-spacing:0;text-transform:none}
.leg-portal-nav{box-shadow:0 5px 15px rgba(15,42,62,.035)}
.leg-portal-nav .civic-container{gap:10px}
.leg-portal-nav a{min-height:48px;padding:0 14px;font-size:.75rem}
@media(max-width:800px){
  .leg-hero{padding:38px 0!important}
  .leg-hero .civic-container{display:block}
  .leg-hero__breadcrumb{justify-content:flex-start;margin-top:17px}
}
@media(max-width:600px){
  .leg-hero{padding:31px 0!important;text-align:center}
  .leg-hero h1{font-size:2.35rem}
  .leg-hero p{margin-inline:auto}
  .leg-hero__breadcrumb{justify-content:center;margin-top:15px}
  .leg-portal-nav .civic-container{justify-content:flex-start}
}

/* Final hero rhythm: compact, balanced spacing without changing its structure. */
.leg-hero{
  padding:36px 0!important;
}
.leg-hero__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.leg-hero__content>span{
  margin:0 0 10px;
}
.leg-hero__content>h1{
  margin:0;
  font-size:clamp(2.5rem,4.1vw,3.6rem);
  line-height:1.02;
}
.leg-hero__content>strong{
  margin-top:6px;
  line-height:1.35;
}
.leg-hero__content>p{
  margin:15px 0 0;
  line-height:1.5;
}
@media(max-width:800px){
  .leg-hero{padding:32px 0!important}
}
@media(max-width:600px){
  .leg-hero{padding:28px 0!important}
  .leg-hero__content{align-items:center}
  .leg-hero__content>h1{font-size:clamp(2.15rem,11vw,2.8rem)}
.leg-hero__content>p{margin-top:12px}
}

/* Shared municipal-facade banner across every Legislative portal section. */
.leg-portal .leg-hero,
.leg-portal .leg-subhero,
.leg-portal .leg-page-head{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:#062b4b!important;
  background-image:
    linear-gradient(90deg,rgba(0,30,65,.84) 0%,rgba(0,43,77,.68) 52%,rgba(0,50,78,.48) 100%),
    url('../../uploads/pinabacdao-municipal-hall-official.jpg')!important;
  background-repeat:no-repeat!important;
  background-position:center 61%!important;
  background-size:cover!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
.leg-portal .leg-subhero,
.leg-portal .leg-page-head{padding:54px 0 44px!important}
.leg-portal .leg-hero::after,
.leg-portal .leg-subhero::after,
.leg-portal .leg-page-head::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 55%);
  pointer-events:none;
}
.leg-portal .leg-subhero span,
.leg-portal .leg-page-head span{color:#b8d6ed!important}
.leg-portal .leg-subhero h1,
.leg-portal .leg-page-head h1{color:#fff!important;text-shadow:0 2px 14px rgba(0,20,45,.32)}
.leg-portal .leg-subhero p,
.leg-portal .leg-page-head p{color:#dce8f1!important}
@media(max-width:600px){
  .leg-portal .leg-subhero,
  .leg-portal .leg-page-head{padding:38px 0 32px!important;background-position:center!important}
}

/* Compact empty states and accurately positioned filter controls. */
.leg-portal .leg-archive-feature,
.leg-portal .leg-archive-feature + .civic-section{padding-block:44px}
.leg-portal .leg-section-heading{align-items:center;margin-bottom:20px}
.leg-portal .leg-section-heading h2{margin-bottom:8px}
.leg-portal .leg-record-list>.leg-empty-copy,
.leg-portal .leg-member-preview>.leg-empty-copy,
.leg-portal .leg-committee-preview>.leg-empty-copy{
  display:flex;
  align-items:center;
  min-height:68px;
  max-width:none;
  margin:0;
  padding:16px 18px;
  border:1px solid #dce3e8;
  border-left:3px solid #9fb2c2;
  border-radius:4px;
  background:#f7f9fa;
}
.leg-portal .leg-filters select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:42px;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23001e41' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 15px center;
  background-size:12px 8px;
}
@media(max-width:800px){.leg-portal .leg-archive-feature,.leg-portal .leg-archive-feature + .civic-section{padding-block:36px}}

/* Hand-coded legislative surfaces: rely on spacing and type, not divider rules. */
.leg-portal .leg-hero,
.leg-portal .leg-subhero,
.leg-portal .leg-page-head,
.leg-portal .leg-portal-nav,
.leg-portal .leg-archive-feature,
.leg-portal .leg-record-list,
.leg-portal .leg-empty-copy,
.leg-portal .leg-overview aside,
.leg-portal .leg-members article,
.leg-portal .leg-committees details{
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
}
.leg-portal .leg-portal-nav a{border-bottom:0!important}
.leg-portal .leg-portal-nav .leg-portal-nav__featured:after,
.leg-portal .leg-section-heading:before,
.leg-portal .civic-heading:before,
.leg-portal .leg-overview aside:before,
.leg-portal .leg-empty-copy:before{
  display:none!important;
  content:none!important;
}
.leg-portal .leg-record-list>*{border-top:0!important;border-bottom:0!important}