/* cgs-core about-pages: shared look for /about/ and /about/why-world-federation/. Prefix cgs-ab-. */
/* page reset (the Divi metas are the real fix) */
.cgs-ab-page #main-content .container{padding-top:0!important;width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
.cgs-ab-page #main-content .container:before{display:none!important}
.cgs-ab-page #left-area{width:100%!important;padding:0!important;float:none!important}
.cgs-ab-page #sidebar{display:none!important}
.cgs-ab-page .entry-title.main_title{display:none!important}
.cgs-ab{--navy:#27318B;--deep:#1D2B47;--blue:#323FB3;--gold:#F1C500;--ink:rgba(52,58,64,.9);--body:#646B78;--line:#e6e8ef;--wash:#F4F5FA;--give:#FF6600;--give-hi:#E65C00;--r:12px;--gap:72px;--in:40px;
font:400 18px/1.6 "Roboto Flex",Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;padding-bottom:var(--gap)}
.cgs-ab *,.cgs-ab *:before,.cgs-ab *:after{box-sizing:border-box}
.cgs-ab p{margin:0;padding:0}
.cgs-ab h1,.cgs-ab h2,.cgs-ab h3{font-family:Montserrat,Helvetica,Arial,sans-serif;color:var(--navy);margin:0;padding:0;text-wrap:balance}
.cgs-ab ul,.cgs-ab ol,.cgs-ab dl,.cgs-ab dd{margin-left:0!important;margin-right:0!important;margin-bottom:0!important;margin-top:0;padding:0!important;list-style:none!important}
.cgs-ab li{list-style:none!important;line-height:inherit}
.cgs-ab a{color:var(--navy)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.cgs-ab a:hover{text-decoration-thickness:2px}
.cgs-ab .cgs-ct-btn{color:#fff!important}
.cgs-ab a:focus-visible,.cgs-ab button:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:4px}
.cgs-ab ::selection{background:var(--navy);color:#fff}
.cgs-ab .cgs-ab-g>br{display:none}
.cgs-ab .cgs-ab-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
/* Divi rows are 80% wide on phones: full width, so the wrap's 20px is the gutter */
.cgs-ab-page .cgs-ab-s-about>.et_pb_row,.cgs-ab-page .cgs-ab-s-wf>.et_pb_row{width:100%!important;max-width:none!important}
.cgs-ab .cgs-ab-read{max-width:900px}
/* even rag (2026-10-21); widows: cgs_ab_glue */
.cgs-ab dd,.cgs-ab .cgs-ab-clauses li,.cgs-ab .cgs-ab-val li,.cgs-ab .cgs-ab-tl p,.cgs-ab .cgs-ab-stand,.cgs-ab .cgs-ab-vision{text-wrap:balance}
.cgs-ab .cgs-ab-prose p,.cgs-ab p.cgs-ab-read{text-wrap:pretty;max-width:42em}
.cgs-ab .cgs-ab-nw{white-space:nowrap}
.cgs-ab .cgs-ab-s{padding-top:var(--gap)}.cgs-ab .cgs-ab-s>.cgs-ab-wrap>*+*{margin-top:var(--in)}
.cgs-ab h2{font-size:30px;line-height:1.2;font-weight:700}
.cgs-ab h3{font-size:21px;line-height:1.3;font-weight:700}
.cgs-ab .cgs-ab-s h2+*{margin-top:20px!important}
.cgs-ab .cgs-ab-prose>*+*{margin-top:1.1em}
.cgs-ab .cgs-ab-rule{display:block;width:64px;height:4px;border-radius:2px;background:var(--gold)}
.cgs-ab .cgs-ab-crumb{font-size:16px;line-height:1.4;color:var(--body)}
.cgs-ab .cgs-ab-crumb a{display:inline-flex;align-items:center;min-height:44px}
/* hero */
.cgs-ab .cgs-ab-hero{padding-top:24px}
.cgs-ab .cgs-ab-hero .cgs-ab-wrap{display:grid;gap:var(--in)}
.cgs-ab .cgs-ab-eyebrow{margin-top:20px!important;font:600 13px/1.3 Montserrat,Helvetica,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.cgs-ab h1{font-size:clamp(26px,8.6vw,32px);line-height:1.12;font-weight:800;letter-spacing:-.01em;margin-top:14px}
.cgs-ab .cgs-ab-hero .cgs-ab-rule{margin:22px 0 24px}
.cgs-ab .cgs-ab-stand{font-size:19px;line-height:1.6;max-width:640px}
.cgs-ab .cgs-ab-facts{display:grid;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 0}
.cgs-ab .cgs-ab-facts div{padding:16px 0}
.cgs-ab .cgs-ab-facts div+div{border-top:1px solid var(--line)}
.cgs-ab .cgs-ab-facts dt{font:700 13px/1.3 Montserrat,Helvetica,Arial,sans-serif;color:var(--navy);letter-spacing:.04em;text-transform:uppercase}
.cgs-ab .cgs-ab-facts dd{margin-top:4px;font-size:16px;line-height:1.45}
.cgs-ab .cgs-ab-factwrap{padding-top:var(--in)}
/* vision and mission */
.cgs-ab .cgs-ab-vm{display:grid;gap:var(--in)}
.cgs-ab .cgs-ab-vm>*{margin-top:0!important}
.cgs-ab .cgs-ab-vision{font:700 24px/1.35 Montserrat,Helvetica,Arial,sans-serif;color:var(--deep)}
.cgs-ab .cgs-ab-clauses{margin-top:24px}
.cgs-ab .cgs-ab-clauses li{position:relative;padding:12px 0 12px 28px!important;border-top:1px solid var(--line)}
.cgs-ab .cgs-ab-clauses li:last-child{border-bottom:1px solid var(--line)}
.cgs-ab .cgs-ab-clauses li:before{content:"";position:absolute;left:0;top:19px;width:6px;height:20px;border-radius:3px;background:var(--navy)}
/* story */
.cgs-ab .cgs-ab-strip{display:grid;gap:var(--in)}
.cgs-ab .cgs-ab-strip--one{grid-template-columns:1fr}
.cgs-ab .cgs-ab-fig{margin:0}
.cgs-ab .cgs-ab-fig img{display:block;width:100%;height:auto;border-radius:var(--r)}
.cgs-ab .cgs-ab-hero .cgs-ab-fig img{aspect-ratio:3/2;object-fit:cover}
.cgs-ab .cgs-ab-strip .cgs-ab-fig img{aspect-ratio:3/2;object-fit:cover}
/* other photo slots; focal points from the advocacy records */
.cgs-ab .cgs-ab-fig--work img{aspect-ratio:3/2;object-fit:cover;object-position:50% 60%}
.cgs-ab .cgs-ab-fig--network img,.cgs-ab .cgs-ab-fig--wf-band img{aspect-ratio:3/2;object-fit:cover;object-position:50% 50%}
.cgs-ab .cgs-ab-work{display:grid;gap:var(--in)}
.cgs-ab .cgs-ab-fig figcaption{margin-top:12px;font-size:16px;line-height:1.5}
.cgs-ab .cgs-ab-tl{border-top:1px solid var(--line)}
.cgs-ab .cgs-ab-tl li{display:grid;gap:4px 24px;padding:20px 0!important;border-bottom:1px solid var(--line)}
.cgs-ab .cgs-ab-tl time,.cgs-ab .cgs-ab-tl .cgs-ab-when{font:800 22px/1.2 Montserrat,Helvetica,Arial,sans-serif;color:var(--navy)}
.cgs-ab .cgs-ab-tl p{max-width:640px}
.cgs-ab .cgs-ab-tl .cgs-ab-tl-key time{font-size:30px}
.cgs-ab .cgs-ab-tl .cgs-ab-tl-key p{font-weight:600;color:var(--deep)}
/* wf card */
.cgs-ab .cgs-ab-x{display:grid;gap:20px;padding:28px;border:1px solid var(--line);border-radius:var(--r);background:var(--wash)}
.cgs-ab .cgs-ab-x h2{font-size:24px}
.cgs-ab .cgs-ab-x p{margin-top:10px!important;max-width:560px}
.cgs-ab .cgs-ab-x .cgs-ab-btn{justify-self:start}
/* people */
.cgs-ab .cgs-ab-ppl{display:grid;gap:12px}
.cgs-ab .cgs-ab-tile{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:14px 20px;border:1px solid var(--line);border-radius:var(--r);font:700 18px/1.3 Montserrat,Helvetica,Arial,sans-serif;text-decoration:none!important}
.cgs-ab .cgs-ab-tile small{display:block;margin-top:2px;font:400 15px/1.4 "Roboto Flex",Helvetica,Arial,sans-serif;color:var(--body)}
.cgs-ab .cgs-ab-tile:hover{background:var(--wash)}
.cgs-ab .cgs-ab-links{display:flex;flex-wrap:wrap;gap:4px 28px}
.cgs-ab .cgs-ab-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600}
.cgs-ab svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* network */
.cgs-ab .cgs-ab-net{display:grid;gap:var(--in)}
.cgs-ab .cgs-ab-net h3{margin-bottom:8px}
/* values: the seven names, then one disclosure holding the definition and the bullets */
.cgs-ab .cgs-ab-vnames{display:grid;gap:6px 40px}
.cgs-ab .cgs-ab-vnames li{position:relative;padding:2px 0 2px 18px!important;font:600 18px/1.45 "Roboto Flex",Helvetica,Arial,sans-serif;color:var(--deep)}
.cgs-ab .cgs-ab-vnames li:before{content:"";position:absolute;left:0;top:13px;width:8px;height:2px;background:var(--navy)}
.cgs-ab .cgs-ab-more .cgs-ab-vals{margin-top:8px}
.cgs-ab .cgs-ab-vlead{font-size:19px;line-height:1.5;color:var(--deep)}
.cgs-ab .cgs-ab-vals{display:grid;gap:0 40px}
.cgs-ab .cgs-ab-val{padding:22px 0 24px;border-top:1px solid var(--line)}
.cgs-ab .cgs-ab-val h3{margin-bottom:10px}
.cgs-ab .cgs-ab-val li{position:relative;padding:3px 0 3px 18px!important;font-size:18px;line-height:1.5}
.cgs-ab .cgs-ab-val li:before{content:"";position:absolute;left:0;top:14px;width:8px;height:2px;background:var(--navy)}
/* hero actions, band link, network photo */
.cgs-ab .cgs-ab-heroacts{margin-top:28px!important}
.cgs-ab .cgs-ab-bandmore{margin-top:22px!important}
.cgs-ab .cgs-ab-band .cgs-ab-bandmore a{color:#fff!important}
.cgs-ab .cgs-ab-fig--hero img{object-position:50% 30%}
/* the disclosure under the values grid */
.cgs-ab .cgs-ab-more{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cgs-ab .cgs-ab-more summary{display:flex;align-items:center;gap:10px;min-height:48px;font:700 16px/1.3 Montserrat,Helvetica,Arial,sans-serif;color:var(--navy);cursor:pointer;list-style:none}
.cgs-ab .cgs-ab-more summary::-webkit-details-marker{display:none}
.cgs-ab .cgs-ab-more summary:before{content:"";width:8px;height:8px;margin:0 4px 0 2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .18s ease-out}
.cgs-ab .cgs-ab-more[open] summary:before{transform:rotate(45deg)}
.cgs-ab .cgs-ab-more summary:focus-visible{outline:3px solid var(--navy);outline-offset:2px;border-radius:4px}
.cgs-ab .cgs-ab-more>p{padding:4px 0 8px;font-size:18px;line-height:1.6}
.cgs-ab .cgs-ab-more[open]{padding-bottom:16px}
/* buttons */
.cgs-ab .cgs-ab-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:999px;border:2px solid var(--navy);font:700 18px/1.2 Montserrat,Helvetica,Arial,sans-serif;text-decoration:none!important;background:transparent}
.cgs-ab .cgs-ab-tile,.cgs-ab .cgs-ab-btn{transition:background-color .18s ease-out,color .18s ease-out}
.cgs-ab .cgs-ab-btn:hover{background:var(--navy);color:#fff!important}
.cgs-ab .cgs-ab-pill--fill{background:var(--navy);color:#fff!important}
.cgs-ab .cgs-ab-pill--fill:hover{background:var(--deep)}
.cgs-ab .cgs-ab-pill--white{background:#fff;color:var(--navy)!important}
.cgs-ab .cgs-ab-btn.cgs-ab-pill--white:hover{background:var(--wash);color:var(--navy)!important}
/* Donate: white on brand orange, as the header (owner 2026-10-20, accepting 2.9:1 below WCAG AA) */
.cgs-ab .cgs-ab-btn.cgs-ab-give{background:var(--give);border-color:var(--give);color:#fff!important}
.cgs-ab .cgs-ab-btn.cgs-ab-give:hover{background:var(--give-hi);border-color:var(--give-hi);color:#fff!important}
/* closing band: the one navy band */
.cgs-ab .cgs-ab-band{margin-top:var(--gap);background:var(--navy);color:#fff;padding:56px 0}
.cgs-ab .cgs-ab-band h2{color:#fff}
.cgs-ab .cgs-ab-band p{margin-top:14px;max-width:600px;color:#fff}
.cgs-ab .cgs-ab-band .cgs-ab-rule{margin-bottom:22px}
.cgs-ab .cgs-ab-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cgs-ab .cgs-ab-band a:focus-visible,.cgs-ab .cgs-ab-band button:focus-visible{outline-color:var(--gold)}
.cgs-ab .cgs-ab-band .cgs-ab-btn{border-color:#fff;color:#fff!important}
.cgs-ab .cgs-ab-band .cgs-ab-btn:hover{background:#fff;color:var(--navy)!important}
.cgs-ab .cgs-ab-band .cgs-ab-btn.cgs-ab-fill{background:#fff;color:var(--navy)!important}
.cgs-ab .cgs-ab-band .cgs-ab-btn.cgs-ab-fill:hover{background:var(--line)}
.cgs-ab .cgs-ab-band .cgs-ab-btn.cgs-ab-pill--white{background:#fff;color:var(--navy)!important}
.cgs-ab .cgs-ab-band .cgs-ab-btn.cgs-ab-pill--white:hover{background:var(--wash);color:var(--navy)!important}
.cgs-ab .cgs-ab-band .cgs-ab-btn.cgs-ab-give{background:var(--give);border-color:var(--give);color:#fff!important}
.cgs-ab .cgs-ab-band .cgs-ab-btn.cgs-ab-give:hover{background:var(--give-hi);border-color:var(--give-hi);color:#fff!important}
/* Focus clearance under Divi's fixed header (SC 2.4.11), as advocacy.css: the sheet prints only on About pages. Base first so the 981 and band rules win. */
:root{--cgs-ab-clear:96px;scroll-padding-top:calc(var(--cgs-ab-clear) + var(--wp-admin--admin-bar--height, 0px));}
@media (min-width:700px){
.cgs-ab .cgs-ab-net{grid-template-columns:1fr 1fr;gap:48px}
.cgs-ab .cgs-ab-tl li{grid-template-columns:150px 1fr;align-items:baseline}
.cgs-ab .cgs-ab-facts{grid-template-columns:repeat(3,1fr)}
.cgs-ab .cgs-ab-facts div{padding:20px 24px 20px 0}
.cgs-ab .cgs-ab-facts div+div{border-top:0;border-left:1px solid var(--line);padding-left:24px}
.cgs-ab .cgs-ab-vals,.cgs-ab .cgs-ab-vnames{grid-template-columns:1fr 1fr}
.cgs-ab .cgs-ab-fig--network img,.cgs-ab .cgs-ab-fig--wf-band img{aspect-ratio:21/9}
}
@media (min-width:860px){.cgs-ab .cgs-ab-x{grid-template-columns:1fr auto;align-items:center;gap:32px}.cgs-ab .cgs-ab-work--photo{grid-template-columns:7fr 5fr;gap:48px;align-items:start}.cgs-ab .cgs-ab-strip{grid-template-columns:7fr 5fr;gap:28px;align-items:start}.cgs-ab .cgs-ab-strip--one{grid-template-columns:1fr}.cgs-ab .cgs-ab-strip .cgs-ab-fig img{aspect-ratio:4/3}.cgs-ab .cgs-ab-ppl{grid-template-columns:repeat(3,1fr)}}
@media (min-width:981px){
:root{--cgs-ab-clear:150px;}
.cgs-ab .cgs-ab-hero{padding-top:32px}
.cgs-ab h1{font-size:44px}
.cgs-ab .cgs-ab-hero .cgs-ab-wrap{gap:64px}
.cgs-ab .cgs-ab-hero .cgs-ab-wrap.cgs-ab-has-photo{grid-template-columns:6fr 5fr;align-items:start}
.cgs-ab .cgs-ab-hero .cgs-ab-fig img{aspect-ratio:4/5}
.cgs-ab .cgs-ab-vm{grid-template-columns:5fr 7fr;gap:64px}
.cgs-ab .cgs-ab-vision{font-size:28px}
.cgs-ab .cgs-ab-vals{grid-template-columns:repeat(3,1fr)}
/* no photo: facts stack beside the text */
.cgs-ab .cgs-ab-hero .cgs-ab-wrap.cgs-ab-has-aside{grid-template-columns:7fr 4fr;align-items:end}
.cgs-ab .cgs-ab-has-aside .cgs-ab-facts{grid-template-columns:1fr;border-top:0;border-bottom:0;border-left:1px solid var(--line);padding-left:32px!important}
.cgs-ab .cgs-ab-has-aside .cgs-ab-facts div{padding:14px 0}
.cgs-ab .cgs-ab-has-aside .cgs-ab-facts div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}
.cgs-ab .cgs-ab-band{padding:72px 0}
}
@media (max-width:980px){.cgs-ab{--gap:48px;--in:32px}.cgs-ab h2{font-size:24px}}
@media (max-width:1040px) and (min-width:981px){:root{--cgs-ab-clear:192px;}}
@media (prefers-reduced-motion:reduce){.cgs-ab .cgs-ab-tile,.cgs-ab .cgs-ab-btn,.cgs-ab .cgs-ab-more summary:before{transition:none}}
.cgs-ab .cgs-ab-crumb ol{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;align-items:center}
.cgs-ab .cgs-ab-crumb li:not(:last-child)::after{content:"/";content:"/" / "";margin:0 6px}
.cgs-ab .cgs-ab-crumb [aria-current]{font-weight:600;color:var(--deep)}