body[data-page="agencies"] .agency-grid { grid-template-columns: 1fr; }
body[data-page="agencies"]{--charity-map-height:390px;--charity-page-width:var(--worldsaid-page-width,1200px)}body[data-page="agencies"] .portal-main{box-sizing:border-box;width:100%;max-width:var(--charity-page-width);margin:0 auto;padding:0 0 48px}body[data-page="agencies"] .portal-content{margin:0 auto;padding:0}
.agency-breadcrumb-slot,.charity-results-toolbar>.global-page-breadcrumbs{box-sizing:border-box;width:auto;max-width:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.charity-results-toolbar{position:sticky;z-index:68;top:calc(78px + var(--charity-map-height) + 6px);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,var(--charity-page-width));min-height:46px;margin:9px auto 12px;padding:8px 12px;border:1px solid rgba(210,224,228,.78);border-radius:7px;background:rgba(255,255,255,.9);box-shadow:0 7px 18px rgba(20,49,61,.08);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.charity-results-toolbar>.global-page-breadcrumbs ol{justify-content:flex-start;max-width:none;margin:0}.charity-results-toolbar>#charityCount{flex:0 0 auto;color:var(--blue);font:800 10px/1.35 "Open Sans",Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase}
.charity-directory-layout{display:grid;grid-template-columns:clamp(190px,18vw,230px) minmax(0,1fr);align-items:start;gap:20px;width:min(100%,var(--charity-page-width));max-width:var(--charity-page-width);margin:0 auto}
.charity-results-column{min-width:0}
.portal-hero:has(.charity-geo-panel){position:sticky;z-index:70;top:78px;isolation:isolate;width:min(100%,var(--charity-page-width));height:var(--charity-map-height);min-height:var(--charity-map-height);box-sizing:border-box;overflow:hidden;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid #c4d5da;border-radius:7px;background:#d9e8ef;box-shadow:0 8px 24px rgba(20,49,61,.08)}
.charity-geo-panel{position:absolute;z-index:1;inset:0;margin:0;padding:0;border:0;border-radius:7px;background:transparent}
.charity-world-map,.charity-world-map.leaflet-container{position:absolute;inset:0;min-height:100%;overflow:hidden;border-radius:7px;background:#b8d0da}
.charity-world-map .leaflet-tile-pane{filter:saturate(.72) contrast(.94)}
.charity-world-map .leaflet-popup-content{font:12px/1.45 Arial,sans-serif}
.charity-world-map .worldsaid-location-pin{transition:background-color .18s ease,transform .18s ease}.charity-world-map .charity-marker-hover .worldsaid-location-pin{background:#d8203f!important;transform:scale(1.45)}
body[data-page="agencies"] .agency-grid{display:block;border-top:1px solid var(--line);background:#fff}
body[data-page="agencies"] .agency-grid .agency-card { min-height:132px;display:grid;grid-template-columns:132px minmax(0,1fr) repeat(3,minmax(70px,96px));align-items:center;gap:16px;padding:16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;box-shadow:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
body[data-page="agencies"] .agency-grid .agency-card>.agency-logo{grid-column:1;grid-row:1;width:100%;height:104px}
body[data-page="agencies"] .agency-grid .agency-card>.agency-copy{grid-column:2/-1;grid-row:1;min-width:0}
body[data-page="agencies"] .agency-grid .agency-card>.agency-copy{grid-column:2;grid-row:1}
body[data-page="agencies"] .agency-grid .agency-card>.agency-stat{grid-row:1;text-align:right}
body[data-page="agencies"] .agency-grid .agency-card:hover{border-left:4px solid var(--blue);padding-left:12px;background:#f7fbfb;transform:translateX(2px)}
.agency-logo { width: 86px; height: 72px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; background: #fff; overflow: hidden; }
.agency-logo img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 7px; }
.agency-logo i { display: grid; place-items: center; width: 100%; height: 100%; background: #e3f6f7; color: var(--blue); font-size: 20px; font-weight: 800; font-style: normal; letter-spacing: 1px; }
.agency-copy h2 { margin: 0 0 5px; }
.agency-copy p { margin: 0; }
.agency-copy .agency-record-meta { color: #70838b; font-size: 11px; }
.agency-copy .agency-about { max-width: 780px; margin-top: 8px; color: #435d67; font-size: 12px; line-height: 1.45; }
.agency-copy .agency-about { display: none; }
.agency-copy .agency-about b { color: var(--navy); }
.charity-tools{position:sticky;top:calc(78px + 54px);z-index:20;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;max-height:calc(100vh - 150px);overflow:auto;margin:0;padding:14px;border:1px solid var(--line);border-radius:7px;background:rgba(248,251,251,.96);box-shadow:0 8px 20px rgba(20,49,61,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media (min-width:901px){body[data-page="agencies"] .charity-tools{--charity-left-rail-gap:10px;--charity-left-rail-top:calc(78px + var(--charity-map-height,390px) + 6px + 46px + var(--charity-left-rail-gap));top:var(--charity-left-rail-top);max-height:calc(100vh - var(--charity-left-rail-top) - 10px);transition:top .45s ease,background-color .45s ease,box-shadow .45s ease,transform .45s ease}}
.charity-search-control,.charity-type-control { display: grid; gap: 6px; min-width: 0; }
.charity-tools label,.charity-control-label { font-weight: 800; color: var(--navy); font-size: 12px; }
.charity-tools input,.charity-tools select { min-height: 44px; border: 1px solid var(--line); border-radius: 4px; padding: 0 14px; font: inherit; background: #fff; }
.charity-type-control { display:grid;grid-template-columns:1fr;align-items:stretch;gap:8px; }
.charity-type-control>.charity-control-label { align-self:start; }
.charity-type-quick { display:grid;gap:3px; }
.charity-type-quick button { min-height:40px;padding:9px 11px;border:0;border-bottom:1px solid #d7e3e6;border-radius:3px;background:transparent;color:var(--navy);font:700 13px/1.25 Arial,sans-serif;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px; }
.charity-type-quick button b{min-width:26px;padding:2px 6px;border-radius:999px;background:#e3eef1;color:#315565;font-size:10px;text-align:center}.charity-type-quick button.active b,.charity-type-quick button:hover b,.charity-type-quick button:focus-visible b{background:rgba(255,255,255,.2);color:#fff}
.charity-type-quick button.active,.charity-type-quick button:hover,.charity-type-quick button:focus-visible { border-color: var(--blue); background: var(--blue); color: #fff; }
.charity-type-quick button:is(.active,:hover,:focus-visible) span { color:#fff; }
.charity-type-quick .charity-all-item{margin-bottom:7px;border:1px solid #b8ced3;font-weight:800}
.charity-type-more { display: none; align-items: center; gap: 7px; white-space: nowrap; }
.charity-type-more select { min-height: 36px; padding: 0 8px; }
.charity-tools span { justify-self: start; color: var(--blue); font-size: 13px; font-weight: 800; }
.agency-table-head { display: grid; grid-template-columns: minmax(0, 1fr) 90px 90px 150px; gap: 20px; padding: 12px 24px; background: var(--navy); color: #fff; text-transform: uppercase; letter-spacing: .08em; font-size: 11px; font-weight: 800; }
.agency-table-head span:not(:first-child) { text-align: right; }
.agency-table-head button { appearance: none; border: 0; padding: 0; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; text-align: right; text-transform: inherit; cursor: pointer; }
.agency-table-head button:hover,.agency-table-head button:focus-visible { color: #76d7df; }
.agency-stat { text-align: right; color: var(--navy); font-size: 16px; }
.agency-stat small { display: none; }
.agency-stat.persons { color: var(--blue); font-size: 18px; }
@media (max-width: 900px) { .charity-directory-layout{grid-template-columns:1fr}.charity-tools{position:static;max-height:none}.charity-type-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.charity-type-quick .charity-all-item{grid-column:1/-1}.charity-world-map{min-height:100%} }
@media (max-width: 760px) { body[data-page="agencies"]{--charity-map-height:317px}body[data-page="agencies"] .portal-content { margin-inline: 4%; } .agency-table-head { display: none; } .charity-tools { grid-template-columns: 1fr; align-items: stretch; gap: 12px; padding: 12px; } .charity-type-control { grid-template-columns: 1fr; gap: 6px; } .charity-type-quick{display:grid;grid-template-columns:1fr}.charity-type-quick .charity-all-item{grid-column:auto}.charity-tools span { justify-self: start; }.charity-geo-panel .charity-geo-heading{right:4vw;bottom:10px;left:4vw;align-items:start;flex-direction:column;gap:5px}.charity-geo-heading strong{text-align:left}.charity-world-map{min-height:100%}.charity-world-map .leaflet-control-zoom{margin-top:78px} body[data-page="agencies"] .agency-grid .agency-card { grid-template-columns:minmax(104px,32vw) repeat(3,minmax(0,1fr));gap:8px 10px;padding:13px 8px}body[data-page="agencies"] .agency-grid .agency-card>.agency-logo{grid-column:1;grid-row:1/3;width:100%;height:104px}body[data-page="agencies"] .agency-grid .agency-card>.agency-copy{grid-column:2/-1;grid-row:1}.agency-stat { font-size: 13px; text-align: left; } .agency-stat small { display: block; margin-bottom: 2px; color: #70838b; font-size: 9px; text-transform: uppercase; } .agency-stat.persons { font-size: 14px; } }
@media (max-width:760px){body[data-page="agencies"]{--charity-map-height:310px}body[data-page="agencies"] .portal-main{padding-inline:8px}.charity-results-toolbar{position:sticky;top:8px;width:100%;flex-wrap:wrap;margin-top:8px}.charity-results-toolbar>#charityCount{width:100%}.charity-directory-layout{width:100%}body[data-page="agencies"] .agency-grid .agency-card{grid-template-columns:104px repeat(3,minmax(0,1fr));min-height:118px;gap:8px 10px;padding:12px 8px}body[data-page="agencies"] .agency-grid .agency-card:hover{padding-left:4px}body[data-page="agencies"] .agency-grid .agency-card>.agency-logo{height:96px}body[data-page="agencies"] .agency-grid .agency-card>.agency-copy{grid-column:2/-1;grid-row:1}body[data-page="agencies"] .agency-grid .agency-card>.agency-stat{grid-row:2;text-align:left}}
@media (max-width:420px){body[data-page="agencies"] .agency-grid .agency-card{grid-template-columns:82px repeat(3,minmax(0,1fr));gap:7px;padding:10px 5px}body[data-page="agencies"] .agency-grid .agency-card>.agency-logo{height:78px}.agency-copy h2{overflow-wrap:anywhere;font-size:16px;line-height:1.2}.agency-copy .agency-record-meta{display:-webkit-box;overflow:hidden;font-size:10px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.agency-stat,.agency-stat.persons{font-size:12px}.agency-stat small{font-size:8px}}

.charity-programs-panel { margin-top: 70px; padding-top: 38px; border-top: 1px solid var(--line); }
.charity-programs-panel .section-heading { max-width: none; margin-bottom: 22px; }
.charity-programs-panel .section-heading h2 { margin: 4px 0 0; font-size: 34px; }
.charity-programs-panel .section-heading strong { color: var(--blue); font-size: 13px; }
.charity-program-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.charity-program { display: block; padding: 18px 20px; border: 1px solid var(--line); border-left: 4px solid var(--cyan); background: #fff; }
.charity-program:hover { border-left-color: var(--blue); background: #f7fbfb; }
.charity-program > span { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.charity-program h3 { margin: 7px 0; font: 700 18px/1.25 Georgia, serif; }
.charity-program p { margin: 0 0 8px; color: #536b75; font-size: 12px; }
.charity-program small { color: #778a91; }
@media (max-width: 760px) { .charity-program-list { grid-template-columns: 1fr; } }

.agency-logo img[src*="CG_Logotype_White"]{filter:brightness(0)}