/* HPPA • COMMITTEES (scoped to #hppa-committees) */
#hppa-committees{
  --hp-blue:#0E3A5B; --hp-ink:#0c2333; --hp-muted:#6b7a86; --hp-gold:#FFD561;
  --hp-cream:#F7FAFC; --r:18px; --gap:clamp(16px,2.4vw,28px); --max:1200px;
  color:var(--hp-ink); font-size:16px; background:#fff;
}
#hppa-committees .c-wrap{max-width:var(--max); margin:0 auto; padding-inline:20px;}
#hppa-committees img{max-width:100%; height:auto; display:block;}
#hppa-committees .c-link{color:var(--hp-blue); text-underline-offset:2px;}
#hppa-committees .c-link:hover{text-decoration:underline}

/* HERO */
#hppa-committees .c-hero{position:relative; min-height:40vh; display:grid; place-items:center; overflow:clip; background:#0b2f49;}
#hppa-committees .c-hero__bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.04);}
#hppa-committees .c-hero__scrim{position:absolute; inset:0; background:linear-gradient(180deg,rgba(9,34,50,.25),rgba(9,34,50,.6));}
#hppa-committees .c-hero__inner{position:relative; color:#fff; text-align:center; padding-block: clamp(36px, 8vh, 90px);}
#hppa-committees .c-hero h1{font-size:clamp(28px,4vw,46px); margin:0 0 .4rem;}
#hppa-committees .c-sub{opacity:.95; font-size:clamp(15px,1.6vw,18px); margin:.15rem 0 .7rem;}
#hppa-committees .c-chiprow{display:flex; gap:.45rem; justify-content:center; flex-wrap:wrap;}
#hppa-committees .c-chip{background:#ffffff1a; border:1px solid #ffffff33; color:#fff; padding:.35rem .65rem; border-radius:999px; font-weight:700}

/* HEADINGS */
#hppa-committees .c-h2{font-size:clamp(22px,2.6vw,30px); margin: clamp(16px,4vh,26px) 0 10px}

/* GRID  CARDS */
#hppa-committees .c-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:var(--gap);}
@media (max-width:900px){ #hppa-committees .c-grid{grid-template-columns:1fr;} }

#hppa-committees .c-card{
  border:1px solid #e9eef2; border-radius:var(--r); background:#fff;
  box-shadow:0 8px 20px rgba(14,58,91,.06); padding:14px; opacity:1; transform:none;
}
#hppa-committees .c-card.in{opacity:1; transform:none;}
#hppa-committees .c-card__head{display:flex; gap:12px; align-items:center; margin-bottom:.35rem;}

/* OLD text badges (kept for backward compatibility; not used now) */
#hppa-committees .c-badge{
  width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; font-weight:800;
  color:#0b2f49; background:linear-gradient(180deg,#eaf3f9,#f7fbff); border:1px solid #dfe8ef; border-radius:12px;
}

/* NEW icon badges (image version) */
#hppa-committees .c-badge--icon{
  width:44px; height:44px; flex:0 0 44px;
  display:block;
  padding:6px;                   /* breathing room inside the badge */
  background:linear-gradient(180deg,#eaf3f9,#f7fbff);
  border:1px solid #dfe8ef; border-radius:12px;
  object-fit:contain;            /* maintain icon aspect ratio */
}

#hppa-committees .c-card__title{font-size:clamp(18px,2.1vw,22px); margin:0;}
#hppa-committees .c-meta{margin:.1rem 0 0; color:var(--hp-muted); font-size:.96rem;}
#hppa-committees .c-card__body{color:#0c2333;}
#hppa-committees .c-bullets{margin:.45rem 0 .2rem; padding-left:18px;}
#hppa-committees .c-bullets li{margin:.15rem 0;}

#hppa-committees .c-card__foot{margin-top:.5rem; display:flex; justify-content:flex-start}

/* BUTTONS */
#hppa-committees .c-btn{
  display:inline-flex; align-items:center; gap:.5rem; padding:.65rem 1rem; border-radius:999px;
  font-weight:700; border:2px solid transparent; cursor:pointer; text-decoration:none;
  transition:transform .12s, box-shadow .2s, background .2s, color .2s, border-color .2s;
}
#hppa-committees .c-btn:hover{transform:translateY(-1px)}
#hppa-committees .c-btn--primary{background:var(--hp-blue); color:#fff}
#hppa-committees .c-btn--primary:hover{background:#0b2f49; box-shadow:0 8px 22px rgba(14,58,91,.24)}
#hppa-committees .c-btn--line{background:transparent; color:#fff; border:2px solid #fff}
#hppa-committees .c-btn--line:hover{background:#ffffff18}
#hppa-committees .c-btn--ghost{background:transparent; color:var(--hp-blue); border:2px solid #dfe8ef}
#hppa-committees .c-btn--ghost:hover{border-color:#cbd9e4; background:#f8fbfe}

/* NOTE */
#hppa-committees .c-note{
  margin: clamp(14px,3.5vh,24px) 0; padding:12px 14px; border:1px solid #e6edf3;
  background:#fafcff; border-radius:14px; box-shadow:0 6px 18px rgba(14,58,91,.06);
}
#hppa-committees .c-note p{margin:0; color:#3b5061}
#hppa-committees .c-note a{color:#0E3A5B; text-decoration:underline; text-underline-offset:2px}

/* CTA BAND */
#hppa-committees .c-cta{background:var(--hp-blue); color:#fff; margin: clamp(16px,5vh,40px) 0 0}
#hppa-committees .c-cta__inner{max-width:var(--max); margin:0 auto; padding: clamp(16px,4.5vh,34px) 20px;
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
#hppa-committees .c-cta__inner p{margin:0; font-weight:700}
#hppa-committees .c-cta__actions{display:flex; gap:.6rem; flex-wrap:wrap}
/* Updates panel under each committee card */
#hppa-committees .c-updates{margin:.6rem 0 0; padding:.6rem .7rem; background:#f8fbfe; border:1px solid #e6edf3; border-radius:12px}
#hppa-committees .c-updates__title{margin:.1rem 0 .4rem; font-size:1rem; color:#0c2333}
#hppa-committees .c-updates ul{list-style:none; margin:0; padding:0}
#hppa-committees .c-updates li{display:flex; gap:.5rem; align-items:flex-start; padding:.35rem 0; border-top:1px dashed #e3ebf2}
#hppa-committees .c-updates li:first-child{border-top:0}
#hppa-committees .c-updates time{color:#6b7a86; font-size:.9em; white-space:nowrap}
#hppa-committees .c-updates a{color:#0E3A5B; text-decoration:none}
#hppa-committees .c-updates a:hover{text-decoration:underline}

/* === FORCE WHITE HERO TITLE (handles linked titles too) === */
#hppa-committees .c-hero .c-hero__inner h1,
#hppa-committees .c-hero .c-hero__inner h1 a,
#hppa-committees .c-hero .c-hero__inner h1 a:link,
#hppa-committees .c-hero .c-hero__inner h1 a:visited {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
  text-decoration:none !important;
  text-shadow:0 2px 10px rgba(0,0,0,.25);
}.wp-block-uagb-container{display:flex;position:relative;box-sizing:border-box;transition-property:box-shadow;transition-duration:0.2s;transition-timing-function:ease}.wp-block-uagb-container .spectra-container-link-overlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.wp-block-uagb-container.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:flex;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}.wp-block-uagb-container .wp-block-uagb-blockquote,.wp-block-uagb-container .wp-block-spectra-pro-login,.wp-block-uagb-container .wp-block-spectra-pro-register{margin:unset}.wp-block-uagb-container .uagb-container__video-wrap{height:100%;width:100%;top:0;left:0;position:absolute;overflow:hidden;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.wp-block-uagb-container .uagb-container__video-wrap video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.wp-block-uagb-container.uagb-layout-grid{display:grid;width:100%}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap{display:inherit;width:inherit}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.alignwide.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:inherit;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-info-box),body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap,body .wp-block-uagb-container>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-container-link-overlay):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-faq__outer-wrap){min-width:unset !important;width:100%;position:relative}body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container ol,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap ol{max-width:-webkit-fill-available;margin-block-start:0;margin-block-end:0;margin-left:20px}.ast-plain-container .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .uagb-is-root-container.wp-block-uagb-container.alignwide{margin-left:auto;margin-right:auto}.uagb-container__shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr}.uagb-container__shape-top{top:-3px}.uagb-container__shape-bottom{bottom:-3px}.uagb-container__shape.uagb-container__invert.uagb-container__shape-bottom,.uagb-container__shape.uagb-container__invert.uagb-container__shape-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.uagb-container__shape.uagb-container__shape-flip svg{transform:translateX(-50%) rotateY(180deg)}.uagb-container__shape svg{display:block;width:-webkit-calc(100% + 1.3px);width:calc(100% + 1.3px);position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.uagb-container__shape .uagb-container__shape-fill{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.uagb-container__shape.uagb-container__shape-above-content{z-index:9;pointer-events:none}.nv-single-page-wrap .nv-content-wrap.entry-content .wp-block-uagb-container.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media only screen and (max-width: 767px){.wp-block-uagb-container .wp-block-uagb-advanced-heading{width:-webkit-fill-available}}.wp-block-uagb-image--align-none{justify-content:center}
.wp-block-uagb-container.uagb-block-90986f74 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-90986f74 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-90986f74 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-90986f74 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-90986f74 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-90986f74{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-block-90986f74{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-90986f74{width: 100%;}.wp-block-uagb-container.uagb-block-90986f74{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-90986f74{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-block-90986f74{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}
.wp-block-uagb-icon svg{width:30px}.uagb-icon-wrapper .uagb-svg-wrapper{transition:box-shadow 0.2s ease}
 .uagb-block-418a9910.uagb-icon-wrapper{text-align: center;} .uagb-block-418a9910.uagb-icon-wrapper .uagb-svg-wrapper a{display: contents;} .uagb-block-418a9910.uagb-icon-wrapper svg{width: 20px;height: 20px;transform: rotate(0deg);box-sizing: content-box;fill: var(--ast-global-color-1);filter: drop-shadow( 0px 0px 0px #00000070 );} .uagb-block-418a9910.uagb-icon-wrapper .uagb-svg-wrapper:hover svg{fill: var(--ast-global-color-2);} .uagb-block-418a9910.uagb-icon-wrapper .uagb-svg-wrapper:focus-visible svg{fill: var(--ast-global-color-2);} .uagb-block-418a9910.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;border-style: default;box-shadow: 0px 0px 0 #00000070 ;} .uagb-block-418a9910.uagb-icon-wrapper .uagb-svg-wrapper:hover{box-shadow: 0px 0px 0 #00000070 ;} .uagb-block-418a9910.uagb-icon-wrapper .uagb-svg-wrapper:focus-visible{box-shadow: 0px 0px 0 #00000070 ;}@media only screen and (max-width: 976px) { .uagb-block-418a9910.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;}}@media only screen and (max-width: 767px) { .uagb-block-418a9910.uagb-icon-wrapper svg{width: 20px;height: 20px;} .uagb-block-418a9910.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;}} .uagb-block-3b70b944.uagb-icon-wrapper{text-align: center;} .uagb-block-3b70b944.uagb-icon-wrapper .uagb-svg-wrapper a{display: contents;} .uagb-block-3b70b944.uagb-icon-wrapper svg{width: 25px;height: 25px;transform: rotate(0deg);box-sizing: content-box;fill: var(--ast-global-color-1);filter: drop-shadow( 0px 0px 0px #00000070 );} .uagb-block-3b70b944.uagb-icon-wrapper .uagb-svg-wrapper:hover svg{fill: var(--ast-global-color-2);} .uagb-block-3b70b944.uagb-icon-wrapper .uagb-svg-wrapper:focus-visible svg{fill: var(--ast-global-color-2);} .uagb-block-3b70b944.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;border-style: default;box-shadow: 0px 0px 0 #00000070 ;}@media only screen and (max-width: 976px) { .uagb-block-3b70b944.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;}}@media only screen and (max-width: 767px) { .uagb-block-3b70b944.uagb-icon-wrapper{text-align: center;} .uagb-block-3b70b944.uagb-icon-wrapper svg{width: 25px;height: 25px;} .uagb-block-3b70b944.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}}