:root{--green:#00563d;--deep:#003f2e;--lime:#a9ed69;--ink:#102821;--muted:#66706c;--line:#dfe5e2;--off:#f7f8f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:14px/1.45 "DM Sans",sans-serif;background:white}h1,h2,h3{font-family:"Source Serif 4",serif}.utility{height:28px;background:#f2f3f2;display:flex;justify-content:flex-end;align-items:center;gap:22px;padding:0 3.2vw;font-size:10px;color:#13251f}.utility span:nth-last-child(-n+4){font-weight:800;font-size:13px}header{height:92px;padding:0 3.2vw;display:flex;align-items:center;border-bottom:1px solid #e5e8e6;box-shadow:0 3px 18px #17382d0b;position:sticky;top:0;background:#fffffff7;backdrop-filter:blur(10px);z-index:30}.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);min-width:490px}.brand img{width:162px;height:78px;object-fit:contain;margin-right:16px}.brand b{font:800 18px/1.15 Manrope;letter-spacing:.02em}.brand small{display:block;font:700 8px Manrope;letter-spacing:.32em;margin-top:7px}nav{display:flex;gap:30px;align-items:center;margin-left:auto}nav a{text-decoration:none;color:#111f1a;font-weight:600;font-size:13px;white-space:nowrap}.join{margin-left:34px;background:var(--green);color:white;padding:16px 22px;text-decoration:none;font:700 12px Manrope;letter-spacing:.08em;border-radius:4px}.approvedHero{width:100%;overflow:hidden;background:#003f2e}.approvedHero img{display:block;width:100%;height:auto}.benefits{display:grid;grid-template-columns:repeat(5,1fr);padding:22px 3.2vw;background:#fafbf9;border-bottom:1px solid var(--line)}.benefits article{display:flex;gap:14px;padding:4px 22px;border-right:1px solid var(--line);align-items:center}.benefits article:last-child{border:0}.benefits span{font-size:30px;color:var(--green)}.benefits b,.benefits small{display:block}.benefits b{font:700 13px Manrope}.benefits small{font-size:11px;color:#56625d}.homegrid{display:grid;grid-template-columns:1.28fr .82fr .82fr;gap:0;padding:18px 3.2vw 20px}.homegrid>div{padding:0 22px;border-right:1px solid var(--line)}.homegrid>div:first-child{padding-left:0}.homegrid>div:last-child{border:0;padding-right:0}.sectiontop{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.sectiontop label,.about>label,.calcmodal label{font:800 9px Manrope;letter-spacing:.15em;color:#4aaf22}.sectiontop h2{font-size:28px;line-height:1;margin:5px 0 0}.sectiontop button,.sectiontop span,.plain{border:0;background:none;color:var(--green);font-weight:700;font-size:10px;cursor:pointer}.articlegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.articlegrid img{width:100%;height:98px;object-fit:cover;object-position:top;border-radius:2px}.articlegrid small{display:block;color:#5f6a65;font-size:9px;margin-top:8px}.articlegrid h3{font-size:19px;line-height:1.05;margin:5px 0}.articlegrid p{font-size:11px;color:#5d6763;margin:0 0 7px}.articlegrid button{border:0;background:none;padding:0;color:var(--green);font-weight:700;font-size:11px;cursor:pointer}.tool{width:100%;height:54px;background:white;border:1px solid var(--line);border-radius:3px;margin-bottom:5px;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;text-align:left;cursor:pointer}.tool i{width:32px;height:32px;background:#06a35b;color:white;border-radius:4px;display:grid;place-items:center;font-style:normal;margin-left:6px}.tool:nth-of-type(3) i{background:#168cc4}.tool:nth-of-type(4) i{background:#e88c13}.tool:nth-of-type(5) i{background:#7c3fba}.tool b,.tool small{display:block}.tool b{font-size:12px}.tool small{font-size:10px;color:#69726f}.tool em{font-style:normal;font-size:23px;color:var(--green)}.eventHero{background:var(--green);color:white;border-radius:3px;overflow:hidden;cursor:pointer}.eventHero>div{padding:18px 20px;background:linear-gradient(90deg,#174c3b,#006341)}.eventHero small{font-size:9px;color:#cfeac2}.eventHero h3{font-size:20px;line-height:1.05;margin:4px 0}.eventHero p{margin:0;padding:12px 16px;background:white;color:#183129;font-size:10px;font-weight:600}.eventSmall{display:grid;grid-template-columns:110px 1fr 16px;align-items:center;margin-top:12px;background:#f5f6f4;cursor:pointer}.eventSmall img{width:110px;height:68px;object-fit:cover;object-position:top}.eventSmall div{padding:8px 12px}.eventSmall b,.eventSmall span{display:block}.eventSmall b{font-family:"Source Serif 4";font-size:16px}.eventSmall span{font-size:9px;color:#50605a}.eventSmall em{font-size:22px;font-style:normal}.about{padding:70px 7vw;background:#f6f7f5}.about h2{font-size:42px;margin:6px 0 28px}.aboutgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.aboutgrid h3{font-size:24px;margin:0}.aboutgrid p{color:#53615c}.membership{background:linear-gradient(90deg,#075b41,#006c4c);color:white;padding:28px 3.2vw;display:grid;grid-template-columns:1.1fr 1.5fr .9fr;align-items:center;gap:40px}.membership h2{font-size:26px;line-height:1.05;margin:0}.membership p{border-left:1px solid #ffffff70;padding-left:50px}.membership a{display:inline-block;background:var(--lime);color:#173826;text-decoration:none;padding:12px 20px;margin-top:8px;font-weight:800}.membership blockquote{font:italic 19px "Source Serif 4";text-align:right}footer{display:grid;grid-template-columns:1.4fr 2fr 1fr;gap:30px;padding:38px 4vw;background:#08241b;color:white;align-items:center}footer img{width:150px;background:white;padding:5px}footer p{color:#a8bbb4;font-size:11px}footer button,footer a{display:block;border:0;background:none;color:#bce98b;text-decoration:none;padding:4px 0}.modal{position:fixed;inset:0;background:#071b15f7;z-index:100;display:none;grid-template-rows:58px 1fr 54px}.modal.open{display:grid}.modalhead{display:flex;justify-content:space-between;align-items:center;padding:0 22px;color:white;border-bottom:1px solid #ffffff22}.modalhead a{color:var(--lime);text-decoration:none}.modalhead button{background:none;border:0;color:white;font-size:28px}.stage{min-height:0;display:grid;grid-template-columns:60px 1fr 60px;align-items:center}.stage img{max-height:calc(100vh - 130px);max-width:100%;margin:auto;box-shadow:0 20px 60px #0009}.stage button{height:100%;background:none;border:0;color:white;font-size:60px}.pager{display:flex;align-items:center;justify-content:center;gap:20px;color:white}.pager input{width:260px}.calcmodal{position:fixed;inset:0;background:#04271dbb;z-index:110;display:none;place-items:center}.calcmodal.open{display:grid}.calcmodal>div{width:min(500px,90vw);background:white;padding:30px;border-radius:8px;position:relative}.calcmodal>div>button:first-child{position:absolute;right:15px;top:10px;border:0;background:none;font-size:25px}.calcmodal h2{font-size:30px;margin:5px 0 18px}.calcmodal .field{margin:10px 0}.calcmodal .field b{display:block;font-size:11px}.calcmodal input{width:100%;padding:11px;border:1px solid #ccd5d1}.calculate{width:100%;padding:12px;background:var(--green);color:white;border:0;margin-top:10px}.calcmodal output{display:block;background:#eef4f0;padding:14px;margin-top:12px;font-weight:700}.calcmodal small{display:block;color:#6d7773;margin-top:10px} @media(max-width:1100px){.brand{min-width:390px}.brand img{width:120px}.brand b{font-size:14px}nav{gap:15px}.join{margin-left:14px}.homegrid{grid-template-columns:1fr 1fr}.articles{grid-column:1/-1;margin-bottom:25px}.homegrid>div{border:0}.benefits{grid-template-columns:repeat(3,1fr)}} @media(max-width:760px){.utility{display:none}header{height:82px;padding:0 15px}.brand{min-width:0}.brand img{width:80px;height:58px}.brand b{font-size:10px}.brand small{font-size:6px;letter-spacing:.15em}nav{display:none}.join{font-size:9px;padding:11px;margin-left:auto}.approvedHero{overflow-x:auto}.approvedHero img{width:1100px;max-width:none}.benefits{grid-template-columns:1fr 1fr;padding:15px}.benefits article{border:0;border-bottom:1px solid var(--line)}.homegrid{grid-template-columns:1fr;padding:25px 15px}.homegrid>div{padding:0!important}.articlegrid{grid-template-columns:1fr}.articlegrid img{height:180px}.tools,.events{margin-top:35px}.about{padding:50px 20px}.aboutgrid{grid-template-columns:1fr}.membership{grid-template-columns:1fr;padding:35px 20px}.membership p{border:0;padding:0}.membership blockquote{text-align:left}footer{grid-template-columns:1fr}.stage{grid-template-columns:35px 1fr 35px}} .textlink{color:var(--green);font-weight:700;font-size:10px;text-decoration:none}.innerhero{background:linear-gradient(100deg,#004531,#087452);color:white;padding:70px 8vw}.innerhero label{font:800 10px Manrope;letter-spacing:.18em;color:var(--lime)}.innerhero h1{font-size:58px;line-height:1;margin:8px 0}.innerhero>p{max-width:750px;color:#d6e7e1}.pagebody{padding:60px 8vw}.contentgrid{display:grid;grid-template-columns:1fr 320px;gap:70px}.pagebody h2{font-size:38px}.pagebody h3{font-size:22px}.panel{background:#f4f6f4;padding:25px;align-self:start}.panel a{display:block;padding:11px 0;border-bottom:1px solid var(--line);color:var(--green)}.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.triple>article,.triple>div{border:1px solid var(--line);padding:24px}.program{border-left:4px solid var(--green);padding:15px 20px;margin:10px 0;background:#f6f8f6}.program span{font-size:9px;color:var(--green);font-weight:800}.application{margin-top:55px;border-top:1px solid var(--line);padding-top:40px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.formgrid label{font-weight:700;font-size:11px}.formgrid input,.formgrid select,.formgrid textarea{display:block;width:100%;padding:12px;border:1px solid #cbd5d0;margin-top:5px}.wide{grid-column:1/-1}.consent{display:flex;gap:8px;margin:18px 0}.formactions{display:flex;gap:10px;flex-wrap:wrap}.formactions button,.formactions a,.panel button{border:0;background:var(--green);color:white;padding:12px 18px;text-decoration:none;font-weight:700}.eventlist article{display:grid;grid-template-columns:110px 1fr;gap:20px;border-top:1px solid var(--line);padding:22px 0}.eventlist>article>b{font:800 22px Manrope;color:var(--green)}.eventlist h3{margin:3px 0}.publicationHero{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center;background:#f3f6f3;padding:35px}.publicationHero img{width:100%;box-shadow:0 15px 35px #163b2d22}.insightcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.insightcards article{border:1px solid var(--line);padding:15px;cursor:pointer}.insightcards img{width:100%;height:190px;object-fit:cover;object-position:top}.insightcards small{color:var(--green);font-weight:800}.leaders{display:grid;grid-template-columns:1fr 1fr;gap:10px}.leaders div{border:1px solid var(--line);padding:18px}.leaders small{display:block;color:var(--green)}.toolcards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0 55px}.toolcards button{background:white;border:1px solid var(--line);padding:25px;text-align:left}.toolcards b,.toolcards span{display:block}.toolcards b{font-size:16px;color:var(--green)}.downloads a{display:flex;justify-content:space-between;padding:16px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}.cmsbody{display:grid;grid-template-columns:245px 1fr;min-height:100vh;background:#f2f5f3}.cmsnav{background:#053d2d;color:white;padding:18px 14px;display:flex;flex-direction:column}.cmsbrand{display:flex;gap:10px;align-items:center;padding:4px 6px 20px}.cmsbrand img{width:55px;background:white}.cmsbrand small{display:block;font-size:8px;color:#a7c2b8}.cmsnav label{font-size:8px;letter-spacing:.14em;color:#78a795;padding:18px 10px 4px}.cmsnav a{padding:8px 10px;color:#dce8e3;text-decoration:none;font-size:12px}.cmsnav a.active{background:#0c6048;border-radius:5px}.cmsmain>header{height:70px;position:static;background:white;display:flex;justify-content:space-between;padding:0 30px}.cmsmain>header small,.cmsmain>header b{display:block}.cmsmain>section{padding:30px}.cmscards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cmscard{background:white;border:1px solid var(--line);padding:20px;border-radius:8px}.cmscard b{display:block;font-size:25px}.cmseditor{background:white;padding:25px;max-width:900px}.cmseditor label{display:block;font-size:11px;font-weight:700;margin:14px 0}.cmseditor input,.cmseditor textarea{width:100%;padding:12px;border:1px solid var(--line);margin-top:5px}.cmseditor textarea{min-height:120px}.cmseditor button{background:var(--green);color:white;border:0;padding:11px 16px}.cmslist{background:white}.cmsrow{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;padding:13px;border-bottom:1px solid var(--line)}@media(max-width:760px){.innerhero{padding:45px 20px}.innerhero h1{font-size:40px}.pagebody{padding:40px 20px}.contentgrid,.triple,.publicationHero,.insightcards,.toolcards{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}.cmsbody{grid-template-columns:1fr}.cmsnav{display:none}.cmscards{grid-template-columns:1fr 1fr}} /* V3 INTERACTIVE + PREMIUM NAV */ header nav a{position:relative;font-family:"Manrope",sans-serif;font-size:12px;font-weight:700;letter-spacing:.018em;padding:34px 0 31px;transition:.2s;color:#10241d} header nav a:hover,header nav a.active{color:var(--green)} header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:2px;background:var(--green);transition:.22s} header nav a:hover:after,header nav a.active:after{right:0} .join{transition:.2s}.join:hover{background:#003e2c;transform:translateY(-1px)} button,a{transition:opacity .15s,transform .15s,background .15s}.articlegrid article,.eventHero,.eventSmall,.tool{transition:.2s}.articlegrid article:hover,.eventHero:hover,.eventSmall:hover,.tool:hover{transform:translateY(-2px)} .homegrid button,.homegrid a,.sectiontop button{cursor:pointer} .subhero{background:linear-gradient(90deg,#004431 0%,#006b4a 55%,#073d30 100%);color:#fff;padding:42px 4vw 38px;position:relative;overflow:hidden} .subhero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff1c;border-radius:50%;right:-80px;top:-170px} .subhero label{font:800 9px Manrope;letter-spacing:.22em;color:var(--lime)} .subhero h1{font-size:44px;line-height:1.02;margin:6px 0 8px}.subhero p{max-width:720px;color:#d5e6df;margin:0} .breadcrumb{font-size:9px;letter-spacing:.1em;margin-bottom:18px;color:#a9c8bd}.breadcrumb a{color:#d8eee6;text-decoration:none} .inner .pagebody{min-height:480px}.inner .sectiontop h2{font-size:34px} .quicklinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.quicklinks a{border:1px solid #ffffff55;color:white;text-decoration:none;padding:9px 13px;font-size:10px;font-weight:700}.quicklinks a:hover{background:white;color:var(--green)} .popover{position:fixed;inset:0;background:#04281db8;z-index:200;display:none;place-items:center;padding:20px}.popover.open{display:grid}.popcard{width:min(560px,94vw);max-height:88vh;overflow:auto;background:#fff;border-radius:9px;box-shadow:0 25px 80px #001a1266;padding:28px;position:relative}.popclose{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px}.popcard>label{font:800 9px Manrope;letter-spacing:.16em;color:#51a728}.popcard h2{font-size:30px;margin:5px 0 18px}.popcard input,.popcard select,.popcard textarea{width:100%;padding:11px;border:1px solid #ccd6d1;margin:5px 0 12px}.popcard .calculate{width:100%;background:var(--green);color:white;border:0;padding:12px;font-weight:700}.popcard output{display:block;background:#eef5f1;padding:14px;margin-top:12px;font-weight:700} .eventsViewport{position:relative}.eventsScroll{max-height:430px;overflow-y:auto;scroll-behavior:smooth;padding-right:5px}.eventsScroll::-webkit-scrollbar{width:5px}.eventsScroll::-webkit-scrollbar-thumb{background:#8ab3a4;border-radius:10px}.eventControls{display:flex;gap:6px}.eventControls button{width:27px;height:27px;border:1px solid var(--line);background:white;color:var(--green);font-weight:800}.homeEvent{display:grid;grid-template-columns:58px 1fr 15px;gap:11px;align-items:center;border-bottom:1px solid var(--line);padding:12px 3px;cursor:pointer}.homeEvent .date{background:#edf4f0;text-align:center;padding:7px 2px;color:var(--green)}.homeEvent .date b,.homeEvent .date small{display:block}.homeEvent .date b{font-size:17px}.homeEvent .date small{font-size:8px;font-weight:800}.homeEvent h3{font:600 14px/1.15 "Source Serif 4";margin:0 0 3px}.homeEvent p{font-size:9px;color:#65716c;margin:0}.homeEvent em{font-style:normal;font-size:20px;color:var(--green)} .homeEvent.featured{background:linear-gradient(90deg,#064d38,#08704e);color:white;padding:15px;border:0;margin-bottom:6px}.homeEvent.featured .date{background:#ffffff15;color:white}.homeEvent.featured p,.homeEvent.featured em{color:#d8e8e2} .menuPage .pagebody{padding-top:45px} @media(max-width:900px){header nav{display:none}.subhero{padding:36px 20px}.subhero h1{font-size:37px}} .eventsScroll .eventlist{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:22px;border-bottom:1px solid var(--line);background:white}.eventsScroll .eventlist>b{font:800 18px Manrope;color:var(--green)}.eventsScroll .eventlist>b small{font-size:9px}.eventsScroll .eventlist h3{margin:3px 0;font-size:21px}.utility a{color:#13251f;text-decoration:none;font-size:10px} /* V4 — Content-page image bars */ .pageImageBar{ min-height:285px; position:relative; display:flex; align-items:flex-end; overflow:hidden; background-image: linear-gradient(90deg,rgba(0,48,35,.93) 0%,rgba(0,62,44,.76) 34%,rgba(0,48,35,.25) 67%,rgba(0,30,22,.12) 100%), var(--bar-image); background-size:cover; background-position:center; border-bottom:1px solid #dfe7e3; } .pageImageBar:after{ content:""; position:absolute;inset:auto 0 0 0;height:1px; background:linear-gradient(90deg,var(--lime),transparent 38%); } .pageImageOverlay{ position:relative;z-index:2; width:min(720px,62vw); padding:42px 4vw 38px; color:white; } .pageImageOverlay label{ display:block; font:800 9px/1.2 "Manrope",sans-serif; letter-spacing:.22em; color:var(--lime); margin-bottom:9px; } .pageImageOverlay h1{ font:600 clamp(36px,3.3vw,52px)/.98 "Source Serif 4",serif; letter-spacing:-.035em; margin:0 0 12px; text-shadow:0 2px 20px rgba(0,0,0,.16); } .pageImageOverlay p{ max-width:620px; margin:0; font:400 14px/1.55 "DM Sans",sans-serif; color:#e5f0ec; } .menuPage .pagebody{ padding-top:46px; background:white; } .menuPage .pagebody>div:first-child label, .menuPage .pagebody>section:first-child label{ font-family:"Manrope",sans-serif; } .menuPage h2{ letter-spacing:-.025em; } .menuPage p{ color:#56645f; } @media(max-width:760px){ .pageImageBar{min-height:235px;background-position:62% center} .pageImageOverlay{width:100%;padding:34px 20px 30px;background:linear-gradient(90deg,rgba(0,55,39,.9),rgba(0,55,39,.34))} .pageImageOverlay h1{font-size:38px} .pageImageOverlay p{font-size:13px;max-width:90%} } /* V5 premium editorial content, secondary navigation, live pulse */ .sectionNav{position:sticky;top:92px;z-index:24;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 7px 20px rgba(10,45,34,.04);display:flex;gap:4px;padding:0 4vw;overflow-x:auto} .sectionNav a{white-space:nowrap;text-decoration:none;color:#41514b;font:700 10px Manrope;letter-spacing:.035em;padding:14px 15px;border-bottom:2px solid transparent} .sectionNav a:hover,.sectionNav a.active{color:var(--green);border-bottom-color:var(--green);background:#f7faf8} .editorialLead{display:grid;grid-template-columns:1.35fr .65fr;gap:54px;align-items:start;margin-bottom:48px} .editorialLead h2{font-size:44px;line-height:1.03;margin:7px 0 15px}.editorialLead .lede{font:600 19px/1.5 "Source Serif 4";color:#31483f} .editorialLead p{font-size:14px;line-height:1.75}.factPanel{background:#f2f6f3;border-top:4px solid var(--green);padding:26px}.factPanel h3{margin-top:0}.factPanel .fact{padding:13px 0;border-bottom:1px solid #d9e3de}.factPanel .fact b,.factPanel .fact small{display:block}.factPanel .fact b{font-size:17px}.factPanel .fact small{color:#65736e} .storyBand{margin:48px -8vw;padding:48px 8vw;background:#f5f7f5}.storyBand h2{font-size:36px;margin:5px 0 22px}.storyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.storyCard{background:white;border:1px solid var(--line);padding:24px;min-height:190px}.storyCard span{font:800 9px Manrope;letter-spacing:.14em;color:#4fa92a}.storyCard h3{font-size:22px;line-height:1.1;margin:7px 0}.storyCard p{font-size:12px;line-height:1.65} .quoteBand{border-left:4px solid var(--lime);padding:15px 0 15px 25px;margin:35px 0}.quoteBand blockquote{font:600 26px/1.3 "Source Serif 4";margin:0;color:#173c30}.quoteBand small{display:block;margin-top:10px;color:#60706a} .archiveGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.archiveCard{border:1px solid var(--line);padding:20px;background:#fff}.archiveCard.current{border-top:4px solid var(--green)}.archiveCard h3{margin:4px 0}.archiveCard a{color:var(--green);font-weight:700;text-decoration:none} .pulse{margin:30px 3.2vw 58px;background:#062f24;color:white;border-radius:5px;overflow:hidden;box-shadow:0 16px 45px #173b2e20} .pulseHead{display:flex;justify-content:space-between;align-items:end;padding:27px 30px 18px}.pulseHead label{font:800 9px Manrope;letter-spacing:.18em;color:var(--lime)}.pulseHead h2{font-size:30px;margin:4px 0}.pulseHead p{font-size:11px;color:#bcd0c8;margin:0}.pulseHead button{background:#ffffff12;border:1px solid #ffffff38;color:white;padding:9px 12px} .pulseGrid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;color:var(--ink);margin:0 12px 12px}.metric{padding:20px;border-right:1px solid var(--line);min-height:150px}.metric:last-child{border:0}.metric label{font:800 9px Manrope;letter-spacing:.1em;color:#65736e}.metric strong{display:block;font:600 32px "Source Serif 4";color:var(--green);margin:5px 0}.metric p{font-size:10px;color:#68746f;min-height:30px}.metric a{font-size:9px;color:var(--green);font-weight:700;text-decoration:none}.metric .trend{height:24px;margin:9px 0;border-bottom:1px solid #dbe4df;position:relative}.metric .trend:after{content:"";position:absolute;left:0;bottom:4px;width:82%;height:2px;background:linear-gradient(90deg,#8dcc68,#006b4b);transform:skewY(-5deg)} .pulseFoot{display:flex;justify-content:space-between;padding:9px 25px 13px;font-size:9px;color:#9fb9af}.pulseTabs{display:flex;gap:5px}.pulseTabs button{width:7px;height:7px;padding:0;border-radius:50%;border:0;background:#6f9185}.pulseTabs button.active{background:var(--lime)} .indicator{margin:0 3.2vw 45px;display:grid;grid-template-columns:220px 1fr auto;gap:28px;align-items:center;border:1px solid var(--line);padding:22px 26px}.indicator label{font:800 9px Manrope;letter-spacing:.13em;color:#4aa525}.indicator h3{font-size:24px;margin:3px 0}.indicator p{font-size:11px;color:#60706a}.indicator button{background:var(--green);color:white;border:0;padding:11px 15px;font-weight:700} @media(max-width:800px){.sectionNav{top:82px}.editorialLead,.storyGrid,.archiveGrid{grid-template-columns:1fr}.storyBand{margin-left:-20px;margin-right:-20px;padding:35px 20px}.pulseGrid{grid-template-columns:1fr 1fr}.metric{border-bottom:1px solid var(--line)}.indicator{grid-template-columns:1fr}.pulseHead{align-items:start;flex-direction:column;gap:12px}} /* V6 — premium mobile-first adaptation */ .mobileActions,.mobileDrawer,.mobileScrim{display:none} @media(max-width:900px){ body{overflow-x:hidden} body.menuOpen{overflow:hidden} .utility{display:none} header{height:78px;padding:0 16px;display:flex;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:80} header .brand{min-width:0;gap:9px}.brand img{width:58px;height:auto}.brand div{min-width:0}.brand b{font-size:9.5px;line-height:1.18;letter-spacing:.01em}.brand small{font-size:6.5px;margin-top:3px;letter-spacing:.08em} header>nav,header>.join{display:none!important} .mobileActions{display:flex;align-items:center;gap:8px;margin-left:auto} .mobileJoin{font:800 9px Manrope;letter-spacing:.08em;text-decoration:none;color:var(--green);border:1px solid var(--green);padding:8px 9px} .mobileMenuBtn{width:39px;height:39px;border:0;background:var(--green);display:grid;align-content:center;gap:4px;padding:0 10px} .mobileMenuBtn span{height:1.5px;background:white;width:100%} .mobileScrim{display:block;position:fixed;inset:0;background:#001d15a8;z-index:98;opacity:0;visibility:hidden;transition:.25s}.mobileScrim.open{opacity:1;visibility:visible} .mobileDrawer{display:flex;position:fixed;z-index:99;top:0;right:0;width:min(88vw,390px);height:100dvh;background:#fff;transform:translateX(105%);transition:transform .28s ease;flex-direction:column;box-shadow:-20px 0 50px #001d1530}.mobileDrawer.open{transform:none} .drawerTop{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid var(--line)}.drawerBrand{display:flex;gap:10px;align-items:center}.drawerBrand img{width:50px}.drawerBrand b{display:block;font:800 18px Manrope;color:var(--green)}.drawerBrand small{display:block;font:700 7px/1.25 Manrope;letter-spacing:.05em}.drawerTop button{border:0;background:none;font-size:31px;color:var(--green)} .mobileDrawer nav{display:flex!important;flex-direction:column;padding:14px 20px}.mobileDrawer nav a{display:flex;justify-content:space-between;color:#172a23;text-decoration:none;font:600 21px/1.15 "Source Serif 4";padding:15px 2px;border-bottom:1px solid #e5ebe8}.mobileDrawer nav a:after{display:none}.mobileDrawer nav span{font-family:Manrope;color:var(--green)} .drawerFoot{margin-top:auto;background:#063e2e;color:white;padding:22px}.drawerFoot a{display:inline-block;background:var(--lime);color:#15351e;text-decoration:none;font:800 10px Manrope;padding:11px 14px}.drawerFoot small{display:block;margin-top:14px;font-size:7px;letter-spacing:.12em;color:#bad0c7} .sectionNav{top:78px;padding:0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sectionNav::-webkit-scrollbar{display:none}.sectionNav a{padding:12px 11px;font-size:9px} .pageImageBar{min-height:245px}.pageImageOverlay{padding:31px 20px 27px}.pageImageOverlay h1{font-size:37px;max-width:95%}.pageImageOverlay p{font-size:12px;line-height:1.5} .menuPage .pagebody{padding:34px 20px}.editorialLead{gap:26px;margin-bottom:30px}.editorialLead h2{font-size:34px}.editorialLead .lede{font-size:17px}.editorialLead p{font-size:13px} .storyBand{padding-top:32px;padding-bottom:32px}.storyBand h2{font-size:31px}.storyCard{min-height:auto}.quoteBand blockquote{font-size:22px} .leaders{grid-template-columns:1fr}.archiveGrid{gap:10px} .publicationHero{padding:20px;gap:24px}.publicationHero img{max-width:260px;margin:auto}.insightcards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}.insightcards article{min-width:82vw;scroll-snap-align:start}.insightcards img{height:220px} .toolcards{grid-template-columns:1fr 1fr}.toolcards button{padding:18px 14px;min-height:120px}.toolcards b{font-size:14px} .pulse{margin:20px 12px 38px}.pulseHead{padding:21px 18px 14px}.pulseHead h2{font-size:26px}.pulseGrid{grid-template-columns:1fr 1fr;margin:0 8px 8px}.metric{padding:15px;min-height:142px}.metric strong{font-size:27px}.pulseFoot{padding:8px 14px 11px} .indicator{margin:0 12px 38px;padding:18px;gap:12px}.indicator h3{font-size:22px} .homegrid{grid-template-columns:1fr!important}.articles,.tools,.events{min-width:0} .articlegrid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px}.articlegrid article{min-width:82vw;scroll-snap-align:start} .eventsScroll{max-height:360px}.homeEvent{grid-template-columns:54px 1fr 12px} .modal .stage{padding:5px}.modal .stage img{max-width:calc(100vw - 65px);max-height:72vh}.modalhead{padding:10px 12px}.modalhead b{font-size:9px} .popcard{padding:24px 18px}.popcard h2{font-size:27px} footer{grid-template-columns:1fr!important;gap:20px;padding:30px 20px!important}footer img{width:70px} } @media(max-width:480px){ header{height:72px}.brand img{width:50px}.brand b{font-size:8.5px}.brand small{display:none}.mobileJoin{display:none}.sectionNav{top:72px} .pageImageBar{min-height:220px;background-position:65% center}.pageImageOverlay h1{font-size:33px}.pageImageOverlay p{max-width:100%} .pulseGrid{grid-template-columns:1fr}.metric{min-height:auto;border-right:0}.metric p{min-height:auto}.metric .trend{display:none} .toolcards{grid-template-columns:1fr 1fr;gap:8px}.toolcards button{padding:14px 11px} .formgrid{gap:10px}.formactions{display:grid}.formactions button{width:100%} .eventlist{grid-template-columns:78px 1fr!important;padding:17px 8px!important;gap:10px!important}.eventsScroll .eventlist h3{font-size:18px} .cmscards{grid-template-columns:1fr} } /* V7 — PAMA Intelligence Feed */ .intel{margin:0 3.2vw 58px;padding:34px;background:#f4f7f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .intelHead{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:22px}.intelHead>div:first-child{max-width:720px}.intelHead label{font:800 9px Manrope;letter-spacing:.18em;color:#4da52a}.intelHead h2{font-size:34px;margin:5px 0 7px}.intelHead p{font-size:11px;color:#63716c;margin:0}.intelTabs{display:flex;gap:4px;flex-wrap:wrap}.intelTabs button{border:1px solid #cbd8d2;background:white;padding:8px 10px;font:700 9px Manrope;color:#53625d}.intelTabs button.active{background:var(--green);color:white;border-color:var(--green)} .intelGrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:12px}.intelGrid article{background:white;border:1px solid var(--line);padding:22px;min-height:245px;display:flex;flex-direction:column}.intelGrid article span{font:800 8px Manrope;letter-spacing:.12em;color:#4fa729}.intelGrid article h3{font-size:21px;line-height:1.08;margin:9px 0}.intelGrid article p{font-size:11px;line-height:1.6;color:#62706b}.intelGrid article small{font-size:8px;color:#7a8882;margin-top:auto;padding-top:14px}.intelGrid article a{font:800 9px Manrope;color:var(--green);text-decoration:none;margin-top:9px}.intelFeature{background:linear-gradient(145deg,#073f30,#086749)!important;color:white}.intelFeature span{color:var(--lime)!important}.intelFeature h3{font-size:27px!important}.intelFeature p,.intelFeature small{color:#d1e2dc!important}.intelFeature a{color:#b8ee70!important} .intelFoot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:9px;color:#68756f}.intelFoot button{border:0;background:none;color:var(--green);font-weight:800} @media(max-width:900px){.intel{margin:0 12px 38px;padding:22px 16px}.intelHead{align-items:start;flex-direction:column}.intelHead h2{font-size:29px}.intelGrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.intelGrid article{min-width:80vw;scroll-snap-align:start}.intelFeature h3{font-size:24px!important}.intelFoot{gap:15px}} @media(max-width:480px){.intelGrid article{min-width:86vw}.intelTabs{overflow-x:auto;flex-wrap:nowrap;width:100%}.intelTabs button{white-space:nowrap}.intelFoot span{max-width:65%}} /* V8 — expanded management accounting toolkit */ .calcSuite{padding:55px 3.2vw;background:#f5f8f6}.suiteHead{max-width:760px}.suiteHead label,.toolKicker{font:800 9px Manrope;letter-spacing:.16em;color:#54a82d}.suiteHead h2{font-size:39px;margin:5px 0 8px}.suiteHead p{font-size:12px;color:#66756f;line-height:1.6}.suiteFilters{display:flex;gap:5px;flex-wrap:wrap;margin:22px 0 15px}.suiteFilters button{border:1px solid #cdd9d4;background:#fff;padding:8px 11px;font:700 9px Manrope}.suiteFilters button.active{background:var(--green);color:#fff;border-color:var(--green)}.suiteGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.calcTile{text-align:left;background:#fff;border:1px solid var(--line);padding:20px;min-height:150px;display:flex;flex-direction:column;cursor:pointer;transition:.2s}.calcTile:hover{transform:translateY(-2px);border-color:#7bab94;box-shadow:0 9px 25px #0b4b3620}.calcTile span{font:800 7px Manrope;letter-spacing:.12em;color:#58a934}.calcTile b{font:600 21px "Source Serif 4";color:var(--green);margin:7px 0}.calcTile small{font:400 9px/1.45 Manrope;color:#68756f;margin-top:auto}.toolModal{position:fixed;inset:0;background:#002e22b8;z-index:120;display:none;align-items:center;justify-content:center;padding:18px}.toolModal.open{display:flex}.toolSheet{position:relative;background:#fff;width:min(620px,100%);max-height:90vh;overflow:auto;padding:34px;box-shadow:0 25px 80px #001c16aa}.toolClose{position:absolute;right:14px;top:10px;border:0;background:none;font-size:31px;color:var(--green)}.toolSheet h2{font-size:32px;margin:5px 0 20px}.toolForm{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toolForm label{font:700 9px Manrope;color:#4d5e57}.toolForm input{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:12px;border:1px solid #cbd8d2;font-size:16px}.toolRun{margin-top:16px;background:var(--green);color:white;border:0;padding:12px 18px;font:800 10px Manrope}.toolResult{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:18px}.toolResult div{background:#f0f5f2;padding:13px}.toolResult small{display:block;font-size:8px;color:#68756f}.toolResult strong{display:block;font:700 21px "Source Serif 4";color:var(--green);margin-top:4px}.toolNote{font-size:8px;color:#7a8782;margin-top:15px} @media(max-width:900px){.calcSuite{padding:38px 16px}.suiteHead h2{font-size:32px}.suiteGrid{grid-template-columns:1fr 1fr}.calcTile{min-height:135px}.toolSheet{padding:28px 18px}.toolForm{grid-template-columns:1fr 1fr}} @media(max-width:480px){.suiteFilters{overflow-x:auto;flex-wrap:nowrap}.suiteFilters button{white-space:nowrap}.suiteGrid{grid-template-columns:1fr 1fr;gap:7px}.calcTile{padding:14px;min-height:125px}.calcTile b{font-size:17px}.toolModal{padding:0;align-items:end}.toolSheet{width:100%;max-height:92vh;padding:27px 16px 20px}.toolForm{grid-template-columns:1fr}.toolResult{grid-template-columns:1fr 1fr}} /* V9 refinements */ .utility a{color:inherit;text-decoration:none}.utility .socialLink{font-weight:800;font-size:13px} .heroClickable{position:relative}.heroHotspot{position:absolute;z-index:5;display:block;border-radius:3px} .heroJoinHotspot{left:5.2%;top:72.5%;width:9.7%;height:10.5%} .heroDiscoverHotspot{left:15.6%;top:72.5%;width:12.2%;height:10.5%} .heroHotspot:focus-visible{outline:3px solid #a9ed69;outline-offset:2px} .pamaFooter{display:grid;grid-template-columns:auto 1fr auto;gap:18px;min-height:0;padding:18px 4vw!important;background:#08241b;color:white;align-items:center} .pamaFooter img{width:82px!important;background:white;padding:4px} .footerIdentity{text-align:center;justify-self:center;max-width:720px}.footerIdentity b{font:800 11px Manrope;letter-spacing:.04em}.footerIdentity p{margin:4px 0 0!important;color:#a8bbb4;font-size:9px!important} .footerLinks{display:flex;gap:12px;align-items:center;justify-content:flex-end}.footerLinks a{display:inline-block!important;padding:2px 0!important;font:700 8px Manrope;white-space:nowrap} .exactPurpose .storyCard{min-height:100%}.exactPurpose .storyCard>p{font-size:12px;line-height:1.65}.valueList{margin-top:10px}.valueList>div{border-top:1px solid #dfe5e2;padding:8px 0}.valueList b{font:800 9px Manrope;color:#07583f}.valueList p{font-size:10px;line-height:1.45;margin:2px 0 0} @media(max-width:900px){ .pamaFooter{grid-template-columns:1fr!important;text-align:center;padding:18px 20px!important;gap:9px!important}.pamaFooter img{margin:auto}.footerLinks{justify-content:center}.footerIdentity{justify-self:stretch} .heroJoinHotspot{left:5%;top:71%;width:11%;height:13%}.heroDiscoverHotspot{left:16%;top:71%;width:14%;height:13%} } @media(max-width:480px){ .pamaFooter{padding:15px 16px!important}.pamaFooter img{width:62px!important}.footerIdentity b{font-size:9px}.footerIdentity p{font-size:8px!important}.footerLinks{gap:10px} } /* ========================================================= V10 PREMIUM CONTENT PAGE VISUAL SYSTEM Homepage visual DNA extended across all internal pages. ========================================================= */ .premiumContentV10{ --v10-green:#07583f;--v10-deep:#062f24;--v10-ink:#152e26;--v10-lime:#9bcb3b; --v10-paper:#f5f7f4;--v10-line:#dbe4df;--v10-muted:#687770; background:linear-gradient(180deg,#fff 0,#f7f9f7 42%,#fff 100%); } .premiumContentV10 .imageBar, .premiumContentV10 .subHero{ position:relative;overflow:hidden;min-height:265px; border-bottom:1px solid #d9e2dd; } .premiumContentV10 .imageBar:after, .premiumContentV10 .subHero:after{ content:"";position:absolute;inset:0;pointer-events:none; background:linear-gradient(90deg,rgba(4,43,32,.54),rgba(4,43,32,.04) 62%); } .premiumContentV10 .imageBar img{filter:saturate(.84) contrast(1.03)} .premiumContentV10 .sectionNav{ position:sticky;top:0;z-index:25;background:rgba(255,255,255,.94); backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,88,63,.13); box-shadow:0 7px 22px rgba(3,48,35,.05); } .premiumContentV10 main, .premiumContentV10 .pageBody{max-width:1240px;margin:auto} .premiumContentV10 main section, .premiumContentV10 .storyBand, .premiumContentV10 .editorialSection, .premiumContentV10 .contentSection{position:relative} .premiumContentV10 .sectionIndexV10{ display:inline-flex;align-items:center;gap:7px;margin-bottom:5px; font:800 8px Manrope,sans-serif;letter-spacing:.18em;color:#7cae48 } .premiumContentV10 .sectionIndexV10:after{content:"";width:35px;height:1px;background:#a7c78a} .premiumContentV10 h1,.premiumContentV10 h2,.premiumContentV10 h3{letter-spacing:-.018em} .premiumContentV10 h2{color:var(--v10-deep)} .premiumContentV10 .premiumCardV10{ position:relative;overflow:hidden;border:1px solid rgba(7,88,63,.12)!important; border-radius:3px!important;background:rgba(255,255,255,.98)!important; box-shadow:0 7px 24px rgba(5,58,42,.065)!important; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important; } .premiumContentV10 .premiumCardV10:hover{ transform:translateY(-4px);border-color:rgba(7,88,63,.30)!important; box-shadow:0 17px 42px rgba(5,58,42,.12)!important; } .premiumContentV10 .cardAccentV10{ display:block;position:absolute;left:0;top:0;width:100%;height:3px; background:linear-gradient(90deg,var(--v10-green) 0 72%,var(--v10-lime) 72% 100%); opacity:.92; } .premiumContentV10 .premiumCardV10 h3, .premiumContentV10 .premiumCardV10 b{color:var(--v10-deep)} .premiumContentV10 .premiumCardV10 p, .premiumContentV10 .premiumCardV10 small{color:var(--v10-muted)} .premiumContentV10 .premiumCardV10 a:not(.btn){ color:var(--v10-green);font-weight:800;text-decoration:none } .premiumContentV10 .premiumCardV10 a:not(.btn):after{content:" →";color:#82b33e} .premiumContentV10 .storyGrid, .premiumContentV10 .contentGrid, .premiumContentV10 .eventGrid, .premiumContentV10 .resourceGrid, .premiumContentV10 .leadGrid, .premiumContentV10 .boardGrid{ gap:14px!important; } .premiumContentV10 .storyCard{padding:28px!important} .premiumContentV10 .storyCard span, .premiumContentV10 .premiumCardV10>span:first-of-type{ font:800 7.5px Manrope,sans-serif;letter-spacing:.15em;color:#7aab46 } .premiumContentV10 .storyCard h3{font-size:24px;line-height:1.08;margin:7px 0 12px} .premiumContentV10 .valueList>div{ padding:11px 0;border-top:1px solid #e1e8e4; display:grid;grid-template-columns:minmax(115px,.75fr) 1.7fr;gap:12px } .premiumContentV10 .valueList>div:first-child{border-top:0} .premiumContentV10 .valueList p{margin:0!important} .premiumContentV10 .calcSuite{ max-width:none!important;margin-top:20px;padding:55px max(3.2vw,calc((100vw - 1240px)/2))!important; background:linear-gradient(135deg,#eef4ef 0%,#f9fbf9 55%,#eef5e9 100%); border-top:1px solid #dce7df;border-bottom:1px solid #dce7df } .premiumContentV10 .calcTile{ border-radius:3px!important;min-height:165px!important;padding:22px!important; background:linear-gradient(155deg,#fff 0%,#fbfdfb 100%)!important } .premiumContentV10 .calcTile:before{ content:"";position:absolute;right:-18px;bottom:-25px;width:75px;height:75px; border:1px solid rgba(7,88,63,.09);border-radius:50% } .premiumContentV10 .suiteFilters button{border-radius:999px!important;padding:9px 14px!important} .premiumContentV10 .suiteFilters button.active{box-shadow:0 6px 16px rgba(7,88,63,.16)} .premiumContentV10 .quoteBand{ position:relative;overflow:hidden;background:linear-gradient(120deg,#063f30,#082d24)!important; border-radius:3px;margin-top:18px;box-shadow:0 16px 38px rgba(3,46,34,.16) } .premiumContentV10 .quoteBand:after{ content:"PAMA";position:absolute;right:-8px;bottom:-35px; font:800 110px Manrope,sans-serif;color:rgba(255,255,255,.035);letter-spacing:-.08em } .premiumContentV10 .btn,.premiumContentV10 button{ transition:transform .2s ease,box-shadow .2s ease } .premiumContentV10 .btn:hover,.premiumContentV10 button:hover{transform:translateY(-1px)} .premiumContentV10 .v10Reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease} .premiumContentV10 .v10Reveal.v10In{opacity:1;transform:none} /* Page-specific premium cues */ .premiumContentV10 .eventCard{border-left:3px solid var(--v10-green)!important} .premiumContentV10 .issueCard,.premiumContentV10 .articleCard{ background:linear-gradient(145deg,#fff,#f6faf7)!important } .premiumContentV10 .leadCard,.premiumContentV10 .boardCard{ background:linear-gradient(180deg,#fff,#f4f8f5)!important } .premiumContentV10 .resourceCard,.premiumContentV10 .toolCard{ background:linear-gradient(145deg,#fff,#f2f7f3)!important } /* Better mobile hierarchy */ @media(max-width:900px){ .premiumContentV10 .imageBar,.premiumContentV10 .subHero{min-height:205px} .premiumContentV10 .storyCard{padding:22px!important} .premiumContentV10 .valueList>div{grid-template-columns:1fr;gap:3px} .premiumContentV10 .calcSuite{padding:38px 16px!important} } @media(max-width:560px){ .premiumContentV10{background:#fff} .premiumContentV10 .premiumCardV10{box-shadow:0 5px 18px rgba(5,58,42,.06)!important} .premiumContentV10 .premiumCardV10:hover{transform:none} .premiumContentV10 .storyGrid,.premiumContentV10 .contentGrid, .premiumContentV10 .eventGrid,.premiumContentV10 .resourceGrid, .premiumContentV10 .leadGrid,.premiumContentV10 .boardGrid{gap:9px!important} .premiumContentV10 .storyCard{padding:18px!important} .premiumContentV10 .storyCard h3{font-size:21px} } @media(prefers-reduced-motion:reduce){ .premiumContentV10 .v10Reveal{opacity:1;transform:none;transition:none} .premiumContentV10 .premiumCardV10{transition:none!important} } /* ========================================================= V11 SHOWCASE PAGES — LEADERSHIP + INSIGHTS ========================================================= */ /* --- INSIGHTS: premium editorial / publication experience --- */ body.premiumContentV10 .insightsHero, body.premiumContentV10 .issueHero, body.premiumContentV10 .editorialHero{ position:relative;overflow:hidden; } body.premiumContentV10 .issueCard{ position:relative;min-height:250px; background: radial-gradient(circle at 92% 8%,rgba(155,203,59,.16),transparent 28%), linear-gradient(145deg,#ffffff 0%,#f3f8f4 100%)!important; } body.premiumContentV10 .issueCard:after{ content:"INSIGHTS";position:absolute;right:-8px;bottom:-18px; font:800 50px Manrope,sans-serif;letter-spacing:-.07em; color:rgba(7,88,63,.035);pointer-events:none } body.premiumContentV10 .articleCard{ display:flex;flex-direction:column;min-height:230px;padding:25px!important; } body.premiumContentV10 .articleCard h3{ font-family:"Source Serif 4",Georgia,serif;font-size:24px;line-height:1.08; margin:9px 0 12px;color:#073f30 } body.premiumContentV10 .articleCard p{line-height:1.65} body.premiumContentV10 .articleCard a{margin-top:auto;padding-top:12px} body.premiumContentV10 .articleCard:nth-child(3n+1){ background:linear-gradient(145deg,#073e30,#0a2f26)!important;color:#fff } body.premiumContentV10 .articleCard:nth-child(3n+1) h3, body.premiumContentV10 .articleCard:nth-child(3n+1) b{color:#fff} body.premiumContentV10 .articleCard:nth-child(3n+1) p, body.premiumContentV10 .articleCard:nth-child(3n+1) small{color:#c5d6cf} body.premiumContentV10 .articleCard:nth-child(3n+1) a{color:#b9e86c} body.premiumContentV10 .articleCard:nth-child(3n+1) .cardAccentV10{ background:linear-gradient(90deg,#9bcb3b 0 25%,rgba(255,255,255,.35) 25% 100%) } body.premiumContentV10 .archiveCard{ min-height:150px;padding:22px!important; background:linear-gradient(180deg,#fff,#f8faf8)!important } body.premiumContentV10 .archiveCard:before{ content:"PAMA";display:block;font:800 7px Manrope;letter-spacing:.18em; color:#88ae5e;margin-bottom:10px } /* Publication-style section rules */ body.premiumContentV10 .insightsGrid, body.premiumContentV10 .articleGrid{gap:13px!important} body.premiumContentV10 .insightsGrid:before, body.premiumContentV10 .articleGrid:before{ content:"";grid-column:1/-1;height:1px; background:linear-gradient(90deg,#07583f,#9bcb3b 22%,#dce6e1 22%) } /* --- LEADERSHIP: executive institutional presentation --- */ body.premiumContentV10 .leadCard, body.premiumContentV10 .boardCard{ min-height:205px;padding:24px!important; display:flex;flex-direction:column;justify-content:flex-end; background: radial-gradient(circle at 88% 12%,rgba(155,203,59,.11),transparent 24%), linear-gradient(160deg,#fff 0%,#f3f7f4 100%)!important; } body.premiumContentV10 .leadCard h3, body.premiumContentV10 .boardCard h3{ font-family:"Source Serif 4",Georgia,serif;font-size:22px;line-height:1.08; color:#073e30;margin:8px 0 5px } body.premiumContentV10 .leadCard:after, body.premiumContentV10 .boardCard:after{ content:"";position:absolute;right:17px;top:20px;width:34px;height:34px; border:1px solid rgba(7,88,63,.13);border-radius:50%; box-shadow:inset 0 0 0 7px rgba(7,88,63,.025) } body.premiumContentV10 .leadCard:nth-child(1), body.premiumContentV10 .boardCard:nth-child(1){ grid-column:span 2;min-height:245px; background:linear-gradient(135deg,#063e30,#092d25)!important; } body.premiumContentV10 .leadCard:nth-child(1) h3, body.premiumContentV10 .boardCard:nth-child(1) h3{font-size:30px;color:#fff} body.premiumContentV10 .leadCard:nth-child(1) p, body.premiumContentV10 .leadCard:nth-child(1) small, body.premiumContentV10 .boardCard:nth-child(1) p, body.premiumContentV10 .boardCard:nth-child(1) small{color:#c2d3cc} body.premiumContentV10 .leadCard:nth-child(1) .cardAccentV10, body.premiumContentV10 .boardCard:nth-child(1) .cardAccentV10{ background:linear-gradient(90deg,#9bcb3b 0 34%,rgba(255,255,255,.25) 34% 100%) } body.premiumContentV10 .leadGrid, body.premiumContentV10 .boardGrid{gap:12px!important} /* Leadership archive / legacy styling */ body.premiumContentV10 .legacyCard, body.premiumContentV10 .committeeCard{ border-top:2px solid #0b5d44;background:#fff; box-shadow:0 7px 22px rgba(5,58,42,.06) } /* Shared showcase intro flourish */ body.premiumContentV10 .showcaseIntroV11{ max-width:1240px;margin:0 auto;padding:22px 4vw 0; display:flex;align-items:center;justify-content:space-between;gap:20px } body.premiumContentV10 .showcaseIntroV11 span{ font:800 8px Manrope;letter-spacing:.18em;color:#80aa51 } body.premiumContentV10 .showcaseIntroV11 i{ flex:1;height:1px;background:linear-gradient(90deg,#9bcb3b,#e0e8e3) } /* Mobile */ @media(max-width:900px){ body.premiumContentV10 .leadCard:nth-child(1), body.premiumContentV10 .boardCard:nth-child(1){grid-column:span 1;min-height:215px} body.premiumContentV10 .leadCard:nth-child(1) h3, body.premiumContentV10 .boardCard:nth-child(1) h3{font-size:26px} body.premiumContentV10 .articleCard{min-height:200px} } @media(max-width:560px){ body.premiumContentV10 .showcaseIntroV11{padding:15px 16px 0} body.premiumContentV10 .articleCard{padding:19px!important;min-height:auto} body.premiumContentV10 .articleCard h3{font-size:21px} body.premiumContentV10 .leadCard, body.premiumContentV10 .boardCard{min-height:170px;padding:19px!important} body.premiumContentV10 .leadCard:nth-child(1), body.premiumContentV10 .boardCard:nth-child(1){min-height:190px} } /* ========================================================= V12 MEMBERSHIP — PREMIUM EDITORIAL MEMBERSHIP JOURNEY ========================================================= */ .membershipPremiumV12{max-width:none!important;margin:0!important;background:#fff;color:#17352b} .memberIntroV12{max-width:1240px;margin:auto;padding:62px 4vw 55px;display:grid;grid-template-columns:1.75fr .85fr;gap:48px;align-items:stretch} .eyebrowV12,.sectionTitleV12 small,.applicationHeadV12 small,.officeStripV12 small{font:800 8px Manrope;letter-spacing:.18em;color:#7da84d} .memberIntroCopy h1{font:500 clamp(42px,5.3vw,72px)/.96 "Source Serif 4",Georgia,serif;letter-spacing:-.045em;margin:10px 0 22px;color:#073e30} .memberIntroCopy h1 em{font-style:italic;color:#7cae43}.memberIntroCopy>p{max-width:780px;font:400 12px/1.75 Manrope;color:#61726b} .memberIntroActions{display:flex;gap:9px;margin-top:25px}.memberIntroActions a{padding:12px 17px;text-decoration:none;font:800 8px Manrope;letter-spacing:.08em} .primaryV12{background:#07583f;color:#fff}.secondaryV12{border:1px solid #b9c9c1;color:#07583f;background:#fff} .memberCallV12{position:relative;overflow:hidden;background:linear-gradient(145deg,#064531,#082d24);padding:34px;color:#fff;box-shadow:0 20px 50px rgba(4,55,40,.18)} .memberCallV12:after{content:"P";position:absolute;right:-10px;bottom:-54px;font:800 180px Manrope;color:rgba(255,255,255,.035)} .memberCallV12 small{font:800 8px Manrope;letter-spacing:.18em;color:#b4db69}.memberCallV12 strong{display:block;font:800 32px Manrope;margin-top:22px} .memberCallV12>span{display:block;font:500 24px/1.08 "Source Serif 4";color:#b7df6a}.memberCallV12 i{display:block;width:45px;height:2px;background:#9bcb3b;margin:25px 0} .memberCallV12 b{font:800 9px Manrope}.memberCallV12 p{font-size:10px;line-height:1.55;color:#c4d4ce} .memberBandV12{padding:58px max(4vw,calc((100vw - 1240px)/2));border-top:1px solid #e0e7e3}.softV12{background:linear-gradient(135deg,#f2f6f3,#fafcf9)} .sectionTitleV12{display:flex;gap:18px;align-items:flex-start;margin-bottom:27px}.sectionTitleV12>span{font:700 28px "Source Serif 4";color:#a5bf95;line-height:1} .sectionTitleV12 h2{font:500 clamp(29px,3vw,42px)/1.05 "Source Serif 4";letter-spacing:-.03em;color:#073e30;margin:5px 0} .benefitGridV12{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.benefitGridV12 article,.categoryGridV12 article,.objectiveGridV12 article{position:relative;overflow:hidden;background:#fff;border:1px solid #dce5e0;padding:25px;min-height:190px;box-shadow:0 8px 25px rgba(5,58,42,.055);transition:.25s} .benefitGridV12 article:before,.categoryGridV12 article:before,.objectiveGridV12 article:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#07583f 0 78%,#9bcb3b 78%)} .benefitGridV12 article:hover,.categoryGridV12 article:hover,.objectiveGridV12 article:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(5,58,42,.11)} .benefitGridV12 b{font:800 8px Manrope;letter-spacing:.16em;color:#7ca646}.benefitGridV12 h3,.categoryGridV12 h3{font:600 23px "Source Serif 4";color:#073e30;margin:9px 0}.benefitGridV12 p,.categoryGridV12 p,.objectiveGridV12 p{font:400 10px/1.65 Manrope;color:#66766f} .wideBenefitV12{grid-column:1/-1!important;min-height:115px!important;background:linear-gradient(110deg,#073f30,#0a2e25)!important;color:#fff!important}.wideBenefitV12:before{background:#9bcb3b!important}.wideBenefitV12 h3{color:#fff!important}.wideBenefitV12 p{color:#c9d8d2!important} .categoryGridV12{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.categoryGridV12 article{min-height:215px}.categoryGridV12 article>span{display:block;font:500 42px "Source Serif 4";color:#cbd9d1;margin-bottom:35px} .categoryGridV12 article:nth-child(2){background:linear-gradient(145deg,#073f30,#0a2e25);border-color:#073f30}.categoryGridV12 article:nth-child(2)>span{color:#688d80}.categoryGridV12 article:nth-child(2) h3{color:#fff}.categoryGridV12 article:nth-child(2) p{color:#c5d6cf} .objectiveGridV12{display:grid;grid-template-columns:1fr 1fr;gap:10px}.objectiveGridV12 article{min-height:155px}.objectiveGridV12 span{font:800 9px Manrope;letter-spacing:.12em;color:#07583f}.objectiveGridV12 p{font-size:11px;margin-top:12px} .journeyV12{background:linear-gradient(135deg,#063f30,#092d25);color:#fff}.lightTitleV12 h2{color:#fff}.lightTitleV12>span{color:#73978a}.lightTitleV12 small{color:#b4db69} .joinStepsV12{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)} .joinStepsV12 article{display:flex;gap:16px;background:#07382c;padding:25px;min-height:125px}.joinStepsV12 article:hover{background:#094433}.joinStepsV12 b{font:500 31px "Source Serif 4";color:#8fbd57}.joinStepsV12 h3{font:600 19px "Source Serif 4";margin:3px 0 7px;color:#fff}.joinStepsV12 p{font:400 9px/1.55 Manrope;color:#bfd0ca} .applicationV12{background:#f4f7f5}.applicationHeadV12{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:25px}.applicationHeadV12 h2{font:500 40px/1.03 "Source Serif 4";color:#073e30;margin:6px 0 10px}.applicationHeadV12 p{max-width:690px;font:400 10px/1.6 Manrope;color:#687770}.applicationHeadV12>span{text-align:right;font:800 31px/.9 Manrope;color:#d9e4dd;letter-spacing:-.04em} .applicationFormV12{background:#fff;border:1px solid #dce5e0;padding:30px;box-shadow:0 12px 35px rgba(5,58,42,.06)}.formSectionV12{padding:20px 0;border-top:1px solid #e3e9e6}.formSectionV12:first-child{border-top:0;padding-top:0}.formSectionV12>b{display:block;font:800 8px Manrope;letter-spacing:.13em;color:#07583f;margin-bottom:13px}.formGridV12{display:grid;grid-template-columns:1fr 1fr;gap:12px}.applicationFormV12 label{font:700 8px Manrope;color:#586a62}.applicationFormV12 input,.applicationFormV12 select,.applicationFormV12 textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;border:1px solid #cad7d1;background:#fbfcfb;padding:12px;font:400 12px Manrope}.submitV12{border:0;background:#07583f;color:#fff;padding:13px 18px;font:800 9px Manrope;letter-spacing:.08em}.submitV12 span{margin-left:20px;color:#b6dd6a}.formNoteV12{font:400 8px/1.5 Manrope;color:#829089;margin-top:12px} .officeStripV12{text-align:center;padding:28px 4vw;background:#fff;border-top:1px solid #dce5e0}.officeStripV12 b{display:block;font:600 18px "Source Serif 4";color:#073e30;margin:5px}.officeStripV12 p{font:400 9px/1.4 Manrope;color:#6c7b74;margin:3px} @media(max-width:900px){.memberIntroV12{grid-template-columns:1fr;padding:42px 18px;gap:20px}.memberBandV12{padding:42px 18px}.benefitGridV12,.categoryGridV12{grid-template-columns:1fr 1fr}.objectiveGridV12{grid-template-columns:1fr}.joinStepsV12{grid-template-columns:1fr 1fr}} @media(max-width:560px){.memberIntroCopy h1{font-size:43px}.memberIntroActions{flex-direction:column;align-items:stretch;text-align:center}.benefitGridV12,.categoryGridV12,.joinStepsV12{grid-template-columns:1fr}.wideBenefitV12{grid-column:auto!important}.categoryGridV12 article{min-height:160px}.categoryGridV12 article>span{margin-bottom:15px}.sectionTitleV12{gap:12px}.applicationHeadV12{grid-template-columns:1fr}.applicationHeadV12>span{display:none}.applicationHeadV12 h2{font-size:31px}.formGridV12{grid-template-columns:1fr}.applicationFormV12{padding:18px}} .memberSubnavV12{position:sticky;top:0;z-index:35;display:flex;justify-content:center;gap:3px;padding:7px 4vw;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #dce5e0;overflow-x:auto} .memberSubnavV12 a{white-space:nowrap;text-decoration:none;color:#50665d;padding:8px 10px;font:800 7.5px Manrope;letter-spacing:.05em}.memberSubnavV12 a:hover{background:#eef4ef;color:#07583f} @media(max-width:560px){.memberSubnavV12{justify-content:flex-start;padding:6px 12px}} /* V13 Homepage Practical Tools — fills open white space with useful content */ .homeToolsV13{padding:46px max(4vw,calc((100vw - 1240px)/2));background:linear-gradient(135deg,#f4f7f4 0%,#fbfcfb 62%,#eff5ec 100%);border-top:1px solid #dce5e0;border-bottom:1px solid #dce5e0} .homeToolsHeadV13{display:grid;grid-template-columns:1fr auto;align-items:end;gap:25px;margin-bottom:22px} .homeToolsHeadV13 span{font:800 8px Manrope;letter-spacing:.17em;color:#77a446}.homeToolsHeadV13 h2{font:500 clamp(30px,3.2vw,44px)/1 "Source Serif 4",Georgia;color:#073e30;letter-spacing:-.035em;margin:6px 0}.homeToolsHeadV13 p{font:400 10px/1.6 Manrope;color:#687770;margin:0} .homeToolsHeadV13>a{padding:11px 14px;border:1px solid #b9c9c1;color:#07583f;text-decoration:none;font:800 8px Manrope;letter-spacing:.06em;background:#fff}.homeToolsHeadV13>a b{color:#8ab94e;margin-left:10px} .homeToolsGridV13{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.homeToolsGridV13>a{position:relative;overflow:hidden;min-height:132px;padding:19px 54px 18px 19px;background:#fff;border:1px solid #dce5e0;text-decoration:none;box-shadow:0 7px 20px rgba(5,58,42,.045);transition:.22s} .homeToolsGridV13>a:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#07583f 0 82%,#9bcb3b 82%)}.homeToolsGridV13>a:hover{transform:translateY(-3px);border-color:#aac2b6;box-shadow:0 15px 34px rgba(5,58,42,.10)} .homeToolsGridV13 small{display:block;font:800 7px Manrope;letter-spacing:.14em;color:#7ca447}.homeToolsGridV13 strong{display:block;font:600 21px/1.05 "Source Serif 4",Georgia;color:#073e30;margin:8px 0}.homeToolsGridV13 span{display:block;font:400 9px/1.5 Manrope;color:#6a7972}.homeToolsGridV13 i{position:absolute;right:16px;top:17px;font:500 24px "Source Serif 4";font-style:normal;color:#cedbd4} .homeToolsGridV13>a:nth-child(6){background:linear-gradient(140deg,#073e30,#092d25)}.homeToolsGridV13>a:nth-child(6) strong{color:#fff}.homeToolsGridV13>a:nth-child(6) span{color:#c6d6d0}.homeToolsGridV13>a:nth-child(6) i{color:#668a7d} @media(max-width:900px){.homeToolsV13{padding:36px 18px}.homeToolsGridV13{grid-template-columns:1fr 1fr}} @media(max-width:560px){.homeToolsHeadV13{grid-template-columns:1fr}.homeToolsHeadV13>a{justify-self:start}.homeToolsGridV13{grid-template-columns:1fr}.homeToolsGridV13>a{min-height:112px}} /* V14 — Membership retains the same image-bar treatment as all content pages */ body.premiumContentV10 .membershipV12 + *{} .membershipImageBarV14{min-height:265px} @media(max-width:900px){.membershipImageBarV14{min-height:205px}} /* ========================================================= V15 IMAGE BAR READABILITY PASS — ALL CONTENT PAGES ========================================================= */ body.premiumContentV10 .imageBar{ position:relative;isolation:isolate;overflow:hidden; background-color:#17372d; } body.premiumContentV10 .imageBar img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover; z-index:0;filter:saturate(.86) contrast(1.04) brightness(.88); } body.premiumContentV10 .imageBar:before{ content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background: linear-gradient(90deg,rgba(4,35,27,.82) 0%,rgba(4,35,27,.67) 34%,rgba(4,35,27,.32) 63%,rgba(4,35,27,.18) 100%), linear-gradient(0deg,rgba(2,28,21,.36),rgba(2,28,21,.04) 60%); } body.premiumContentV10 .imageBar:after{ content:"";position:absolute;inset:auto 0 0 0;height:3px;z-index:3; background:linear-gradient(90deg,#9bcb3b 0 14%,rgba(255,255,255,.35) 14% 38%,transparent 38%); } body.premiumContentV10 .imageBar > *{ position:relative;z-index:2; } body.premiumContentV10 .imageBar h1, body.premiumContentV10 .imageBar h2, body.premiumContentV10 .imageBar .imageBarTitle{ color:#fff!important; text-shadow:0 2px 18px rgba(0,0,0,.48),0 1px 2px rgba(0,0,0,.35); } body.premiumContentV10 .imageBar p, body.premiumContentV10 .imageBar .imageBarSubtitle, body.premiumContentV10 .imageBar .kicker, body.premiumContentV10 .imageBar small, body.premiumContentV10 .imageBar span{ color:#f2f6f3!important; text-shadow:0 1px 10px rgba(0,0,0,.55); } body.premiumContentV10 .imageBar .eyebrow, body.premiumContentV10 .imageBar .label{ color:#c8ee7e!important;font-weight:800; } body.premiumContentV10 .imageBar a{ color:#fff!important; } @media(max-width:900px){ body.premiumContentV10 .imageBar:before{ background:linear-gradient(90deg,rgba(4,35,27,.84),rgba(4,35,27,.50)); } } @media(max-width:560px){ body.premiumContentV10 .imageBar img{filter:saturate(.82) contrast(1.03) brightness(.80)} body.premiumContentV10 .imageBar:before{ background:linear-gradient(90deg,rgba(4,35,27,.88),rgba(4,35,27,.62)); } } /* ========================================================= V16 STANDARD CONTENT-PAGE IMAGE BAR ========================================================= */ .standardImageBarV16{ position:relative;isolation:isolate;overflow:hidden;height:270px!important;min-height:270px!important; display:flex;align-items:flex-end;background:#12372c; } .standardImageBarV16 img{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important; object-fit:cover!important;object-position:center 45%;z-index:0!important; filter:saturate(.84) contrast(1.05) brightness(.82)!important; } .standardImageBarV16:before{ content:"";position:absolute;inset:0;z-index:1; background:linear-gradient(90deg,rgba(3,35,26,.90) 0%,rgba(3,35,26,.72) 35%,rgba(3,35,26,.35) 66%,rgba(3,35,26,.22) 100%)!important; } .standardImageBarV16:after{ content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3; background:linear-gradient(90deg,#9bcb3b 0 13%,rgba(255,255,255,.48) 13% 31%,transparent 31%)!important; } .standardImageBarInnerV16{ position:relative!important;z-index:2!important;width:min(1240px,92%);margin:0 auto;padding:0 0 34px!important; } .standardImageBarInnerV16 span{ display:block;color:#c7eb7d!important;font:800 8px Manrope,sans-serif!important; letter-spacing:.19em!important;text-shadow:0 2px 10px rgba(0,0,0,.55)!important;margin-bottom:7px } .standardImageBarInnerV16 h1{ max-width:780px;color:#fff!important;font:500 clamp(31px,4vw,50px)/.98 "Source Serif 4",Georgia,serif!important; letter-spacing:-.035em!important;margin:0 0 9px!important;text-shadow:0 3px 20px rgba(0,0,0,.58)!important } .standardImageBarInnerV16 p{ max-width:690px;color:#eef4f0!important;font:400 10px/1.55 Manrope,sans-serif!important; margin:0!important;text-shadow:0 2px 12px rgba(0,0,0,.62)!important } @media(max-width:900px){ .standardImageBarV16{height:225px!important;min-height:225px!important} .standardImageBarInnerV16{width:calc(100% - 36px);padding-bottom:26px!important} .standardImageBarV16:before{background:linear-gradient(90deg,rgba(3,35,26,.91),rgba(3,35,26,.52))!important} } @media(max-width:560px){ .standardImageBarV16{height:205px!important;min-height:205px!important} .standardImageBarInnerV16{width:calc(100% - 30px);padding-bottom:22px!important} .standardImageBarInnerV16 h1{font-size:31px!important} .standardImageBarInnerV16 p{font-size:9px!important;max-width:92%} .standardImageBarV16 img{filter:saturate(.78) contrast(1.04) brightness(.72)!important} .standardImageBarV16:before{background:linear-gradient(90deg,rgba(3,35,26,.94),rgba(3,35,26,.67))!important} } /* V18 — readability enhancement on ORIGINAL single image bars only */ .pageImageBar{position:relative;isolation:isolate} .pageImageBar:after{ content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background:linear-gradient(90deg,rgba(3,34,26,.76) 0%,rgba(3,34,26,.55) 42%,rgba(3,34,26,.22) 100%); } .pageImageBar>*{position:relative;z-index:1} .pageImageBar h1,.pageImageBar h2,.pageImageBar h3{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.55)} .pageImageBar p,.pageImageBar span,.pageImageBar small{color:#f3f7f4!important;text-shadow:0 1px 10px rgba(0,0,0,.5)} .membershipImageBarV14 .imageBarOverlay{position:relative;z-index:2} .membershipImageBarV14 .imageBarOverlay h1{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.55)} .membershipImageBarV14 .imageBarOverlay p{color:#f3f7f4!important;text-shadow:0 1px 10px rgba(0,0,0,.5)} .membershipImageBarV14 .imageBarOverlay span{color:#c8ed7d!important;text-shadow:0 1px 10px rgba(0,0,0,.5)} @media(max-width:560px){.pageImageBar:after{background:linear-gradient(90deg,rgba(3,34,26,.84),rgba(3,34,26,.42))}} /* V19 — Membership aligned to other content pages */ .membershipPageImageBarV19{position:relative;overflow:hidden;background:#15392d} .membershipPageImageBarV19>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:0;filter:saturate(.88) contrast(1.04) brightness(.82)} .membershipPageImageBarV19:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,35,26,.80),rgba(3,35,26,.54) 45%,rgba(3,35,26,.18))} .membershipPageImageBarV19 .pageImageBarCopy{position:relative;z-index:2} .membershipPageImageBarV19 .pageImageBarCopy span{color:#c9ed7d!important} .membershipPageImageBarV19 .pageImageBarCopy h1{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.55)} .membershipPageImageBarV19 .pageImageBarCopy p{color:#f3f7f4!important;text-shadow:0 1px 10px rgba(0,0,0,.5)} /* Do not retain the special V12 menu appearance; use the shared sectionNav appearance */ .membershipSectionNavV19{top:auto} @media(max-width:760px){.membershipPageImageBarV19:after{background:linear-gradient(90deg,rgba(3,35,26,.88),rgba(3,35,26,.42))}} /* V20 — approved Membership artwork applied as the single content-page banner */ .membershipPageImageBarV19{ background:#0b3b2a!important; overflow:hidden!important; } .membershipPageImageBarV19>img{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important; object-fit:cover!important;object-position:center center!important; filter:none!important;opacity:1!important; } .membershipPageImageBarV19:after{display:none!important} .membershipBannerTextA11yV20{ position:absolute!important;width:1px!important;height:1px!important;padding:0!important; margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important; white-space:nowrap!important;border:0!important; } @media(max-width:760px){ .membershipPageImageBarV19>img{object-position:center center!important} } /* V21 organized CMS */ .cmsV21{background:#f4f6f5;color:#25312c}.cmsLogin{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#063c2b,#0b5a3d 55%,#7eae45);padding:24px}.cmsLoginCard{width:min(430px,100%);background:#fff;border-radius:22px;padding:38px;box-shadow:0 28px 70px #002a1f55}.cmsLoginCard img{width:170px;max-height:72px;object-fit:contain;object-position:left;margin-bottom:24px}.cmsLoginCard small{display:block;color:#6d9f39;font-weight:800;letter-spacing:.14em}.cmsLoginCard h1{font:800 34px Manrope;margin:6px 0}.cmsLoginCard p{color:#66716c;line-height:1.55}.cmsLoginCard label,.cmsCard label{display:block;font-weight:700;font-size:13px;margin:16px 0}.cmsLoginCard input,.cmsCard input,.cmsCard textarea,.cmsCard select{width:100%;box-sizing:border-box;border:1px solid #d7dfdb;border-radius:9px;padding:11px 12px;margin-top:6px;font:inherit;background:#fff}.cmsPrimary,.cmsGhost,.cmsWide,.cmsTable button{border:0;border-radius:8px;padding:10px 14px;font-weight:800;cursor:pointer}.cmsPrimary{background:#07533a;color:#fff}.cmsGhost,.cmsWide,.cmsTable button{background:#eef3f0;color:#164b38}.cmsLoginCard .cmsPrimary{width:100%;margin-top:10px}.cmsDemoNote{margin-top:14px;padding:10px;background:#f1f6f3;border-radius:8px;font-size:12px;color:#59665f}.cmsShell{min-height:100vh}.cmsHeaderActions{display:flex;gap:12px;align-items:center}.cmsWelcome{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#073e2d,#0a6243);color:#fff;border-radius:18px;padding:28px;margin-bottom:18px}.cmsWelcome small{color:#b6db63;font-weight:800;letter-spacing:.12em}.cmsWelcome h1{margin:5px 0 4px;font:800 27px Manrope}.cmsWelcome p{margin:0;color:#dceae4}.cmsStats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.cmsStats div{background:#fff;border:1px solid #e2e7e4;border-radius:14px;padding:20px}.cmsStats b{font:800 28px Manrope;color:#07533a;display:block}.cmsStats span{font-size:12px;color:#6d7772}.cmsGrid2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}.cmsGrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cmsCard{background:#fff;border:1px solid #e1e7e3;border-radius:14px;padding:18px;box-shadow:0 4px 18px #21392f08}.cmsCardHead{display:flex;justify-content:space-between;align-items:center}.cmsCard h3{margin:0 0 14px;font:800 16px Manrope}.cmsTableWrap{overflow:auto}.cmsTable{width:100%;border-collapse:collapse;font-size:13px}.cmsTable th,.cmsTable td{text-align:left;padding:11px;border-bottom:1px solid #edf0ee}.cmsTable th{font-size:11px;color:#7b8580;text-transform:uppercase;letter-spacing:.05em}.cmsStatus{display:inline-block;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:#edf5ef;color:#28603f}.cmsStatus.draft{background:#fff5db;color:#8b6810}.cmsStatus.archived{background:#eee;color:#666}.cmsListRow{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf0ee}.cmsListRow small{display:block;color:#77817c;margin-top:3px}.cmsWide{width:100%;text-align:left;margin:5px 0}.workflow{font-weight:800;line-height:2}.workflow i{color:#8caf43;font-style:normal;margin:0 4px}.muted{color:#75807a;font-size:12px}.cmsPageTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.cmsPageTitle h1{margin:0;font:800 26px Manrope}.cmsPageTitle p{margin:4px 0;color:#74807a}.cmsFormActions{display:flex;justify-content:flex-end;gap:10px;align-items:center}.cmsFormActions select{width:auto;margin:0}.cmsMedia{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cmsMedia figure{margin:0;background:#fff;border:1px solid #e1e7e3;border-radius:12px;overflow:hidden}.cmsMedia img{width:100%;height:140px;object-fit:cover;display:block}.cmsMedia figcaption{padding:10px;font-size:11px;overflow-wrap:anywhere}.cmsNotice{background:#fff7dd;border:1px solid #eed98e;padding:14px;border-radius:10px;margin-top:16px}.cmsToast{position:fixed;right:22px;bottom:22px;background:#073e2d;color:#fff;padding:12px 16px;border-radius:9px;z-index:9999;box-shadow:0 8px 25px #0003}@media(max-width:1000px){.cmsStats,.cmsGrid3{grid-template-columns:repeat(2,1fr)}.cmsGrid2{grid-template-columns:1fr}.cmsMedia{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.cmsStats,.cmsGrid3,.cmsMedia{grid-template-columns:1fr}.cmsWelcome,.cmsPageTitle{align-items:flex-start;gap:14px;flex-direction:column}.cmsHeaderActions span{display:none}} /* V22 — CMS sidebar layout fix */ .cmsV21 .cmsShell{ display:grid !important; grid-template-columns:270px minmax(0,1fr) !important; min-height:100vh !important; align-items:stretch !important; } .cmsV21 .cmsShell[hidden]{display:none !important} .cmsV21 .cmsnav{ display:flex !important; flex-direction:column !important; position:sticky !important; top:0 !important; height:100vh !important; overflow-y:auto !important; box-sizing:border-box !important; background:#073e2d !important; color:#fff !important; padding:18px 14px !important; z-index:100 !important; border-right:1px solid rgba(255,255,255,.08) !important; } .cmsV21 .cmsbrand{ display:flex !important; align-items:center !important; gap:10px !important; padding:4px 7px 18px !important; margin-bottom:6px !important; border-bottom:1px solid rgba(255,255,255,.13) !important; } .cmsV21 .cmsbrand img{ width:54px !important;height:44px !important;object-fit:contain !important; background:#fff !important;border-radius:7px !important;padding:4px !important; } .cmsV21 .cmsbrand b{color:#fff !important;font:800 16px Manrope,sans-serif !important} .cmsV21 .cmsbrand small{display:block !important;color:#b7d1c6 !important;font-size:9px !important;letter-spacing:.12em !important;margin-top:2px !important} .cmsV21 .cmsnav>label{ display:block !important;color:#82a898 !important;font-size:9px !important; font-weight:800 !important;letter-spacing:.14em !important; padding:16px 10px 6px !important; } .cmsV21 .cmsnav>a{ display:block !important;color:#dce9e4 !important;text-decoration:none !important; padding:9px 11px !important;border-radius:8px !important;margin:1px 0 !important; font-size:12.5px !important;font-weight:600 !important;cursor:pointer !important; } .cmsV21 .cmsnav>a:hover{background:rgba(255,255,255,.08) !important;color:#fff !important} .cmsV21 .cmsnav>a.active{ background:#fff !important;color:#07533a !important; box-shadow:0 4px 12px rgba(0,0,0,.10) !important; } .cmsV21 .cmsmain{ display:block !important; min-width:0 !important; width:auto !important; margin:0 !important; padding:0 !important; background:#f4f6f5 !important; } .cmsV21 .cmsmain>header{ min-height:70px !important; display:flex !important;align-items:center !important;justify-content:space-between !important; gap:16px !important;padding:0 26px !important;background:#fff !important; border-bottom:1px solid #e0e6e2 !important;box-sizing:border-box !important; position:sticky !important;top:0 !important;z-index:50 !important; } .cmsV21 .cmsmain>header small{display:block !important;color:#7b8680 !important;font-size:9px !important;letter-spacing:.12em !important;font-weight:800 !important} .cmsV21 .cmsmain>header b{display:block !important;color:#25312c !important;font:800 18px Manrope,sans-serif !important;margin-top:2px !important} .cmsV21 #cmsContent{padding:24px 26px 40px !important;max-width:1500px !important;box-sizing:border-box !important} @media(max-width:900px){ .cmsV21 .cmsShell{grid-template-columns:220px minmax(0,1fr) !important} .cmsV21 .cmsnav{padding:14px 10px !important} .cmsV21 #cmsContent{padding:18px !important} } @media(max-width:650px){ .cmsV21 .cmsShell{display:block !important} .cmsV21 .cmsnav{position:relative !important;height:auto !important;max-height:none !important} .cmsV21 .cmsmain>header{position:relative !important} } .vgHead{display:flex;justify-content:space-between;align-items:center;padding:14px 6vw;background:#fff;border-bottom:1px solid #e2e7e3;position:sticky;top:0;z-index:50}.vgHead>a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#073e2d;font-weight:900}.vgHead img{width:75px;height:45px;object-fit:contain}.vgHead nav{display:flex;gap:18px}.vgHead nav a{text-decoration:none;color:#47554e;font-size:12px;font-weight:700}.vgHead nav .active{color:#07533a;border-bottom:2px solid #91b74d}.vg{background:#f3f5f2;color:#193129}.vgHero{background:#073e2d;color:#fff;padding:72px 7vw}.vgHero small,.vgCopy small,.vgCards small,.vgEnd small{color:#a9cb5c;font-size:10px;letter-spacing:.14em;font-weight:800}.vgHero h1{font:400 clamp(44px,6vw,76px)/1 Georgia;margin:10px 0}.vgHero em{color:#b7da67}.vgHero p{max-width:650px;color:#d5e3dd}.vgFilters{background:#fff;padding:18px 7vw;display:flex;gap:8px;flex-wrap:wrap}.vgFilters button{border:0;border-radius:99px;padding:8px 13px;background:transparent;font-weight:700;color:#68736e}.vgFilters .active{background:#073e2d;color:#fff}.vgFeature{padding:65px 7vw;display:grid;grid-template-columns:.65fr 1.45fr;gap:48px;align-items:center}.vgCopy h2{font:400 clamp(34px,4vw,54px)/1.04 Georgia;margin:10px 0}.vgCopy p{color:#68746e}.vgOpen{border:0;background:none;color:#07533a;font-weight:900;padding:16px 0}.vgBento{height:500px;display:grid;grid-template-columns:1.5fr .8fr .8fr;grid-template-rows:1fr 1fr;gap:7px}.vgPic{border:0;padding:0;overflow:hidden}.vgPic img,.vgCards img{width:100%;height:100%;object-fit:cover}.vgPic img{transition:.4s}.vgPic:hover img{transform:scale(1.035)}.p1{grid-row:1/3}.p2{grid-column:2/4}.vgCards{padding:0 7vw 70px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.vgCards article{background:#fff;padding-bottom:28px}.vgCards article>div{height:280px;display:grid;grid-template-columns:1.4fr .8fr;gap:5px;margin-bottom:22px}.vgCards small,.vgCards h3,.vgCards p{margin-left:26px;margin-right:26px}.vgCards h3{font:400 31px Georgia;margin-top:8px;margin-bottom:8px}.vgCards p{color:#718079}.vgCards .dark{background:#123f32;color:#fff}.vgCards .dark p{color:#c9d9d1}.vgEnd{background:#e4e9e3;padding:70px 8vw}.vgEnd h2{font:400 clamp(38px,5vw,60px)/1.05 Georgia;margin:10px 0}.vgLb{position:fixed;inset:0;background:#06110eeb;z-index:999;color:#fff}.vgLb[hidden]{display:none}.vgLb>div{height:100%;display:grid;grid-template-columns:1fr 260px;align-items:center;padding:55px 80px;box-sizing:border-box}.vgLb img{width:100%;height:78vh;object-fit:contain}.vgLb aside{padding:24px}.vgLb button{position:absolute;background:none;border:0;color:#fff;font-size:48px}.vgLb .close{right:25px;top:15px}.vgLb .prev{left:20px;top:48%}.vgLb .next{right:20px;top:48%}@media(max-width:850px){.vgHead nav{display:none}.vgFeature{grid-template-columns:1fr}.vgCards{grid-template-columns:1fr}.vgBento{height:420px}.vgLb>div{grid-template-columns:1fr;padding:40px}.vgLb aside{display:none}} /* V24 Gallery — standardized PAMA header + management-accounting image bar */ .galleryV24{margin:0;background:#f6f7f5;color:#173229;font-family:Arial,sans-serif} .galleryMainHeader{background:#fff;border-bottom:1px solid #dfe6e1;position:sticky;top:0;z-index:90} .galleryIdentity{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,62px);box-sizing:border-box} .galleryOrg{display:flex;align-items:center;gap:15px;color:#143c2d;text-decoration:none;font-size:14px;font-weight:700;line-height:1.08}.galleryOrg img{width:110px;height:58px;object-fit:contain}.galleryOrg b{font-weight:900} .galleryNextGen{display:flex;flex-direction:column;align-items:flex-end}.galleryNextGen>b{font-size:29px;font-style:italic;color:#0a4c35}.galleryNextGen>b span{color:#77a72f}.galleryNextGen small{font-size:10px;color:#4f5f58} .galleryMainNav{height:45px;display:flex;align-items:center;justify-content:center;gap:38px;border-top:1px solid #edf0ee}.galleryMainNav a{height:45px;display:flex;align-items:center;text-decoration:none;color:#1e3c31;font-size:11px;font-weight:800}.galleryMainNav a.active{color:#4e8a19;border-bottom:3px solid #78ad30} .galleryImageBar{height:310px;position:relative;overflow:hidden;background:linear-gradient(100deg,#052d22,#0b4a38 45%,#dfe9e2);color:#fff} .galleryImageBarScene{position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,#ffffff26,transparent 24%),linear-gradient(90deg,transparent 40%,#fff2 100%)} .galleryBooks{position:absolute;right:35%;top:58px;transform:perspective(500px) rotateY(-5deg);display:flex;flex-direction:column-reverse}.galleryBooks span{width:255px;padding:9px 18px;margin:2px;background:#102c2d;border-left:5px solid #9ab34d;box-shadow:0 7px 15px #0004;color:#d8bd70;font-family:Georgia,serif;font-size:13px} .galleryDashboard{position:absolute;right:7%;top:55px;width:300px;height:165px;background:#eef3f0;border:9px solid #173a33;border-radius:8px;transform:rotate(-3deg);box-shadow:0 20px 35px #0005;color:#123c2e;padding:18px;box-sizing:border-box}.galleryDashboard>b{font-size:12px}.chartBars{height:75px;display:flex;gap:10px;align-items:flex-end;margin-bottom:14px}.chartBars i{display:block;width:22px;background:#348063}.chartBars i:nth-child(1){height:25%}.chartBars i:nth-child(2){height:38%}.chartBars i:nth-child(3){height:52%}.chartBars i:nth-child(4){height:45%}.chartBars i:nth-child(5){height:70%}.chartBars i:nth-child(6){height:88%} .galleryImageBarOverlay{position:absolute;inset:0 auto 0 0;width:48%;padding:42px clamp(24px,4vw,65px);box-sizing:border-box;background:linear-gradient(90deg,#062e24 60%,transparent)}.galleryImageBarOverlay small{color:#a9d33d;letter-spacing:.15em;font-weight:800}.galleryImageBarOverlay h1{font:400 clamp(42px,5vw,66px)/.95 Georgia,serif;margin:8px 0 4px}.galleryImageBarOverlay h2{font:400 23px Georgia,serif;margin:0 0 14px}.galleryImageBarOverlay p{max-width:560px;color:#d7e3de;line-height:1.5;font-size:13px}.galleryImageBar blockquote{position:absolute;right:2.5%;top:30px;margin:0;font:italic 21px/1.25 Georgia,serif;color:#fff;text-align:left} .galleryFilterBar{background:#fff;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 3%;border-bottom:1px solid #e2e7e4;position:sticky;top:127px;z-index:70}.galleryFilterBar>div{display:flex;gap:8px;flex-wrap:wrap}.galleryFilterBar button{border:0;background:transparent;padding:9px 14px;border-radius:999px;color:#315044;font-weight:700;cursor:pointer}.galleryFilterBar button.active{background:#07533a;color:#fff}.galleryFilterBar input{width:250px;border:1px solid #d9e1dc;border-radius:999px;padding:10px 15px} .galleryStoriesV24{padding:20px 3% 70px;max-width:1600px;margin:auto}.galleryStory{background:#fff;border:1px solid #dde5e0;border-radius:10px;overflow:hidden;margin-bottom:22px;box-shadow:0 6px 24px #183c2d0a} .storyBento{height:440px;display:grid;grid-template-columns:1.25fr .7fr .7fr;grid-template-rows:1fr 1fr;gap:5px;background:#0d261e}.storyPhoto{border:0;padding:0;overflow:hidden;cursor:pointer;background:#15251f}.storyPhoto img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.storyPhoto:hover img{transform:scale(1.025)}.storyPhoto.hero{grid-row:1/3}.vatBento .storyPhoto:nth-child(2){grid-column:2}.vatBento .storyPhoto:nth-child(3){grid-column:3}.vatBento .storyPhoto:nth-child(4){grid-column:2}.vatBento .storyPhoto:nth-child(5){grid-column:3} .storyInfo{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:23px 28px}.storyInfo small,.miniStory small,.inductionCopy small{color:#6f982c;letter-spacing:.09em;font-weight:900;font-size:10px}.storyInfo h2{font:400 31px Georgia,serif;margin:6px 0 8px}.storyInfo p{max-width:1000px;color:#5f6d67;line-height:1.5;margin:0}.storyMeta{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#355247}.openStory{white-space:nowrap;background:#07533a;color:#fff;border:0;border-radius:999px;padding:12px 19px;font-weight:800;cursor:pointer} .inductionVisual{height:390px;display:grid;grid-template-columns:.8fr 1.2fr;background:#073e2d;color:#fff}.inductionVisual img{width:100%;height:100%;object-fit:cover}.inductionCopy{padding:55px;align-self:center}.inductionCopy h2{font:400 clamp(37px,4vw,56px)/1.02 Georgia,serif;margin:9px 0}.inductionCopy p{font:20px Georgia,serif;color:#d9e6df}.inductionCopy span{font-size:12px;color:#b9cdc4} .gallerySecondary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.miniStory{background:#fff;border:1px solid #dde5e0;border-radius:9px;overflow:hidden;padding-bottom:20px}.miniStory img{width:100%;height:210px;object-fit:cover}.miniStory small,.miniStory h3,.miniStory p{margin-left:18px;margin-right:18px}.miniStory small{display:block;margin-top:15px}.miniStory h3{font:400 24px Georgia,serif;margin-top:5px;margin-bottom:6px}.miniStory p{font-size:13px;color:#68766f} .galleryLightbox{position:fixed;inset:0;background:#06120eed;z-index:999}.galleryLightbox[hidden]{display:none}.lbContent{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;padding:55px 85px;box-sizing:border-box}.lbContent img{width:100%;height:82vh;object-fit:contain}.lbContent aside{color:#fff;padding:25px}.lbContent aside small{color:#9ec54d}.lbContent aside h3{font:400 26px Georgia,serif}.galleryLightbox>button{position:absolute;border:0;background:transparent;color:#fff;font-size:48px;cursor:pointer}.lbClose{right:24px;top:14px}.lbPrev{left:20px;top:48%}.lbNext{right:20px;top:48%} @media(max-width:900px){.galleryIdentity{height:auto;padding:12px 20px}.galleryNextGen{display:none}.galleryMainNav{overflow-x:auto;justify-content:flex-start;padding:0 18px;gap:22px}.galleryImageBar{height:300px}.galleryImageBarOverlay{width:70%}.galleryBooks,.galleryDashboard,.galleryImageBar blockquote{display:none}.galleryFilterBar{top:0;position:relative;align-items:flex-start;flex-direction:column}.storyBento{height:520px;grid-template-columns:1fr 1fr;grid-template-rows:1.5fr 1fr 1fr}.storyPhoto.hero{grid-column:1/3;grid-row:auto}.vatBento .storyPhoto{grid-column:auto!important}.storyInfo{align-items:flex-start;flex-direction:column}.inductionVisual{grid-template-columns:1fr;height:auto}.inductionVisual img{height:280px}.gallerySecondary{grid-template-columns:1fr}.lbContent{grid-template-columns:1fr;padding:45px}.lbContent aside{display:none}} .inductionFeaturedV25{border-top:5px solid #78ad30} .featuredStoryHeading{display:flex;justify-content:space-between;gap:28px;align-items:end;padding:27px 30px 22px;background:linear-gradient(110deg,#063c2c,#0b5b40);color:#fff} .featuredStoryHeading small{color:#b6d84a;letter-spacing:.12em;font-weight:900;font-size:10px} .featuredStoryHeading h2{font:400 clamp(34px,4vw,56px)/1.02 Georgia,serif;margin:7px 0 5px}.featuredStoryHeading p{margin:0;color:#dceae4;font:italic 18px Georgia,serif} .featuredEventMeta{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.featuredEventMeta span{border:1px solid #ffffff45;border-radius:999px;padding:8px 11px;font-size:11px;white-space:nowrap} .inductionBentoV25{height:610px;grid-template-columns:1.5fr .75fr .75fr .75fr;grid-template-rows:repeat(3,1fr)} .inductionBentoV25 .storyPhoto.hero{grid-column:1/3;grid-row:1/3}.inductionBentoV25 .storyPhoto:nth-child(2){grid-column:3;grid-row:1}.inductionBentoV25 .storyPhoto:nth-child(3){grid-column:4;grid-row:1}.inductionBentoV25 .storyPhoto:nth-child(4){grid-column:3;grid-row:2}.inductionBentoV25 .storyPhoto:nth-child(5){grid-column:4;grid-row:2}.inductionBentoV25 .storyPhoto:nth-child(6){grid-column:1;grid-row:3}.inductionBentoV25 .storyPhoto:nth-child(7){grid-column:2;grid-row:3}.inductionBentoV25 .storyPhoto:nth-child(8){grid-column:3;grid-row:3}.inductionBentoV25 .storyPhoto:nth-child(9){grid-column:4;grid-row:3}.inductionBentoV25 .storyPhoto:nth-child(n+10){display:none}.vatStory{margin-top:24px} @media(max-width:900px){.featuredStoryHeading{align-items:flex-start;flex-direction:column}.featuredEventMeta{justify-content:flex-start}.inductionBentoV25{height:680px;grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr 1fr 1fr}.inductionBentoV25 .storyPhoto.hero{grid-column:1/3;grid-row:1}.inductionBentoV25 .storyPhoto:nth-child(n+2){grid-column:auto;grid-row:auto}.inductionBentoV25 .storyPhoto:nth-child(n+8){display:none}} /* V26: Gallery uses the same global PAMA header system as the rest of the website. */ .galleryV24>.utility{display:flex} .galleryV24>header{display:flex} .galleryV24>header nav .galleryNavCurrent{color:var(--green)} @media(max-width:1100px){.galleryV24>header nav .galleryNavCurrent{color:inherit}} /* V27 — more visual Gallery image bar */ .galleryImageBarV27{position:relative!important;display:block!important;min-height:0!important;height:auto!important;overflow:hidden;background:#073a2c!important;padding:0!important} .galleryImageBarV27>img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:center} @media(max-width:760px){.galleryImageBarV27>img{aspect-ratio:2/1;object-position:center}} /* V28 — Gallery header aligned with all content-page image bars */ .galleryMainV28{padding-bottom:0!important} .galleryPageImageBarV28{min-height:285px!important;height:285px!important;background-position:center 48%!important} .galleryPageImageBarV28 .pageImageOverlay{padding-bottom:38px} @media(max-width:900px){.galleryPageImageBarV28{min-height:235px!important;height:235px!important}} @media(max-width:560px){.galleryPageImageBarV28{min-height:220px!important;height:220px!important;background-position:center!important}} /* V29: story/article/event sharing + relief gallery; header and image bars unchanged */ .storyActionsV29{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.shareBtn{border:1px solid #1f6048;background:#fff;color:#174d3a;border-radius:7px;padding:11px 16px;font:700 13px DM Sans,Arial;cursor:pointer}.shareBtn:hover{background:#eef7f2}.shareCompact{padding:7px 11px;margin-top:10px;font-size:12px}.shareMenuV29{position:absolute;z-index:1000;right:0;top:calc(100% + 7px);width:190px;padding:7px;background:#fff;border:1px solid #d7e1dc;border-radius:10px;box-shadow:0 14px 35px rgba(13,48,37,.18)}.shareMenuV29 button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:9px 10px;border-radius:6px;cursor:pointer;color:#173b30}.shareMenuV29 button:hover{background:#eef7f2}.reliefFeaturedV29{border-color:#c9ded3}.reliefBentoV29{grid-template-columns:2fr 1fr 1fr}.reliefBentoV29 .hero{grid-row:span 2}@media(max-width:760px){.reliefBentoV29{grid-template-columns:1fr 1fr}.reliefBentoV29 .hero{grid-column:1/-1}.shareMenuV29{left:0;right:auto}} /* V30 — keep the approved desktop header layout while ensuring Gallery remains visible */ @media (min-width:901px) and (max-width:1500px){ header{padding-left:2vw;padding-right:2vw} header .brand{min-width:360px} header .brand img{width:112px;height:70px;margin-right:12px} header .brand b{font-size:13px} header .brand small{font-size:6.5px;letter-spacing:.20em;margin-top:5px} header nav{gap:13px} header nav a{font-size:10.5px} header .join{margin-left:14px;padding:14px 15px;font-size:10px} } @media (min-width:901px) and (max-width:1180px){ header .brand{min-width:315px} header .brand img{width:92px} header .brand b{font-size:11px} header nav{gap:9px} header nav a{font-size:9.5px} header .join{padding:12px 10px;font-size:9px} } /* V32 — responsive PAMA mobile identity treatment */ @media(max-width:900px){ header .brand{display:flex;align-items:center;gap:clamp(9px,2.5vw,14px);max-width:calc(100% - 58px)} header .brand img{width:clamp(64px,17vw,88px);height:auto;flex:0 0 auto} header .brand div{display:flex;flex-direction:column;justify-content:center;min-width:0} header .brand b{font-size:clamp(9px,2.45vw,13px);line-height:1.22;letter-spacing:.005em;white-space:nowrap} header .brand small{font-size:clamp(5.8px,1.45vw,7.2px);line-height:1.2;margin-top:4px;letter-spacing:.07em;white-space:nowrap} .drawerTop{padding:clamp(16px,4vw,22px)} .drawerBrand{display:flex;align-items:center;gap:clamp(10px,3vw,15px);min-width:0;flex:1} .drawerBrand img{width:clamp(76px,23vw,104px);height:auto;flex:0 0 auto} .drawerBrand div{min-width:0;display:flex;align-items:center} .drawerBrand b{display:none!important} .drawerBrand small{display:block;font:800 clamp(8.5px,2.55vw,11.5px)/1.25 Manrope;letter-spacing:.005em;color:#173c30;white-space:nowrap} .drawerTop button{flex:0 0 auto;margin-left:10px} } @media(max-width:480px){ header .brand{gap:8px;max-width:calc(100% - 48px)} header .brand img{width:clamp(56px,18vw,72px)} header .brand b{font-size:clamp(8px,2.65vw,10.5px);line-height:1.2} header .brand small{display:none} .drawerBrand img{width:clamp(68px,22vw,88px)} .drawerBrand small{font-size:clamp(7.8px,2.55vw,10px);line-height:1.25} } @media(max-width:360px){ header .brand img{width:52px} header .brand b{font-size:7.7px} .drawerBrand img{width:64px} .drawerBrand small{font-size:7.5px} } /* V33 — institutional legacy + external Member Portal */ .brandLogoStack,.drawerLogoStack{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto} .brandLogoStack img,.drawerLogoStack img{display:block;height:auto} .institutionAge{display:block;text-align:center;white-space:nowrap;color:var(--green);font:800 clamp(7px,.62vw,10px)/1.15 Manrope;letter-spacing:.025em;margin-top:3px} .memberPortalUtility{font-weight:800!important;letter-spacing:.035em} .drawerMemberPortal{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px;background:#f3f7f5!important;color:var(--green)!important;border:1px solid #dce8e2!important;padding:11px 13px!important;margin-bottom:10px;text-decoration:none!important} .drawerMemberPortal b{font:800 11px Manrope;letter-spacing:.055em}.drawerMemberPortal span{font:500 9px Manrope;color:#5c6f67} @media(min-width:901px){ .brandLogoStack img{width:112px;height:auto;margin-right:0!important} .brandLogoStack{margin-right:12px} .brandLogoStack .institutionAge{font-size:8px} } @media(max-width:900px){ .brand{gap:clamp(9px,2.5vw,14px)!important;min-width:0!important} .brandLogoStack{width:clamp(76px,22vw,104px);margin-right:0} .brandLogoStack img{width:100%!important;height:auto} .brandLogoStack .institutionAge{font-size:clamp(6.7px,2vw,8.8px);margin-top:2px} .drawerLogoStack{width:clamp(76px,23vw,104px)} .drawerLogoStack img{width:100%!important;height:auto} .drawerLogoStack .institutionAge{font-size:clamp(6.7px,2vw,8.8px);margin-top:2px} .drawerBrand>div{min-width:0;display:flex;align-items:center} .drawerFoot{padding-top:10px} } @media(max-width:380px){ .brandLogoStack,.drawerLogoStack{width:68px} .brandLogoStack .institutionAge,.drawerLogoStack .institutionAge{font-size:6px} } /* V33 PATCH — Home-referenced header/banner consistency (formatting only) */ /* Keep institutional age centered to the actual logo block on every viewport. */ .brandLogoStack img,.drawerLogoStack img{margin-left:0!important;margin-right:0!important} .brandLogoStack,.drawerLogoStack{text-align:center} .brandLogoStack .institutionAge,.drawerLogoStack .institutionAge{width:100%;text-align:center} /* Content-page banner spans the same available screen/header width as Home. */ main.inner.menuPage,.galleryMainV28{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important} main.inner.menuPage>.pageImageBar,.galleryMainV28>.pageImageBar{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important} /* Gallery uses the same typography system as Home and the other public pages. */ .galleryV24{font-family:"DM Sans",sans-serif!important} .galleryV24 h1,.galleryV24 h2,.galleryV24 h3{font-family:"Source Serif 4",serif} .galleryV24 .pageImageOverlay h1{font:600 clamp(36px,3.3vw,52px)/.98 "Source Serif 4",serif!important;letter-spacing:-.035em!important} .galleryV24 .pageImageOverlay label{font-family:"Manrope",sans-serif!important} .galleryV24 .pageImageOverlay p{font-family:"DM Sans",sans-serif!important} @media(max-width:900px){ header .brandLogoStack img{margin:0!important} header .brandLogoStack .institutionAge{width:100%;text-align:center} } /* V33 PATCH 2 — utility bar, functional site search, Gallery footer */ .utility .utilityContact,.utility .memberPortalUtility{font-family:"DM Sans",sans-serif!important;font-size:10px!important;font-weight:700!important;line-height:1!important} .siteSearchToggle{border:0;background:transparent;color:#13251f;font:800 15px/1 "DM Sans",sans-serif;cursor:pointer;padding:2px 4px} .siteSearchToggle:hover,.siteSearchToggle:focus{color:var(--green);outline:0} .siteSearchPanel{position:fixed;z-index:80;top:28px;right:3.2vw;width:min(440px,92vw);background:white;border:1px solid var(--line);box-shadow:0 16px 42px #08241b26;border-radius:0 0 8px 8px;padding:16px} .siteSearchPanel[hidden]{display:none} .siteSearchForm>label{display:block;font:800 9px/1 Manrope,sans-serif;letter-spacing:.12em;color:var(--green);margin-bottom:8px} .siteSearchForm>div:first-of-type{display:grid;grid-template-columns:1fr auto auto;gap:6px} .siteSearchForm input{min-width:0;border:1px solid #cfd8d4;border-radius:4px;padding:10px 12px;font:500 12px "DM Sans",sans-serif} .siteSearchForm button[type="submit"]{border:0;border-radius:4px;background:var(--green);color:white;padding:0 14px;font:700 10px Manrope,sans-serif;cursor:pointer} .siteSearchClose{border:0;background:#f2f3f2;border-radius:4px;width:36px;font-size:20px;cursor:pointer} .siteSearchResults{display:grid;gap:3px;margin-top:10px;max-height:330px;overflow:auto} .siteSearchResults a{display:block;text-decoration:none;color:var(--ink);padding:9px 10px;border-radius:4px;background:#f7f8f6} .siteSearchResults a:hover{background:#edf4ef}.siteSearchResults b,.siteSearchResults span{display:block}.siteSearchResults b{font-size:12px}.siteSearchResults span,.siteSearchResults small{font-size:10px;color:#66706c} .galleryV24+.pamaFooter,.galleryV24~.pamaFooter{width:100%;max-width:none;margin:0} /* V33 Contact & Connect patch */ .contactPage{padding-top:34px}.contactIntro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:28px;align-items:start}.contactFormCard,.secretariatCard{background:#fff;border:1px solid var(--line);padding:clamp(22px,3vw,38px)}.contactFormCard>label,.secretariatCard>label,.contactMapSection label,.quickContact>label,.contactFaq>label{font:800 9px/1 Manrope,sans-serif;letter-spacing:.16em;color:var(--green)}.contactFormCard h2,.secretariatCard h2,.contactMapSection h2,.quickContact h2,.contactFaq h2{font-family:"Source Serif 4",serif;margin:8px 0 12px}.pamaContactForm{display:grid;gap:15px;margin-top:22px}.contactFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pamaContactForm label{display:grid;gap:6px;font:700 10px/1.3 Manrope,sans-serif;color:#23352f}.pamaContactForm input,.pamaContactForm select,.pamaContactForm textarea{width:100%;box-sizing:border-box;border:1px solid #cfd8d4;border-radius:4px;background:#fff;padding:11px 12px;font:500 13px "DM Sans",sans-serif;color:var(--ink)}.pamaContactForm textarea{resize:vertical;min-height:130px}.contactSubmit{justify-self:start;border:0;background:var(--green);color:#fff;padding:13px 18px;font:800 10px Manrope,sans-serif;letter-spacing:.06em;cursor:pointer}.contactFormNote{font-size:10px;color:#6c7672;max-width:620px}.formTrap{position:absolute!important;left:-9999px!important}.secretariatCard{background:#f5f7f4}.contactDetail{padding:15px 0;border-top:1px solid #dfe5e1}.contactDetail small{display:block;font:800 8px Manrope,sans-serif;letter-spacing:.14em;color:#748079;margin-bottom:5px}.contactDetail b,.contactDetail a{font:700 13px "DM Sans",sans-serif;color:var(--green);text-decoration:none}.contactDetail p{margin:6px 0 0;font-size:12px;line-height:1.6}.contactMapSection{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;align-items:center;margin:36px 0;background:#eef2ee;padding:24px}.contactMapSection iframe{width:100%;height:310px;border:0}.quickContact,.contactFaq{margin:42px 0}.quickContactGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.quickContactGrid a{display:grid;gap:6px;border:1px solid var(--line);padding:18px;text-decoration:none;color:var(--ink);background:#fff}.quickContactGrid a:hover{border-color:var(--green);background:#f7faf7}.quickContactGrid b{font:700 13px Manrope,sans-serif}.quickContactGrid span{font-size:10px;color:#66706c}.contactFaq details{border-top:1px solid var(--line);padding:14px 0}.contactFaq details:last-child{border-bottom:1px solid var(--line)}.contactFaq summary{cursor:pointer;font:700 12px Manrope,sans-serif}.contactFaq details p{max-width:760px;font-size:12px;line-height:1.7}.contactFaq a{color:var(--green);font-weight:700}.contactImageBar{width:100%} @media(max-width:800px){.contactIntro,.contactMapSection{grid-template-columns:1fr}.contactFormGrid{grid-template-columns:1fr}.quickContactGrid{grid-template-columns:1fr 1fr}.contactMapSection{padding:18px}.contactMapSection iframe{height:260px}} @media(max-width:520px){.quickContactGrid{grid-template-columns:1fr}.contactFormCard,.secretariatCard{padding:20px 16px}.contactPage{padding-top:22px}} /* Functional CMS Phase 1 */ .cmsManagerHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.cmsManagerHead h2{margin:0}.cmsManagerHead p{margin:.35rem 0;color:#667}.cmsrow small{display:block;color:#7b8580;margin-top:4px}.cmsStatus{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.08em;padding:6px 9px;border-radius:999px;background:#eef2ef}.cmsStatus-published{background:#e3f5e9}.cmsStatus-review{background:#fff2cf}.cmsStatus-archived{background:#ececec}.cmsFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cmseditor label{display:block;font-size:12px;font-weight:700;margin:14px 0 6px}.cmseditor input,.cmseditor select,.cmseditor textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #d8dfdb;border-radius:8px;font:inherit;background:#fff}.cmseditor textarea{min-height:120px;resize:vertical}.cmsUpload{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:10px 0 14px}.cmsUpload label{flex:1;margin:0}.cmsPrimary{background:#075b37;color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:800;cursor:pointer}.cmsGhost{border:1px solid #d4ddd8;background:#fff;border-radius:7px;padding:8px 11px;cursor:pointer}@media(max-width:760px){.cmsFormGrid{grid-template-columns:1fr}.cmsManagerHead{display:block}.cmsManagerHead .cmsPrimary{margin-top:12px}} .cmsDynamicBlock{margin:0 0 28px}.cmsDynamicBadge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;color:#17633f;background:#eaf4ee;padding:5px 8px;border-radius:999px}.cmsGalleryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cmsGalleryCard{border:1px solid #e2e7e4;border-radius:14px;overflow:hidden;background:#fff}.cmsGalleryCard img{width:100%;height:190px;object-fit:cover}.cmsGalleryCard div{padding:15px}.cmsGalleryCard h3{margin:6px 0}.cmsGalleryCard p{color:#667}.cmsGalleryMedia{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.cmsGalleryMedia img{height:80px;border-radius:5px}@media(max-width:760px){.cmsGalleryGrid{grid-template-columns:1fr}} /* PAMA V9 video integration — 2026-09-22 */ .utilityVideoPlay,.siteSearchToggle{width:22px!important;height:22px!important;min-width:22px!important;padding:0!important;border:0!important;background:transparent!important;color:#13251f!important;display:inline-grid!important;place-items:center!important;font:800 14px/1 "DM Sans",sans-serif!important;cursor:pointer;border-radius:3px} .utilityVideoPlay:hover,.utilityVideoPlay:focus,.siteSearchToggle:hover,.siteSearchToggle:focus{color:var(--green)!important;background:#e4ebe7!important;outline:0} .heroDiscoverHotspot{border:0;background:transparent;cursor:pointer;padding:0} .pamaVideoModal{position:fixed;inset:0;z-index:1000;background:rgba(2,20,14,.92);display:flex;align-items:center;justify-content:center;padding:32px;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease} .pamaVideoModal.open{opacity:1;visibility:visible}.pamaVideoShell{width:min(1180px,94vw);aspect-ratio:16/9;position:relative;background:#000;box-shadow:0 30px 90px rgba(0,0,0,.55);transform:translateY(10px) scale(.985);transition:transform .32s ease} .pamaVideoModal.open .pamaVideoShell{transform:none}.pamaVideoShell video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.pamaVideoClose{position:absolute;right:-14px;top:-14px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#063f2e;color:#fff;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.35)}.videoModalOpen{overflow:hidden} @media(max-width:760px){.pamaVideoModal{padding:12px}.pamaVideoShell{width:100%}.pamaVideoClose{right:4px;top:-46px}} .cmsRepeat{margin:22px 0}.repeatRow{border:1px solid #d9dfdc;border-radius:10px;padding:14px;margin:10px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.repeatRow legend{font-weight:700;padding:0 6px}.repeatRow label{display:flex;flex-direction:column;gap:5px;text-transform:capitalize}.repeatRow .removeRow{align-self:end}.cmseditor textarea.scalarField{min-height:110px}@media(max-width:760px){.repeatRow{grid-template-columns:1fr}} /* CMS V34 — focused post-login workspace */ .cmsMenuToggle{position:fixed;left:255px;top:16px;z-index:120;width:40px;height:40px;border:1px solid #d7e1dc;border-radius:8px;background:#fff;color:#0b4936;font-size:20px;cursor:pointer;box-shadow:0 5px 18px rgba(3,45,32,.08)} .cmsbody.cmsNavCollapsed{grid-template-columns:1fr}.cmsbody.cmsNavCollapsed .cmsnav{display:none}.cmsbody.cmsNavCollapsed .cmsMenuToggle{left:18px}.cmsbody.cmsNavCollapsed .cmsmain>header{padding-left:78px} .cmsWelcome{min-height:calc(100vh - 130px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 42%,#f7faf8 0,#eef5f1 42%,#e4eee9 100%);border:1px solid #dce7e1;border-radius:14px;padding:48px 24px;overflow:hidden;position:relative} .cmsWelcome:before,.cmsWelcome:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(18,102,72,.09);border-radius:50%}.cmsWelcome:before{left:-250px;top:-230px}.cmsWelcome:after{right:-250px;bottom:-250px} .cmsWelcomeMark{background:#fff;padding:22px 28px;border-radius:4px;box-shadow:0 16px 45px rgba(8,66,47,.08);position:relative;z-index:1}.cmsWelcomeMark img{display:block;width:min(270px,42vw);height:auto}.cmsWelcomeRule{width:72px;height:3px;background:#6da934;margin:28px 0 20px}.cmsWelcome small{font:800 12px Manrope;letter-spacing:.24em;color:#668075}.cmsWelcome h1{font:800 clamp(28px,3vw,48px)/1.05 Manrope;margin:7px 0;color:#123b2f;letter-spacing:.035em}.cmsWelcome p{font:500 16px DM Sans;color:#65766f;margin:8px 0 22px}.cmsWelcomeTag{font:800 11px Manrope;letter-spacing:.16em;color:#1b5d47}.cmsWelcomeTag i{font-style:normal;color:#75a936;padding:0 7px}.cmsWelcomeOpen{margin-top:28px;position:relative;z-index:2} @media(max-width:760px){.cmsMenuToggle{left:16px}.cmsmain>header{padding-left:68px!important}.cmsWelcome{min-height:calc(100vh - 120px);padding:32px 18px}.cmsWelcomeMark img{width:min(240px,62vw)}} /* CMS V35 — login is always the initial standalone screen */ #cmsShell[hidden],#cmsMenuToggle[hidden]{display:none!important}.cmsLogin{position:fixed;inset:0;z-index:500;background:linear-gradient(120deg,#103f30 0%,#245c3d 55%,#7ba64a 100%);display:grid;place-items:center;padding:28px;overflow:auto}.cmsLogin[hidden]{display:none!important}.cmsLoginCard{width:min(460px,92vw);background:#fff;border-radius:22px;padding:44px 46px;box-shadow:0 30px 90px rgba(0,30,20,.32)}.cmsLoginCard>img{width:165px;height:auto;margin-bottom:30px}.cmsLoginCard small{display:block;color:#6c9637;font:800 10px Manrope;letter-spacing:.18em}.cmsLoginCard h1{font:800 36px Manrope;margin:12px 0 18px;color:#182e27}.cmsLoginCard p{color:#65736e;line-height:1.55}.cmsLoginCard label{display:block;font-weight:700;margin-top:18px}.cmsLoginCard input{width:100%;box-sizing:border-box;padding:14px;border:1px solid #ccd8d2;border-radius:10px;margin-top:7px}.cmsLoginCard .cmsPrimary{width:100%;margin-top:25px;border-radius:8px}.cmsDemoNote{margin-top:14px;padding:12px;background:#f0f4f2;border-radius:8px;color:#65736e;font-size:11px}@media(max-width:600px){.cmsLoginCard{padding:32px 24px}.cmsLoginCard>img{width:140px}.cmsLoginCard h1{font-size:31px}} /* CMS V36 — dashboard constrained to workspace */ .cmsmain{min-width:0;overflow:hidden}.cmsmain>section{max-width:100%;box-sizing:border-box;overflow-x:hidden}.cmsDashboard{width:100%;max-width:1180px;box-sizing:border-box}.cmsDashHero{display:flex;align-items:center;gap:28px;background:linear-gradient(120deg,#0c4836,#236343);color:#fff;padding:34px 38px;border-radius:14px;min-height:170px;box-sizing:border-box}.cmsDashHero img{width:150px;max-height:95px;object-fit:contain;background:#fff;padding:14px;border-radius:8px}.cmsDashHero small{font:800 9px Manrope;letter-spacing:.17em;color:#b8d79a}.cmsDashHero h1{font:700 clamp(28px,3vw,42px)/1.05 Manrope;margin:8px 0}.cmsDashHero p{margin:0;color:#dbe9e3;max-width:650px;line-height:1.5}.cmsDashGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.cmsDashGrid button{background:#fff;border:1px solid #dce5e0;border-radius:10px;padding:20px;text-align:left;cursor:pointer;color:#153d31}.cmsDashGrid button:hover{border-color:#76a18e;transform:translateY(-1px)}.cmsDashGrid b,.cmsDashGrid span{display:block}.cmsDashGrid b{font:700 15px Manrope}.cmsDashGrid span{font-size:11px;color:#697a73;margin-top:5px}.cmsDashNote{margin-top:18px;background:#edf4f0;padding:18px 20px;border-radius:10px}.cmsDashNote b,.cmsDashNote span{display:block}.cmsDashNote span{font-size:12px;color:#66766f;margin-top:4px}@media(max-width:1050px){.cmsDashGrid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.cmsDashHero{display:block;padding:25px}.cmsDashHero img{width:120px;margin-bottom:20px}.cmsDashGrid{grid-template-columns:1fr}} /* CMS V37 emergency workspace visibility */ .cmsmain{background:#f3f6f4!important;min-height:100vh}.cmsmain>header{display:flex!important;visibility:visible!important}.cmsmain>section#cmsContent{display:block!important;visibility:visible!important;min-height:calc(100vh - 70px);padding:30px!important;position:relative!important;width:auto!important}.cmsDashboard{display:block!important;visibility:visible!important;opacity:1!important}.cmsDashHero,.cmsDashGrid,.cmsDashNote{visibility:visible!important;opacity:1!important} /* CMS V38 — root layout correction The legacy .cmsbody rule made BODY itself a 245px/1fr grid. cmsShell was therefore being laid out as a grid child in the first column, while its own sidebar/content overflowed invisibly into the viewport. Keep the page root block-level and let cmsShell own the two-column CMS layout. */ html:has(body.cmsV21),body.cmsV21{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow-x:hidden!important} body.cmsV21{display:block!important;grid-template-columns:none!important;background:#f4f6f5!important} body.cmsV21 .cmsShell{width:100%!important;max-width:none!important;grid-template-columns:270px minmax(0,1fr)!important} body.cmsV21 .cmsmain{width:100%!important;min-width:0!important;overflow:visible!important} body.cmsV21 #cmsContent{width:100%!important;max-width:none!important;min-width:0!important;overflow:visible!important} /* V39 — CMS operational dashboard + Gallery sticky submenu alignment */ .cmsStatGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.cmsStatCard{background:#fff;border:1px solid #dce5e0;border-radius:11px;padding:18px 20px;min-height:104px;box-sizing:border-box}.cmsStatCard small{display:block;font:800 9px Manrope;letter-spacing:.12em;color:#718079}.cmsStatCard b{display:block;font:800 28px Manrope;color:#154c3a;margin:7px 0 3px}.cmsStatCard span{font-size:11px;color:#6c7974}.cmsStatCard.cmsHealthy{border-left:4px solid #5d9a45}.cmsStatCard.cmsUnhealthy{border-left:4px solid #b57b2d}.cmsConnectivity{margin-top:18px;background:#fff;border:1px solid #dce5e0;border-radius:11px;padding:18px 20px;display:grid;grid-template-columns:180px 1fr;gap:10px 24px;align-items:center}.cmsConnectivity small{font:700 10px Manrope;color:#73817b}.cmsConnectivity h3{margin:4px 0 0;font:800 17px Manrope;color:#173e32}.cmsHealth{display:flex;gap:10px;flex-wrap:wrap}.cmsHealth span{border:1px solid #dce5e0;border-radius:999px;padding:8px 11px;font:700 10px Manrope;color:#53655d}.cmsHealth i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c7cec9;margin-right:6px}.cmsHealth span.ok i{background:#579846}.cmsConnectivity>small:last-child{grid-column:2;color:#75817c} @media(max-width:1050px){.cmsStatGrid{grid-template-columns:1fr 1fr}.cmsConnectivity{grid-template-columns:1fr}.cmsConnectivity>small:last-child{grid-column:1}} @media(max-width:650px){.cmsStatGrid{grid-template-columns:1fr}.cmsHealth{display:grid;grid-template-columns:1fr}} @media(min-width:901px){.galleryV24 .galleryFilterBar{top:92px!important;margin-top:0!important}} /* V40 Past Presidents archive */ .pastPresidentGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}.pastPresidentCard{background:#fff;border:1px solid #dce5e0;min-width:0;overflow:hidden}.pastPresidentCard>img,.ppPhotoPlaceholder{width:100%;aspect-ratio:4/4.6;object-fit:cover;display:block;background:linear-gradient(145deg,#e8f0eb,#dce9df)}.ppPhotoPlaceholder{display:grid;place-items:center;font:800 34px Manrope;color:#71927f}.pastPresidentCard>div:last-child{padding:17px}.pastPresidentCard small{font:800 9px Manrope;letter-spacing:.12em;color:#77a641}.pastPresidentCard h3{font:700 21px/1.12 "Source Serif 4",Georgia,serif;margin:6px 0;color:#173c30}.pastPresidentCard p{font-size:11px;line-height:1.5;color:#65766f;margin:8px 0}.pastPresidentCard a{font:800 10px Manrope;color:#07583f;text-decoration:none}.pastPresidentCard.ppExtra{display:none}.pastPresidentGrid.showAll .pastPresidentCard.ppExtra{display:block}.ppViewAll{margin-top:20px;border:1px solid #07583f;background:#fff;color:#07583f;padding:11px 17px;border-radius:4px;font:800 10px Manrope;cursor:pointer}.cmsPersonRow{display:flex;align-items:center;gap:12px}.cmsPersonRow img{width:44px;height:44px;object-fit:cover;border-radius:5px;border:1px solid #dce5e0} @media(max-width:1000px){.pastPresidentGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.pastPresidentGrid{grid-template-columns:1fr}.pastPresidentCard{display:grid;grid-template-columns:110px 1fr}.pastPresidentCard>img,.ppPhotoPlaceholder{height:100%;aspect-ratio:auto}.pastPresidentCard.ppExtra{display:none}.pastPresidentGrid.showAll .pastPresidentCard.ppExtra{display:grid}} /* V41 Leadership portrait cards */ .leaders .leaderPersonCard{display:flex;flex-direction:column;overflow:hidden;padding:0!important;background:#fff;border:1px solid #dce5e0}.leaderPersonCard>img,.leaderPhotoPlaceholder{width:100%;aspect-ratio:1/1.08;object-fit:cover;display:block}.leaderPhotoPlaceholder{display:grid;place-items:center;background:linear-gradient(145deg,#edf3ef,#dfeae3);font:800 28px Manrope;color:#789386}.leaderPersonCard>b{padding:13px 14px 2px;font-size:12px}.leaderPersonCard>small{padding:0 14px 14px}.pfiLeaders{margin-top:22px} /* V42 FY26-27 Committees */ .committeeGroup{margin:28px 0 38px}.committeeGroupHead{border-bottom:2px solid #d0a520;padding:0 0 12px;margin-bottom:16px;display:flex;align-items:baseline;gap:12px}.committeeGroupHead span{font:800 17px Manrope;letter-spacing:.08em;color:#07583f}.committeeGroupHead small{font:italic 11px Manrope;color:#718078}.committeeCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px}.committeeCard{border:1px solid #d9e5de;border-top:6px solid #d0a520;border-radius:0 0 10px 10px;background:#fff;overflow:hidden;min-height:180px}.committeeCard h3{background:#07583f;color:#fff;margin:0;padding:15px 16px;font:800 16px/1.25 Manrope;min-height:58px}.committeeCard small{display:block;padding:14px 16px 0;font:800 9px Manrope;letter-spacing:.16em;color:#c99a16}.committeeCard b{display:block;padding:4px 16px 0;font:800 15px/1.35 Manrope;color:#101814}.committeeCard b+small{padding-top:12px}@media(max-width:650px){.committeeGroupHead{display:block}.committeeGroupHead small{display:block;margin-top:5px}.committeeCards{grid-template-columns:1fr}} /* V43 premium leadership sizing + PFI committees */ .leaders{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:12px!important} .leaders .leaderPersonCard{max-width:190px;border:1px solid #dfe7e2!important;border-radius:8px!important;box-shadow:0 7px 20px rgba(12,64,46,.055)} .leaderPersonCard>img,.leaderPhotoPlaceholder{aspect-ratio:1/1!important;max-height:175px} .leaderPersonCard>b{padding:10px 11px 2px!important;font-size:11px!important;line-height:1.25!important;color:#123c2f} .leaderPersonCard>small{padding:0 11px 11px!important;font-size:9px!important;color:#728078} .committeeGroup{margin:24px 0 32px!important}.committeeGroupHead span{font-size:14px!important}.committeeGroupHead small{font-size:9px!important} .committeeCards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:11px!important} .committeeCard{min-height:145px!important;border-top:4px solid #b9962f!important;border-color:#dfe6e2!important;box-shadow:0 6px 18px rgba(12,64,46,.035)} .committeeCard h3{background:#0b513d!important;padding:12px 13px!important;font-size:13px!important;min-height:46px!important} .committeeCard small{padding:10px 13px 0!important;font-size:8px!important;color:#b28b25!important} .committeeCard b{padding:3px 13px 0!important;font-size:12px!important;line-height:1.32!important;font-weight:700!important} .pastPresidentGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important} .pastPresidentCard{border-radius:8px;border-color:#dfe7e2!important;box-shadow:0 7px 20px rgba(12,64,46,.045)} .pastPresidentCard>img,.ppPhotoPlaceholder{aspect-ratio:1/1!important;max-height:190px}.pastPresidentCard>div:last-child{padding:12px!important} .pastPresidentCard h3{font-size:16px!important}.pastPresidentCard p{font-size:9px!important}.pastPresidentCard small{font-size:8px!important} .pfiCommitteeBlock{margin-top:34px;border-top:1px solid #dce5e0;padding-top:24px}.pfiCommitteeBlock>h3{font:700 24px "Source Serif 4",Georgia,serif;color:#123d30;margin:5px 0 16px} .pfiCommitteeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.pfiCommitteeCard{background:#fff;border:1px solid #dfe7e2;border-top:4px solid #b9962f;border-radius:7px;padding:14px;box-shadow:0 6px 18px rgba(12,64,46,.035)}.pfiCommitteeCard h3{font:800 12px Manrope;color:#0b513d;margin:0 0 8px}.pfiCommitteeCard p{font:700 11px/1.5 Manrope;color:#273b34;margin:0} .cmsCommitteeGroup{background:#fff;border:1px solid #dce5e0;border-radius:10px;margin:0 0 16px;padding:16px}.cmsCommitteeGroup h3{margin:0;color:#154c3a}.cmsCommitteeGroup>small{display:block;margin:3px 0 10px;color:#75817c} @media(max-width:1000px){.pastPresidentGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pfiCommitteeGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pastPresidentGrid{grid-template-columns:1fr 1fr!important}.pfiCommitteeGrid{grid-template-columns:1fr}.leaders .leaderPersonCard{max-width:none}} /* V44 PFI BOT first + clearer institutional labels */ .pfiBotBlock{margin-top:24px}.pfiBotBlock>label,.pfiCommitteeBlock>label{font:800 9px Manrope;letter-spacing:.16em;color:#b28b25}.pfiBotBlock>h3,.pfiCommitteeBlock>h3{font:700 23px "Source Serif 4",Georgia,serif;color:#123d30;margin:5px 0 14px}.pfiBotBlock .pfiLeaders{margin-top:0!important}.pfiCommitteeBlock{margin-top:32px!important} /* V45 CMS Leadership Assets */ .assetTabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.assetTabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:20px;background:#edf3ef;color:#15523e;margin-left:5px;font-size:10px}.assetGroupTitle{font:800 18px Manrope;color:#123d30;margin:10px 0 14px}.leadershipAssetGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.leadershipAssetCard{background:#fff;border:1px solid #dce5e0;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(12,64,46,.045)}.leadershipAssetCard img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#edf2ef}.leadershipAssetCard>div{padding:11px}.leadershipAssetCard b{display:block;font:800 12px Manrope;color:#123d30}.leadershipAssetCard small{display:block;font:500 10px DM Sans;color:#68766f;margin:2px 0 8px}.leadershipAssetCard em{display:block;font:400 8px/1.35 DM Sans;color:#8a9690;word-break:break-all;margin-bottom:9px}.assetEmpty{padding:24px;background:#fff;border:1px dashed #ccd8d1;border-radius:10px;color:#748079} /* V46 — PAMA committees use PFI committee card typography; Legal & Compliance stays one horizontal row */ .committeeCards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:11px!important} .committeeCard{background:#fff!important;border:1px solid #dfe7e2!important;border-top:4px solid #0b513d!important;border-radius:7px!important;min-height:0!important;box-shadow:0 6px 18px rgba(12,64,46,.035)!important;padding:0 0 13px!important} .committeeCard h3{background:#0b513d!important;color:#fff!important;margin:0!important;padding:12px 13px!important;min-height:0!important;font:800 12px/1.3 Manrope!important} .committeeCard small{padding:10px 13px 0!important;font:800 8px/1.3 Manrope!important;letter-spacing:.14em!important;color:#b28b25!important} .committeeCard b{padding:3px 13px 0!important;font:700 11px/1.5 Manrope!important;color:#273b34!important} .committeeGroup[data-committee-group="Legal & Compliance"] .committeeCards{grid-template-columns:repeat(5,minmax(0,1fr))!important} .committeeGroup[data-committee-group="Legal & Compliance"] .committeeCard h3{white-space:nowrap!important;font-size:11px!important} @media(max-width:1050px){.committeeGroup[data-committee-group="Legal & Compliance"] .committeeCards{grid-template-columns:repeat(5,minmax(150px,1fr))!important;overflow-x:auto!important}.committeeGroup[data-committee-group="Legal & Compliance"]{overflow-x:auto!important}} /* V47 — Legal & Compliance: one horizontal row; title bars fit text */ .committeeCard h3{display:table!important;width:auto!important;max-width:calc(100% - 24px)!important;margin:0 12px!important;padding:8px 11px!important;border-radius:0 0 5px 5px!important;white-space:normal!important} .committeeGroup[data-committee-group="Legal & Compliance"] .committeeCards{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important} .committeeGroup[data-committee-group="Legal & Compliance"] .committeeCard{min-width:0!important} .committeeGroup[data-committee-group="Legal & Compliance"] .committeeCard h3{display:table!important;width:auto!important;max-width:calc(100% - 20px)!important;white-space:nowrap!important;font-size:10px!important;margin:0 10px!important;padding:8px 9px!important} @media(max-width:1050px){ .committeeGroup[data-committee-group="Legal & Compliance"]{overflow-x:auto!important;padding-bottom:6px} .committeeGroup[data-committee-group="Legal & Compliance"] .committeeCards{grid-template-columns:repeat(5,minmax(170px,1fr))!important;min-width:890px!important} } /* V48 — cleaner PAMA/PFI committee headings */ .committeeCard h3,.pfiCommitteeCard h3{ background:transparent!important; color:#0b513d!important; display:block!important; width:auto!important; max-width:none!important; margin:0!important; padding:5px 12px!important; border-radius:0!important; } .committeeCard,.pfiCommitteeCard{border-top:3px solid #0b513d!important} .committeeGroup[data-committee-group="Legal & Compliance"] .committeeCard h3{ background:transparent!important;color:#0b513d!important; margin:0!important;padding:5px 10px!important; } /* V49 — PFI committee card alignment; restore gold top accent */ .pfiCommitteeCard{border-top:3px solid #d2a51f!important} .pfiCommitteeCard h3{ background:transparent!important; color:#0b513d!important; display:block!important; width:auto!important; max-width:none!important; margin:0!important; padding:5px 12px!important; text-align:left!important; line-height:1.3!important; } /* V50 — tighten PFI committee card heading alignment */ .pfiCommitteeCard h3{ margin:0!important; padding:2px 12px 3px!important; text-align:left!important; } .pfiCommitteeCard small, .pfiCommitteeCard b{ padding-left:12px!important; padding-right:12px!important; } .pfiCommitteeCard small{padding-top:5px!important} /* V51 — Legal & Compliance always one horizontal row on desktop/laptop/tablet */ .committeeGroup[data-committee-group="Legal & Compliance"]{width:100%!important;max-width:none!important;overflow-x:auto!important} .committeeGroup[data-committee-group="Legal & Compliance"] .committeeCards{ display:grid!important; grid-template-columns:repeat(5,minmax(145px,1fr))!important; gap:10px!important; width:100%!important; min-width:760px!important; align-items:stretch!important; overflow:visible!important; } .committeeGroup[data-committee-group="Legal & Compliance"] .committeeCard{width:auto!important;min-width:0!important;margin:0!important} @media(min-width:768px){ .committeeGroup[data-committee-group="Legal & Compliance"] .committeeCards{ grid-template-columns:repeat(5,minmax(0,1fr))!important; min-width:760px!important; } } /* V52 Past Presidents portraits: forced crop */ .pastPresidentCard img,.pastPresidentPhoto,.pastPresidentCard .pastPresidentPhoto{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;object-position:center 18%!important;overflow:hidden!important} /* PFI single-page foundation experience */ header>nav .navDrop{position:relative;display:flex;align-items:center}.navDrop>a{display:block}.navDropMenu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:190px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px #0b2e221c;padding:8px;opacity:0;visibility:hidden;transition:.18s;z-index:60}.navDrop:hover .navDropMenu,.navDrop:focus-within .navDropMenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.navDropMenu a{display:block;padding:9px 11px;border-radius:3px;font-size:12px}.navDropMenu a:hover{background:#f2f6f3;color:var(--green)} .pfiImageBar{position:relative;min-height:360px;overflow:hidden;background:#073f30}.pfiImageMosaic{position:absolute;inset:0;display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:3px}.pfiImageMosaic img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04)}.pfiImageBar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#063d31ed 0%,#063d31b8 38%,#063d3152 70%,#063d3120)}.pfiImageOverlay{position:relative;z-index:2;color:#fff;padding:72px 8vw;max-width:760px}.pfiImageOverlay label,.pfiZ label{font:800 10px Manrope;letter-spacing:.18em;color:var(--lime)}.pfiImageOverlay h1{font-size:54px;line-height:1.02;margin:9px 0 12px}.pfiImageOverlay p{max-width:620px;font-size:16px;color:#e2eee9}.pfiSectionNav{position:sticky;top:92px;z-index:20;background:#fff}.pfiZ{padding-top:34px}.pfiZRow{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;padding:55px 0;border-bottom:1px solid var(--line);scroll-margin-top:150px}.pfiZRow.reverse .pfiZCopy{order:2}.pfiZRow.reverse>.leaders{order:1}.pfiZCopy h2{font-size:42px;line-height:1.06;margin:8px 0 16px}.pfiZCopy .lede{font-size:18px;color:#28483e}.pfiZCopy p{color:#56665f}.pfiImpact{background:linear-gradient(145deg,#064d39,#087052);color:#fff;padding:42px}.pfiImpact span{font:800 9px Manrope;letter-spacing:.17em;color:var(--lime)}.pfiImpact h3{font-size:30px;margin:9px 0}.pfiImpact p{color:#d8e8e2}.pfiPage .pfiLeaders{grid-template-columns:repeat(3,1fr)}.pfiPage .pfiCommitteeGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pfiPage .pfiCommitteeCard{border-top:3px solid #d2a51f;background:#fafbf9;padding:14px 16px}.pfiPage .pfiCommitteeCard h3{margin:0 0 6px;color:var(--green);font:700 15px Manrope}.pfiPage .pfiCommitteeCard p{margin:0;color:#43554e;font-size:12px}@media(max-width:1100px){header>nav{gap:12px}.pfiPage .pfiLeaders{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pfiImageBar{min-height:390px}.pfiImageMosaic{grid-template-columns:1fr}.pfiImageMosaic img:nth-child(n+2){display:none}.pfiImageOverlay{padding:70px 22px}.pfiImageOverlay h1{font-size:39px}.pfiSectionNav{top:82px;overflow-x:auto;justify-content:flex-start}.pfiZRow{grid-template-columns:1fr;gap:24px;padding:38px 0}.pfiZRow.reverse .pfiZCopy,.pfiZRow.reverse>.leaders{order:initial}.pfiPage .pfiLeaders,.pfiPage .pfiCommitteeGrid{grid-template-columns:1fr}} /* PFI V2: stable main navigation, stock hero, PAMA-aligned leadership */ header>nav>a[href="pfi.html"]{white-space:nowrap} .stockFoundationBar{background-image:linear-gradient(90deg,#063d31ed 0%,#063d31a8 42%,#063d3135 100%),url("https://usa.generation.org/wp-content/uploads/2020/08/IMG_1669-scaled.jpg");background-size:cover;background-position:center 45%} .stockFoundationBar:after{display:none}.stockFoundationBar .pfiImageOverlay{padding-top:76px;padding-bottom:76px} .pfiPillars{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pfiPillars article{padding:22px;background:#f6f8f6;border-top:3px solid #0b684c}.pfiPillars b{display:block;color:#07523d;margin-bottom:6px}.pfiPillars span{font-size:12px;line-height:1.55;color:#5b6b64} .pfiPage .pfiLeaders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pfiPage .leaderPersonCard{background:#fff;border:1px solid var(--line);text-align:center;padding:0 0 14px;overflow:hidden}.pfiPage .leaderPersonCard img,.pfiPage .leaderPhotoPlaceholder{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;margin:0 0 12px}.pfiPage .leaderPersonCard b,.pfiPage .leaderPersonCard small{display:block;padding:0 10px}.pfiPage .leaderPersonCard small{margin-top:3px;color:#68756f} .pfiPage .pfiCommitteeGrid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.pfiPage .pfiCommitteeCard{min-height:108px;text-align:left} @media(max-width:1000px){.pfiPage .pfiLeaders,.pfiPage .pfiCommitteeGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pfiPillars,.pfiPage .pfiLeaders,.pfiPage .pfiCommitteeGrid{grid-template-columns:1fr}} /* PFI BOT V3: title above, trustees in one horizontal line */ .pfiBotSection{padding:55px 0;border-bottom:1px solid var(--line);scroll-margin-top:150px} .pfiBotTitle{max-width:780px;margin-bottom:26px}.pfiBotTitle label{font:800 10px Manrope;letter-spacing:.18em;color:var(--lime)}.pfiBotTitle h2{font-size:42px;line-height:1.06;margin:8px 0 10px}.pfiBotTitle p{color:#56665f;margin:0} .pfiPage .pfiBotSection .pfiLeaders{display:flex!important;gap:12px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:thin;align-items:stretch} .pfiPage .pfiBotSection .leaderPersonCard{flex:0 0 150px;min-width:150px;margin:0} .pfiPage .pfiBotSection .leaderPersonCard img,.pfiPage .pfiBotSection .leaderPhotoPlaceholder{aspect-ratio:1/1.08} @media(min-width:1500px){.pfiPage .pfiBotSection .pfiLeaders{justify-content:space-between}.pfiPage .pfiBotSection .leaderPersonCard{flex:1 1 0;min-width:115px;max-width:165px}} @media(max-width:760px){.pfiBotSection{padding:38px 0}.pfiBotTitle h2{font-size:34px}.pfiPage .pfiBotSection .leaderPersonCard{flex-basis:142px;min-width:142px}} /* PFI V4: persistent menu, Filipino activity hero, 6 trustees per row */ .filipinoFoundationBar{background-image:linear-gradient(90deg,#063d31ed 0%,#063d31a8 42%,#063d3130 100%),url("https://www.ivolunteer.com.ph/storage/event_images/uJs8bppZXqmYQunPA5ykHPG9mEo2tUBE3k33F8Gx.jpg");background-size:cover;background-position:center 48%} .filipinoFoundationBar:after{display:none} .pfiPage .pfiBotSection .pfiLeaders{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;overflow:visible;padding:2px 0 14px;align-items:stretch} .pfiPage .pfiBotSection .leaderPersonCard{min-width:0;max-width:none;width:auto;flex:none} @media(min-width:1500px){.pfiPage .pfiBotSection .pfiLeaders{justify-content:initial}.pfiPage .pfiBotSection .leaderPersonCard{min-width:0;max-width:none}} @media(max-width:1100px){.pfiPage .pfiBotSection .pfiLeaders{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.pfiPage .pfiBotSection .pfiLeaders{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.pfiPage .pfiBotSection .pfiLeaders{grid-template-columns:1fr 1fr}} /* PFI Purpose in Action: live text over fading outreach photo */ .pfiPurposePhoto{position:relative;min-height:500px;padding:0!important;overflow:hidden;background-image:url("https://images.unsplash.com/photo-1593113598332-cd288d649433?auto=format&fit=crop&w=1600&q=85");background-size:cover;background-position:center} .pfiPurposePhoto:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,66,49,.98) 0%,rgba(3,66,49,.92) 42%,rgba(3,66,49,.55) 68%,rgba(3,66,49,.08) 100%)} .pfiPurposeMessage{position:relative;z-index:1;max-width:650px;padding:58px 52px;color:#fff}.pfiPurposeMessage span{font:800 11px Manrope;letter-spacing:.18em;color:var(--lime)}.pfiPurposeMessage h3{font-size:54px;line-height:1.02;margin:18px 0 22px;color:#fff}.pfiPurposeMessage h3 em{font-weight:500;color:var(--lime)}.pfiPurposeMessage p{font-size:17px;line-height:1.72;color:#f0f6f3}.pfiPurposeTags{margin-top:42px;padding-top:25px;border-top:3px solid var(--lime);width:max-content;max-width:100%;font:800 9px Manrope;letter-spacing:.18em;color:#fff}.pfiPurposeTags i{font-style:normal;color:var(--lime);padding:0 9px} @media(max-width:760px){.pfiPurposePhoto{min-height:520px;background-position:62% center}.pfiPurposePhoto:before{background:linear-gradient(90deg,rgba(3,66,49,.97),rgba(3,66,49,.76))}.pfiPurposeMessage{padding:45px 24px}.pfiPurposeMessage h3{font-size:42px}.pfiPurposeTags{line-height:2}} /* Header V5: PAMA Foundation is a permanent, non-dropdown main navigation item */ header>nav>a.mainPfiNav{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:relative!important;transform:none!important;white-space:nowrap!important;width:auto!important;max-width:none!important;overflow:visible!important;pointer-events:auto!important;color:#172a23!important} header>nav>a.mainPfiNav:hover,header>nav>a.mainPfiNav:focus,header>nav>a.mainPfiNav:focus-visible{display:inline-flex!important;visibility:visible!important;opacity:1!important;color:var(--green)!important} header>nav>a.mainPfiNav.active{display:inline-flex!important;visibility:visible!important;opacity:1!important;color:var(--green)!important;font-weight:800!important} header>nav>a.mainPfiNav:after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:-8px!important;height:2px!important;background:transparent!important} header>nav>a.mainPfiNav:hover:after,header>nav>a.mainPfiNav.active:after{background:var(--green)!important} @media(max-width:900px){header>nav>a.mainPfiNav{display:none!important}} /* PFI V6 premium identity + compact committee headers */ .pfiWhatLogo{display:flex;justify-content:center;align-items:center;width:100%;margin:0 auto 30px;padding:2px 0 22px;border-bottom:1px solid #e1e9e5} .pfiLogoVector{display:block;width:min(500px,88%);height:auto;filter:drop-shadow(0 6px 12px rgba(3,73,49,.06))} .pfiPage #committees{align-items:start}.pfiPage .pfiCommitteeGrid{gap:14px} .pfiPage .pfiCommitteeCard{padding:0!important;background:#fff!important;border:1px solid #dfe7e3!important;border-top:0!important;min-height:108px!important;box-shadow:0 8px 22px rgba(6,65,47,.055);overflow:hidden;border-radius:3px} .pfiPage .pfiCommitteeCard h3{margin:0!important;padding:8px 11px!important;background:linear-gradient(135deg,#07533e,#0a6b4f)!important;color:#fff!important;font:800 10px/1.25 Manrope!important;letter-spacing:.045em;text-transform:uppercase} .pfiPage .pfiCommitteeCard p{margin:0!important;padding:10px 11px 12px!important;color:#42564d!important;font:500 10px/1.5 Manrope!important} .pfiPage .pfiCommitteeCard:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(6,65,47,.09);transition:.18s ease} @media(max-width:760px){.pfiWhatLogo{margin-bottom:22px}.pfiLogoVector{width:min(430px,94%)}.pfiPage .pfiCommitteeCard h3{font-size:9.5px!important}} /* Header V7 definitive desktop navigation reset */ @media(min-width:901px){ body>header{display:flex!important;align-items:center!important;overflow:visible!important} body>header>nav{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 auto!important;min-width:0!important;justify-content:flex-end!important;align-items:center!important;gap:clamp(8px,1vw,18px)!important;margin-left:auto!important;overflow:visible!important} body>header>nav>a{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;align-items:center!important;position:relative!important;width:auto!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important;transform:none!important;padding:34px 0 31px!important;font-family:Manrope,sans-serif!important;font-weight:700!important;color:#10241d!important} body>header>nav>a:hover,body>header>nav>a:focus,body>header>nav>a.active{display:inline-flex!important;visibility:visible!important;opacity:1!important;transform:none!important;color:var(--green)!important} body>header>nav>a:after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:100%!important;bottom:24px!important;height:2px!important;background:var(--green)!important;transition:right .2s ease!important} body>header>nav>a:hover:after,body>header>nav>a:focus:after,body>header>nav>a.active:after{right:0!important} body>header>nav>a.mainPfiNav{display:inline-flex!important;visibility:visible!important;opacity:1!important} body>header .brand{flex:0 0 auto!important} body>header .join{flex:0 0 auto!important} } @media(min-width:901px) and (max-width:1500px){ body>header>nav{gap:clamp(7px,.75vw,12px)!important} body>header>nav>a{font-size:10px!important} } @media(min-width:901px) and (max-width:1180px){ body>header .brand{min-width:285px!important} body>header>nav{gap:7px!important} body>header>nav>a{font-size:9px!important;letter-spacing:0!important} body>header .join{margin-left:9px!important;padding:12px 9px!important;font-size:8.5px!important} } /* PFI logo asset */ .pfiWhatLogo img{display:block!important;width:min(520px,90%)!important;height:auto!important;max-height:none!important;opacity:1!important;visibility:visible!important;object-fit:contain!important;filter:drop-shadow(0 6px 12px rgba(3,73,49,.06))} /* PFI logo V7: full-width logo row above What We Do */ .pfiPage #what-we-do.pfiIntro{display:block!important;padding:42px 0 55px!important;border-bottom:1px solid var(--line);scroll-margin-top:150px} .pfiPage #what-we-do .pfiWhatLogo{display:flex!important;width:100%!important;min-height:150px!important;justify-content:center!important;align-items:center!important;margin:0 0 34px!important;padding:8px 0 28px!important;border-bottom:1px solid #e1e9e5!important} .pfiPage #what-we-do .pfiWhatLogo img{display:block!important;width:500px!important;max-width:82vw!important;height:auto!important;min-height:100px!important;visibility:visible!important;opacity:1!important} .pfiPage #what-we-do .pfiWhatGrid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:64px!important;align-items:center!important} @media(max-width:760px){.pfiPage #what-we-do .pfiWhatLogo{min-height:120px!important;margin-bottom:24px!important}.pfiPage #what-we-do .pfiWhatLogo img{width:390px!important;max-width:90vw!important;min-height:78px!important}.pfiPage #what-we-do .pfiWhatGrid{grid-template-columns:1fr!important;gap:24px!important}} /* V53 — Intelligence Feed source identity + direct headline links */ .intelSourceIdentity{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e1e8e4} .intelGrid article .intelSourceMark{width:46px;height:46px;flex:0 0 46px;border-radius:12px;display:grid;place-items:center;color:#fff!important;font:900 11px/1 Manrope;letter-spacing:.04em;box-shadow:0 5px 14px rgba(17,45,36,.14);position:relative;overflow:hidden} .intelGrid article .intelSourceMark:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.45);border-radius:8px;pointer-events:none} .intelSourceMark--adb{background:#1376b9} .intelSourceMark--bsp{background:linear-gradient(135deg,#183b63 0 64%,#d4aa31 64% 100%)} .intelSourceMark--psa{background:linear-gradient(135deg,#245ba2 0 52%,#c74444 52% 100%)} .intelSourceMark--pama{background:#00563d} .intelSourceIdentity>div:last-child{min-width:0} .intelSourceIdentity b{display:block;font:800 10px/1.25 Manrope;color:#1c332b} .intelSourceIdentity em{display:block;margin-top:3px;font:800 7px/1 Manrope;letter-spacing:.15em;color:#83918b;font-style:normal} .intelFeature .intelSourceIdentity{border-bottom-color:rgba(255,255,255,.16)} .intelFeature .intelSourceIdentity b{color:#fff}.intelFeature .intelSourceIdentity em{color:#b9d4ca} .intelGrid article .intelLabel{display:block;font:800 8px Manrope;letter-spacing:.12em;color:#4fa729} .intelGrid article h3 a.intelHeadlineLink{display:inline!important;margin:0!important;padding:0!important;color:inherit!important;text-decoration:none!important;font:inherit!important;letter-spacing:inherit!important} .intelGrid article h3 a.intelHeadlineLink:hover{text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important} .intelGrid article small.intelPublished{display:block;margin-top:auto;padding-top:14px;font-size:8px;color:#66766f} .intelGrid article small.intelSourceName{display:block;margin-top:2px;padding-top:0;font-size:8px;color:#7a8882} .intelGrid article a.intelReadLink{display:inline-block;margin-top:9px;font:800 9px Manrope;color:var(--green);text-decoration:none} .intelFeature small.intelPublished,.intelFeature small.intelSourceName{color:#d1e2dc!important}.intelFeature a.intelReadLink{color:#b8ee70!important} @media(max-width:760px){.intelSourceIdentity{margin-bottom:11px}.intelGrid article .intelSourceMark{width:42px;height:42px;flex-basis:42px}} /* V54 — PAMA Foundation logo belongs inside the What We Do content grid */ .pfiPage #what-we-do .pfiWhatGrid>.pfiWhatLogo{grid-column:1/-1!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:0!important;margin:0 auto 12px!important;padding:0 0 24px!important;border-bottom:1px solid #e1e9e5!important} .pfiPage #what-we-do .pfiWhatGrid>.pfiWhatLogo img{display:block!important;width:min(470px,72vw)!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0 auto!important;object-fit:contain!important} @media(max-width:760px){.pfiPage #what-we-do .pfiWhatGrid>.pfiWhatLogo{margin-bottom:6px!important;padding-bottom:18px!important}.pfiPage #what-we-do .pfiWhatGrid>.pfiWhatLogo img{width:min(390px,88vw)!important}} /* V55 — integrate PFI logo tightly into What We Do content */ .pfiPage #what-we-do.pfiIntro{ padding:30px 0 54px!important; } .pfiPage #what-we-do .pfiWhatGrid{ display:grid!important; grid-template-columns:1.05fr .95fr!important; column-gap:64px!important; row-gap:34px!important; align-items:start!important; } .pfiPage #what-we-do .pfiWhatGrid>.pfiWhatLogo{ grid-column:1/-1!important; display:flex!important; justify-content:center!important; align-items:center!important; width:100%!important; min-height:0!important; margin:0!important; padding:0 0 4px!important; border:0!important; } .pfiPage #what-we-do .pfiWhatGrid>.pfiWhatLogo img{ display:block!important; width:min(360px,56vw)!important; max-width:100%!important; min-height:0!important; height:auto!important; margin:0 auto!important; object-fit:contain!important; } .pfiPage #what-we-do .pfiZCopy label{ display:inline-flex!important; align-items:center!important; } .pfiPage #what-we-do .pfiZCopy label:before, .pfiPage #what-we-do .pfiZCopy label:after{ content:none!important; display:none!important; } @media(max-width:760px){ .pfiPage #what-we-do.pfiIntro{padding:24px 0 40px!important} .pfiPage #what-we-do .pfiWhatGrid{grid-template-columns:1fr!important;row-gap:22px!important;column-gap:0!important} .pfiPage #what-we-do .pfiWhatGrid>.pfiWhatLogo{padding-bottom:2px!important} .pfiPage #what-we-do .pfiWhatGrid>.pfiWhatLogo img{width:min(320px,78vw)!important} } /* V56 — final What We Do layout: PFI logo in left content column */ .pfiPage #what-we-do.pfiIntro{ padding:38px 0 56px!important; } .pfiPage #what-we-do .pfiWhatGrid{ display:grid!important; grid-template-columns:1.05fr .95fr!important; gap:54px!important; align-items:start!important; } .pfiPage #what-we-do .pfiLeftBlock{ min-width:0!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; } .pfiPage #what-we-do .pfiLeftBlock>.pfiWhatLogo{ display:flex!important; justify-content:center!important; align-items:center!important; width:100%!important; min-height:0!important; margin:0 0 30px!important; padding:0!important; border:0!important; } .pfiPage #what-we-do .pfiLeftBlock>.pfiWhatLogo img{ display:block!important; width:min(430px,88%)!important; max-width:100%!important; height:auto!important; min-height:0!important; margin:0 auto!important; object-fit:contain!important; } .pfiPage #what-we-do .pfiLeftBlock>.pfiZCopy{ width:100%!important; } .pfiPage #what-we-do .pfiLeftBlock>.pfiZCopy label{ display:inline-block!important; margin:0 0 8px!important; padding:0!important; font:800 10px Manrope!important; letter-spacing:.18em!important; color:var(--lime)!important; counter-reset:none!important; } .pfiPage #what-we-do .pfiLeftBlock>.pfiZCopy label:before, .pfiPage #what-we-do .pfiLeftBlock>.pfiZCopy label:after{ content:none!important; display:none!important; } .pfiPage #what-we-do .pfiLeftBlock>.pfiZCopy h2{ margin-top:8px!important; } .pfiPage #what-we-do>.pfiWhatGrid>.pfiImpact{ align-self:start!important; margin-top:0!important; } @media(max-width:760px){ .pfiPage #what-we-do.pfiIntro{padding:28px 0 42px!important} .pfiPage #what-we-do .pfiWhatGrid{ grid-template-columns:1fr!important; gap:28px!important; } .pfiPage #what-we-do .pfiLeftBlock>.pfiWhatLogo{ margin-bottom:22px!important; } .pfiPage #what-we-do .pfiLeftBlock>.pfiWhatLogo img{ width:min(350px,86vw)!important; } } /* V57 — Governance panel becomes a PFI call-to-action */ .pfiGovernanceCta{ position:relative!important; overflow:hidden!important; background:linear-gradient(145deg,#063f30 0%,#08664a 100%)!important; padding:44px 42px 40px!important; border-radius:4px!important; box-shadow:0 18px 44px rgba(4,58,42,.13)!important; } .pfiGovernanceCta:after{ content:""!important; position:absolute!important; width:190px!important; height:190px!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:50%!important; right:-70px!important; bottom:-90px!important; pointer-events:none!important; } .pfiGovernanceCta>span{ display:block!important; margin-bottom:12px!important; color:var(--lime)!important; font:800 9px/1.2 Manrope!important; letter-spacing:.18em!important; } .pfiGovernanceCta>h3{ max-width:420px!important; margin:0 0 14px!important; color:#fff!important; font-size:34px!important; line-height:1.04!important; } .pfiGovernanceCta>p{ max-width:500px!important; margin:0!important; color:#d9e9e3!important; font-size:13px!important; line-height:1.7!important; } .pfiCtaActions{ position:relative!important; z-index:1!important; display:flex!important; flex-wrap:wrap!important; gap:9px!important; margin-top:26px!important; } .pfiCtaActions a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:42px!important; padding:11px 15px!important; border:1px solid rgba(255,255,255,.34)!important; border-radius:3px!important; color:#fff!important; text-decoration:none!important; font:800 9px/1 Manrope!important; letter-spacing:.035em!important; background:rgba(255,255,255,.05)!important; } .pfiCtaActions a:hover{ background:#fff!important; border-color:#fff!important; color:#07513d!important; transform:translateY(-1px)!important; } .pfiCtaActions a.pfiCtaPrimary{ background:var(--lime)!important; border-color:var(--lime)!important; color:#163d2e!important; } .pfiCtaActions a.pfiCtaPrimary:hover{ background:#fff!important; border-color:#fff!important; } @media(max-width:760px){ .pfiGovernanceCta{padding:32px 25px 29px!important} .pfiGovernanceCta>h3{font-size:29px!important} .pfiCtaActions{display:grid!important;grid-template-columns:1fr!important} .pfiCtaActions a{width:100%!important} } /* V58 — PFI photo CTA + Donate page */ .pfiGovernancePhotoCta{ min-height:440px!important; padding:0!important; background-image:linear-gradient(90deg,rgba(3,60,45,.96) 0%,rgba(3,60,45,.84) 46%,rgba(3,60,45,.35) 100%),url("https://www.ivolunteer.com.ph/storage/event_images/uJs8bppZXqmYQunPA5ykHPG9mEo2tUBE3k33F8Gx.jpg")!important; background-size:cover!important; background-position:center 48%!important; } .pfiGovernancePhotoCta:after{display:none!important} .pfiGovernanceOverlay{min-height:440px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:48px 44px!important} .pfiGovernancePhotoCta .pfiCtaDonate{background:#d3aa35!important;border-color:#d3aa35!important;color:#153b2d!important} .pfiGovernancePhotoCta .pfiCtaDonate:hover{background:#fff!important;border-color:#fff!important} .donateHero{position:relative;min-height:500px;overflow:hidden;background-image:url("https://www.ivolunteer.com.ph/storage/event_images/uJs8bppZXqmYQunPA5ykHPG9mEo2tUBE3k33F8Gx.jpg");background-size:cover;background-position:center 46%} .donateHeroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,56,42,.97) 0%,rgba(3,56,42,.88) 45%,rgba(3,56,42,.38) 78%,rgba(3,56,42,.16) 100%)} .donateHeroCopy{position:relative;z-index:1;max-width:760px;padding:68px 8vw 72px;color:#fff} .donateHeroCopy img{display:block;width:min(380px,72vw);height:auto;margin:0 0 24px;filter:drop-shadow(0 5px 14px rgba(0,0,0,.16))} .donateHeroCopy label,.donateIntro label,.donateProcessHead label,.donateStatus label{font:800 9px Manrope;letter-spacing:.18em;color:var(--lime)} .donateHeroCopy h1{font-size:58px;line-height:1;margin:8px 0 14px}.donateHeroCopy p{max-width:650px;font-size:16px;line-height:1.7;color:#e0eee8} .donateHeroActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.donateHeroActions a,.donateStatus aside a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 17px;border:1px solid rgba(255,255,255,.4);border-radius:3px;color:#fff;text-decoration:none;font:800 9px Manrope;letter-spacing:.04em} .donateHeroActions a:hover,.donateStatus aside a:hover{background:#fff;color:#07513d}.donatePrimary{background:var(--lime)!important;border-color:var(--lime)!important;color:#173d2e!important} .donateTrustStrip{display:grid;grid-template-columns:.65fr 1.35fr;gap:35px;padding:20px 8vw;background:#f4f7f5;border-bottom:1px solid var(--line);align-items:center}.donateTrustStrip strong{font:800 12px Manrope;color:#07523d}.donateTrustStrip span{font-size:11px;line-height:1.55;color:#61706a} .donateBody,.donateProcess,.donateStatus,.donateNote{padding:66px 8vw}.donateIntro{max-width:820px}.donateIntro h2,.donateProcessHead h2,.donateStatus h2{font-size:42px;line-height:1.05;margin:8px 0 15px}.donateIntro p,.donateStatus>div>p{color:#596861;line-height:1.75} .donateAreas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.donateAreas article{position:relative;min-height:210px;padding:24px;border:1px solid var(--line);background:#fafbf9}.donateAreas article span{font:800 10px Manrope;color:#b18c28}.donateAreas h3{font-size:22px;margin:18px 0 9px}.donateAreas p{font-size:12px;line-height:1.65;color:#64716c} .donateProcess{background:#f5f7f5}.donateProcessHead{max-width:700px}.donateSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.donateSteps article{display:grid;grid-template-columns:44px 1fr;gap:16px;background:#fff;border:1px solid var(--line);padding:24px}.donateSteps b{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#07583f;color:#fff;font:800 13px Manrope}.donateSteps h3{font-size:21px;margin:1px 0 8px}.donateSteps p{margin:0;font-size:12px;line-height:1.65;color:#64716c} .donateStatus{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.donateStatus aside{background:linear-gradient(145deg,#063f30,#08674a);color:#fff;padding:36px}.donateStatus aside span{font:800 9px Manrope;letter-spacing:.17em;color:var(--lime)}.donateStatus aside h3{font-size:30px;line-height:1.05;margin:10px 0 20px}.donateStatus aside a{margin:0 7px 7px 0} .donateNote{padding-top:0}.donateNote{max-width:1050px;margin:auto}.donateNote h3{font-size:27px;margin-bottom:8px}.donateNote p{color:#5e6c66;line-height:1.7} @media(max-width:1000px){.donateAreas{grid-template-columns:repeat(2,1fr)}.donateSteps{grid-template-columns:1fr}.donateStatus{grid-template-columns:1fr}} @media(max-width:760px){ .pfiGovernancePhotoCta,.pfiGovernanceOverlay{min-height:410px!important}.pfiGovernanceOverlay{padding:34px 25px!important} .donateHero{min-height:540px}.donateHeroShade{background:linear-gradient(90deg,rgba(3,56,42,.95),rgba(3,56,42,.67))}.donateHeroCopy{padding:55px 22px}.donateHeroCopy h1{font-size:43px}.donateHeroCopy img{width:min(310px,82vw)} .donateTrustStrip{grid-template-columns:1fr;gap:7px;padding:18px 22px}.donateBody,.donateProcess,.donateStatus,.donateNote{padding:44px 22px}.donateIntro h2,.donateProcessHead h2,.donateStatus h2{font-size:34px}.donateAreas{grid-template-columns:1fr}.donateHeroActions{display:grid}.donateHeroActions a{width:100%} } /* V59 — Premium PFI committee cards */ .pfiPage #committees .pfiCommitteeGrid{ gap:18px!important; align-items:stretch!important; } .pfiPage #committees .pfiCommitteeCard{ position:relative!important; min-height:168px!important; display:flex!important; flex-direction:column!important; justify-content:flex-start!important; overflow:hidden!important; margin:0!important; padding:0 0 20px!important; background:linear-gradient(180deg,#ffffff 0%,#fbfcfb 100%)!important; border:1px solid #dce6e1!important; border-top:0!important; border-radius:11px!important; box-shadow:0 10px 28px rgba(7,72,52,.07)!important; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important; } .pfiPage #committees .pfiCommitteeCard:before{ content:""!important; display:block!important; width:100%!important; height:5px!important; flex:0 0 5px!important; background:linear-gradient(90deg,#b88d20,#e0be58,#b88d20)!important; } .pfiPage #committees .pfiCommitteeCard:after{ content:""!important; position:absolute!important; width:94px!important; height:94px!important; border:1px solid rgba(7,82,61,.06)!important; border-radius:50%!important; right:-48px!important; bottom:-52px!important; pointer-events:none!important; } .pfiPage #committees .pfiCommitteeCard:hover{ transform:translateY(-4px)!important; border-color:#cbdcd4!important; box-shadow:0 18px 38px rgba(7,72,52,.11)!important; } .pfiPage #committees .pfiCommitteeCard h3{ width:100%!important; min-height:62px!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:17px 18px 13px!important; background:transparent!important; color:#07513d!important; text-align:center!important; text-transform:none!important; font:800 13px/1.35 Manrope!important; letter-spacing:.01em!important; border-bottom:1px solid #edf2ef!important; } .pfiPage #committees .pfiCommitteeCard p{ position:relative!important; z-index:1!important; margin:0!important; padding:18px 20px 0!important; color:#344b42!important; text-align:center!important; font:650 11px/1.65 Manrope!important; } .pfiPage #committees .pfiCommitteeCard p:before{ content:"COMMITTEE LEADERSHIP"!important; display:block!important; margin:0 0 8px!important; color:#a17e27!important; font:800 7px/1.2 Manrope!important; letter-spacing:.17em!important; } @media(max-width:1000px){ .pfiPage #committees .pfiCommitteeGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:600px){ .pfiPage #committees .pfiCommitteeGrid{grid-template-columns:1fr!important;gap:13px!important} .pfiPage #committees .pfiCommitteeCard{min-height:150px!important} .pfiPage #committees .pfiCommitteeCard h3{min-height:54px!important;font-size:12.5px!important} } /* V60 — production Membership Application form */ .membershipApplicationV60 input:focus, .membershipApplicationV60 select:focus, .membershipApplicationV60 textarea:focus{outline:2px solid rgba(7,88,63,.18);outline-offset:1px;border-color:#07583f} .membershipApplicationV60 textarea{resize:vertical;min-height:90px} .membershipApplicationV60 input[type="file"]{padding:9px;background:#f7faf8} .membershipApplicationV60 input[type="file"]::file-selector-button{border:0;background:#e8f0ec;color:#07583f;padding:8px 10px;margin-right:10px;font:800 8px Manrope;cursor:pointer} .uploadGridV60 label small{display:block;margin-top:6px;font:500 8px/1.45 Manrope;color:#7b8983} .interestGridV60{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .interestGridV60 label{display:flex!important;align-items:center;gap:8px;border:1px solid #dce5e0;background:#fafcfb;padding:11px 12px;min-height:42px;font-size:9px!important;cursor:pointer} .interestGridV60 input[type="checkbox"]{display:inline-block!important;width:15px!important;height:15px!important;flex:0 0 15px;margin:0!important;accent-color:#07583f} .privacyConsentV60{margin:6px 0 18px;padding:15px 16px;background:#f3f7f4;border:1px solid #d7e3dd} .privacyConsentV60 label{display:flex!important;align-items:flex-start;gap:10px;font:600 9px/1.55 Manrope!important;color:#41524b!important} .privacyConsentV60 input{display:inline-block!important;width:16px!important;height:16px!important;flex:0 0 16px;margin:1px 0 0!important;accent-color:#07583f} .formSubmitRowV60{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center} .formSubmitRowV60 .formNoteV12{margin:0;max-width:720px} .submitV12{cursor:pointer;border-radius:3px;transition:background .18s ease,transform .18s ease}.submitV12:hover{background:#064a36;transform:translateY(-1px)} .membershipFormSuccessV60{margin:0 0 18px;padding:18px 20px;border:1px solid #bcd7c9;background:#edf8f1;color:#0a4c38} .membershipFormSuccessV60 b{display:block;font:800 12px Manrope;margin-bottom:4px}.membershipFormSuccessV60 p{margin:0;font-size:10px;line-height:1.6} .membershipFormErrorV60{margin:14px 0 0;padding:11px 13px;background:#fff1f0;border:1px solid #e8c1bd;color:#913b34;font:700 9px/1.5 Manrope} @media(max-width:900px){.interestGridV60{grid-template-columns:1fr 1fr}.formSubmitRowV60{grid-template-columns:1fr}.formSubmitRowV60 .submitV12{justify-self:start}} @media(max-width:560px){.applicationFormV12{padding:22px 16px}.formGridV12,.interestGridV60{grid-template-columns:1fr!important}.submitV12{width:100%;display:flex;justify-content:space-between;align-items:center}.applicationHeadV12{grid-template-columns:1fr}.applicationHeadV12>span{display:none}} /* V61 — Leadership Legacy quote contrast */ body.premiumContentV10 #legacy .quoteBand blockquote{ position:relative; z-index:1; color:#ffffff!important; text-shadow:0 1px 1px rgba(0,0,0,.08); } body.premiumContentV10 #legacy .quoteBand small{ position:relative; z-index:1; color:#c7d9d2!important; } /* V62 — CMS Membership Applications */ .cmsLinkBtn{display:inline-flex!important;align-items:center;text-decoration:none!important} .cmsAppStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 16px}.cmsAppStats>div{background:#fff;border:1px solid #dfe5e2;border-radius:8px;padding:17px}.cmsAppStats small{display:block;font:800 8px Manrope;letter-spacing:.13em;color:#728078}.cmsAppStats b{display:block;margin-top:4px;font:800 24px Manrope;color:#07583f} .cmsAppToolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:10px}.cmsAppToolbar input,.cmsAppToolbar select{width:100%;border:1px solid #cfd9d4;background:#fff;padding:11px 12px;font:500 12px "DM Sans"} .cmsAppNotice{padding:11px 13px;margin-bottom:12px;background:#f3f7f4;border-left:3px solid #8dbb58;font-size:10px;color:#53645d} .cmsAppList{display:grid;gap:8px}.cmsAppRow{display:grid;grid-template-columns:1.7fr .75fr .85fr auto auto;gap:14px;align-items:center;background:#fff;border:1px solid #e0e7e3;border-radius:7px;padding:14px 15px}.cmsAppRow small,.cmsAppField small,.cmsAppText small{display:block;font:800 7px Manrope;letter-spacing:.12em;color:#7a8781}.cmsAppRow b{font-size:11px}.cmsAppIdentity>b{display:block;font-size:14px;color:#123c2e}.cmsAppIdentity span{display:block;font-size:10px;color:#50645b}.cmsAppIdentity small{margin-top:4px;letter-spacing:0;font:500 9px "DM Sans";color:#84908b} .cmsAppStatus{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:7px 9px;border-radius:999px;font:800 8px Manrope;white-space:nowrap;background:#eef2ef;color:#52615b}.cmsAppStatus-new{background:#e9f6ef;color:#0b714c}.cmsAppStatus-under-review{background:#eef3fb;color:#315f99}.cmsAppStatus-for-requirements{background:#fff5dc;color:#876514}.cmsAppStatus-approved,.cmsAppStatus-converted-to-member{background:#e7f5e8;color:#2f7037}.cmsAppStatus-rejected{background:#faeceb;color:#93413a} .cmsAppEmpty{background:#fff;padding:24px;text-align:center;color:#6c7973;border:1px dashed #cfd9d4}.cmsAppDetail{max-width:1080px!important}.cmsAppDetailHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:20px 0}.cmsAppDetailHead h2{margin:5px 0 4px;font-size:34px;color:#073e30}.cmsAppDetailHead p{margin:0;color:#718078;font-size:10px}.cmsAppDetailHead>div>small{font:800 8px Manrope;letter-spacing:.14em;color:#79a34c} .cmsAppFieldGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.cmsAppField{border:1px solid #e0e7e3;background:#fafcfb;padding:13px}.cmsAppField b{display:block;margin-top:5px;font-size:11px;color:#183c30}.cmsAppText{border-top:1px solid #e2e8e5;padding:16px 0}.cmsAppText p{margin:6px 0 0;font-size:11px;line-height:1.65;color:#465950;white-space:pre-wrap} .cmsAttachments{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:17px 0;border-top:1px solid #e2e8e5}.cmsAttachments h3{width:100%;font-size:18px;margin:0 0 3px}.cmsAttachment{display:inline-flex;padding:9px 11px;border:1px solid #bfcfc7;color:#07583f;text-decoration:none;font:800 9px Manrope}.cmsAttachment.disabled{color:#88938e;background:#f5f6f5} .cmsAppWorkflow{margin-top:12px;background:#f3f7f4;border:1px solid #dce7e1;padding:18px}.cmsAppWorkflow label{display:block;font-size:10px;font-weight:700;margin:0 0 13px}.cmsAppWorkflow select,.cmsAppWorkflow textarea{width:100%;margin-top:6px;border:1px solid #c8d5cf;background:#fff;padding:11px;font:500 12px "DM Sans"}.cmsAppWorkflow textarea{min-height:110px;resize:vertical}.cmsAppPrivacy{margin-top:14px;padding:11px 13px;background:#fff8e7;border:1px solid #ead9aa;font-size:9px;line-height:1.55;color:#66552a} @media(max-width:1100px){.cmsAppRow{grid-template-columns:1.4fr .7fr auto}.cmsAppRow>div:nth-child(3){display:none}.cmsAppFieldGrid{grid-template-columns:1fr 1fr}.cmsAppStats{grid-template-columns:1fr 1fr}} @media(max-width:760px){.cmsAppToolbar{grid-template-columns:1fr}.cmsAppRow{grid-template-columns:1fr}.cmsAppRow>div:nth-child(3){display:block}.cmsAppStatus{justify-self:start}.cmsAppFieldGrid,.cmsAppStats{grid-template-columns:1fr}.cmsAppDetailHead{display:grid}} /* V63 — Friendly Page Content Editor */ .pageContentEditorHead{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:16px}.pageContentEditorHead small,.friendlyEditorTitle>small,.friendlyRepeaterHead small,.friendlySectionLabel small{font:800 8px Manrope;letter-spacing:.16em;color:#79a34c}.pageContentEditorHead h1{margin:5px 0 7px;font:800 31px/1.05 Manrope;color:#073e30}.pageContentEditorHead p{max-width:760px;margin:0;color:#65746d;font-size:11px;line-height:1.6} .pageContentGuide{display:flex;gap:10px;align-items:center;padding:12px 14px;margin:0 0 16px;background:#eef7f1;border:1px solid #d3e5da;color:#36574a;font-size:10px}.pageContentGuide b{color:#07583f}.pageContentGuide span{color:#63746c} .pageSectionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.pageSectionCard{display:flex;flex-direction:column;justify-content:space-between;min-height:190px;background:#fff;border:1px solid #dde6e1;border-radius:9px;padding:20px;box-shadow:0 7px 18px rgba(5,60,43,.045)}.pageSectionCard small{font:800 7px Manrope;letter-spacing:.15em;color:#9aa7a1}.pageSectionCard h3{margin:7px 0 8px;font:800 18px/1.18 Manrope;color:#0a4534}.pageSectionCard p{margin:0;color:#6d7a74;font-size:10px;line-height:1.55}.pageSectionCardFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:13px;border-top:1px solid #edf1ef} .friendlyPageEditor{max-width:1120px!important}.friendlyEditorTop{display:flex;justify-content:space-between;gap:15px;align-items:center}.friendlyFormatBadge{padding:7px 9px;border-radius:999px;background:#eaf6ee;color:#0b6748;font:800 7px Manrope;letter-spacing:.13em}.friendlyEditorTitle{margin:26px 0 16px}.friendlyEditorTitle h2{margin:5px 0 6px;font-size:34px;color:#073e30}.friendlyEditorTitle p{max-width:760px;color:#64746c;font-size:11px;line-height:1.6} .friendlyPublishBar{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:18px;align-items:end;background:#f5f7f6;border:1px solid #e0e7e3;padding:14px 16px;margin-bottom:19px}.friendlyPublishBar label{margin:0!important}.friendlyPublishBar select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #cad6d0;background:#fff}.friendlyPublishBar>span{font-size:9px;color:#75827c;padding-bottom:9px} .friendlyFields,.friendlyRepeater{border-top:1px solid #e3e9e6;padding-top:20px;margin-top:18px}.friendlySectionLabel,.friendlyRepeaterHead{margin-bottom:13px}.friendlySectionLabel h3,.friendlyRepeaterHead h3{font-size:19px;margin:4px 0}.friendlyRepeaterHead{display:flex;justify-content:space-between;align-items:end;gap:15px}.friendlyRepeaterHead p{margin:2px 0 0;color:#718078;font-size:9px} .friendlyFieldGrid,.friendlyRepeatGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px}.friendlyField{display:block!important;margin:0!important;padding:12px;background:#fbfcfb;border:1px solid #e2e8e5;border-radius:5px}.friendlyField>span{display:block;margin-bottom:5px;font:800 9px Manrope;color:#344d43}.friendlyField>small{display:block;margin-top:5px;color:#8a9690;font:500 7.5px/1.45 Manrope}.friendlyField input,.friendlyField textarea{width:100%;border:1px solid #cad6d0;background:#fff;padding:10px;font:500 11px "DM Sans";margin:0!important}.friendlyField textarea{resize:vertical;min-height:105px}.friendlyMediaPick{margin-top:7px!important;padding:7px 9px!important;font-size:8px!important} .friendlyRepeatRow{border:1px solid #dbe5e0;border-radius:7px;background:#fff;padding:15px;margin:0 0 11px}.friendlyRepeatRow legend{padding:0 7px;font:800 10px Manrope;color:#07583f}.friendlyRowActions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.friendlyPreserveNote{margin:17px 0;padding:11px 13px;background:#fff8e8;border:1px solid #ebd9a6;color:#66552a;font-size:9px;line-height:1.55}.friendlySaveBar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:9px;margin:22px -25px -25px;padding:14px 25px;background:rgba(255,255,255,.96);border-top:1px solid #dce4e0;backdrop-filter:blur(8px)}.friendlySaveBar #sectionMsg{font-size:9px;color:#54665e;margin-left:5px} @media(max-width:1100px){.pageSectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.friendlyFieldGrid,.friendlyRepeatGrid{grid-template-columns:1fr 1fr}} @media(max-width:760px){.pageContentEditorHead,.friendlyRepeaterHead{display:grid}.pageSectionGrid,.friendlyFieldGrid,.friendlyRepeatGrid,.friendlyPublishBar{grid-template-columns:1fr}.pageSectionCard{min-height:150px}.friendlySaveBar{position:static;display:grid;margin:20px 0 0;padding:14px 0 0}.friendlySaveBar button{width:100%}} /* V64 — Combined News & Events */ .newsEventsPage{background:#fff}.newsEventsHero{margin-bottom:0} .newsEventsControls{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 5vw;background:rgba(255,255,255,.96);border-bottom:1px solid #dfe7e3;backdrop-filter:blur(10px)} .newsEventsTabs{display:flex;flex-wrap:wrap;gap:7px}.newsEventsTabs button{border:1px solid #cfdad4;background:#fff;color:#315146;padding:9px 12px;border-radius:999px;font:800 8px Manrope;letter-spacing:.04em;cursor:pointer}.newsEventsTabs button.active,.newsEventsTabs button:hover{background:#07583f;border-color:#07583f;color:#fff} #newsEventsSearch{width:min(330px,35vw);border:1px solid #ced9d3;background:#f9fbfa;padding:10px 12px;font:500 11px "DM Sans"} .newsEventsBody{padding:40px 5vw 70px}.newsEventsFeatured{margin-bottom:38px}.newsEventsFeature{display:grid;grid-template-columns:.9fr 1.1fr;min-height:335px;background:#0a4736;color:#fff;overflow:hidden;border-radius:6px;box-shadow:0 18px 46px rgba(5,60,43,.13)}.newsEventsFeature>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:44px}.newsEventsFeaturedImage{min-height:335px}.newsEventsFeaturedImage img{width:100%;height:100%;object-fit:cover}.newsEventsFeature small{font:800 8px Manrope;letter-spacing:.16em;color:#b8dd62}.newsEventsFeature h2{margin:9px 0 12px;color:#fff;font-size:38px;line-height:1.05}.newsEventsFeature p{margin:0;color:#dceae5;line-height:1.7;font-size:12px}.newsEventsFeature span{margin-top:16px;color:#aac4b9;font-size:9px}.newsEventsFeature a{align-self:flex-start;margin-top:20px;padding:10px 13px;background:#b5d95f;color:#153c2f;text-decoration:none;font:800 8px Manrope} .newsEventsSectionHead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.newsEventsSectionHead small{font:800 8px Manrope;letter-spacing:.16em;color:#8db44a}.newsEventsSectionHead h2{margin:5px 0 0;font-size:34px;color:#0b4535}.newsEventsSectionHead>span{color:#728078;font-size:9px} .newsEventsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.newsEventCard{display:flex;flex-direction:column;background:#fff;border:1px solid #dde6e1;border-radius:7px;overflow:hidden;box-shadow:0 8px 22px rgba(5,60,43,.05)}.newsEventCardImage{aspect-ratio:16/9;background:#eef2f0}.newsEventCardImage img{width:100%;height:100%;object-fit:cover}.newsEventCardBody{display:flex;flex-direction:column;flex:1;padding:18px}.newsEventTopline{display:flex;justify-content:space-between;gap:8px;align-items:center}.newsEventTopline small{font:800 7px Manrope;letter-spacing:.13em;color:#0b6a4a}.newsEventTopline em{font:700 7px Manrope;font-style:normal;color:#a3822e}.newsEventCard h3{margin:10px 0 8px;font-size:20px;line-height:1.15;color:#123f31}.newsEventCard p{margin:0;color:#64746d;font-size:10px;line-height:1.62}.newsEventMeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:16px}.newsEventMeta span{padding:5px 7px;background:#f2f5f3;color:#617169;font:700 7px Manrope}.newsEventAction{margin-top:12px;color:#07583f;text-decoration:none;font:800 8px Manrope}.newsEventsLoading,.newsEventsEmpty{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed #cdd9d3;color:#718078} @media(max-width:980px){.newsEventsGrid{grid-template-columns:1fr 1fr}.newsEventsFeature{grid-template-columns:1fr}.newsEventsFeaturedImage{min-height:260px}} @media(max-width:650px){.newsEventsControls{position:static;display:grid;padding:12px 18px}.newsEventsTabs{overflow:auto;flex-wrap:nowrap}.newsEventsTabs button{white-space:nowrap}#newsEventsSearch{width:100%}.newsEventsBody{padding:30px 18px 50px}.newsEventsGrid{grid-template-columns:1fr}.newsEventsFeature h2{font-size:30px}.newsEventsFeature>div:last-child{padding:28px 24px}.newsEventsSectionHead{align-items:flex-start}} /* V65 — Full PAMA News article reader */ .newsEventsReadHero,.newsEventAction.newsReadBtn{border:0;cursor:pointer}.newsEventsReadHero{align-self:flex-start;margin-top:20px;padding:10px 13px;background:#b5d95f;color:#153c2f;font:800 8px Manrope}.newsEventAction.newsReadBtn{background:transparent;padding:0;text-align:left} .newsArticleModal[hidden]{display:none}.newsArticleModal{position:fixed;inset:0;z-index:9999;background:rgba(5,22,17,.78);overflow:auto;padding:28px}.newsArticleDialog{position:relative;max-width:1040px;margin:0 auto;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.25)}.newsArticleClose{position:sticky;float:right;top:14px;margin:14px 14px 0 0;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:#0a4736;color:#fff;font-size:24px;cursor:pointer}.newsArticleFull header{padding:58px 7vw 28px}.newsArticleFull header small{font:800 8px Manrope;letter-spacing:.16em;color:#88ad47}.newsArticleFull h1{max-width:850px;margin:8px 0 14px;font-size:46px;line-height:1.02;color:#103f31}.newsArticleDeck{max-width:820px;margin:0;color:#5d6d66;font-size:15px;line-height:1.65}.newsArticleByline{margin-top:18px;font:700 9px Manrope;color:#839089}.newsArticleCover{display:block;width:100%;max-height:610px;object-fit:cover}.newsArticleProse{max-width:780px;margin:0 auto;padding:42px 28px 22px}.newsArticleProse p{margin:0 0 19px;color:#344b42;font-size:14px;line-height:1.82}.newsArticleGallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 28px 38px;max-width:930px;margin:0 auto}.newsArticleGallery figure{margin:0;background:#f3f5f4}.newsArticleGallery figure.wide{grid-column:1/-1}.newsArticleGallery img{display:block;width:100%;height:310px;object-fit:cover}.newsArticleGallery figure.wide img{height:auto;max-height:540px;object-fit:contain;background:#101617}.newsArticleGallery figcaption{padding:8px 10px;color:#66756e;font-size:8px;line-height:1.45}.newsArticleShare{max-width:780px;margin:0 auto;padding:0 28px 50px}.newsArticleShare .shareBtn{border:1px solid #0a5d43;background:#fff;color:#0a5d43;padding:10px 13px;font:800 8px Manrope;cursor:pointer} @media(max-width:700px){.newsArticleModal{padding:0}.newsArticleFull header{padding:48px 22px 24px}.newsArticleFull h1{font-size:33px}.newsArticleDeck{font-size:13px}.newsArticleProse{padding:30px 22px 16px}.newsArticleGallery{grid-template-columns:1fr;padding:10px 16px 28px}.newsArticleGallery figure.wide{grid-column:auto}.newsArticleGallery img{height:auto}.newsArticleClose{top:8px;margin:8px 8px 0 0}} /* V66 — Five-template PAMA News article system */ .newsTemplateChooser{margin:18px 0 22px;padding:18px;background:#f5f8f6;border:1px solid #dce6e1}.newsTemplateHead{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:13px}.newsTemplateHead small{font:800 8px Manrope;letter-spacing:.15em;color:#80a94a}.newsTemplateHead h3{margin:4px 0;font-size:20px;color:#0c4937}.newsTemplateHead p{margin:0;color:#6a7872;font-size:9px}.newsPhotoGuide{min-width:215px;padding:10px 12px;background:#fff;border:1px solid #d9e3de}.newsPhotoGuide small,.newsPhotoGuide b,.newsPhotoGuide span{display:block}.newsPhotoGuide small{font:800 7px Manrope;letter-spacing:.12em;color:#87aa50}.newsPhotoGuide b{margin:3px 0;font-size:11px;color:#144738}.newsPhotoGuide span{font-size:8px;color:#6e7a75} .newsTemplateGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.newsTemplateCard{position:relative!important;display:block!important;margin:0!important;padding:11px!important;background:#fff;border:2px solid transparent!important;border-radius:6px;cursor:pointer}.newsTemplateCard.selected{border-color:#0a684a!important;box-shadow:0 5px 14px rgba(9,83,59,.09)}.newsTemplateCard input{position:absolute;opacity:0;pointer-events:none}.newsTemplateCard>b,.newsTemplateCard>span,.newsTemplateCard>p{display:block}.newsTemplateCard>b{margin-top:9px;font-size:10px;color:#153f32}.newsTemplateCard>span{margin:3px 0;color:#6b9141;font:800 7px Manrope}.newsTemplateCard>p{margin:0;color:#76827d;font-size:7.5px;line-height:1.45} .newsTemplateDiagram{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:18px;gap:3px;height:66px;padding:5px;background:#edf3ef}.newsTemplateDiagram i{display:block;background:#8fb39f}.newsTemplateDiagram i.text{background:repeating-linear-gradient(to bottom,#aab8b1 0 2px,transparent 2px 5px)}.newsTemplateDiagram i.wide{grid-column:1/-1}.cmsFieldHint{display:block!important;margin:5px 0 0;color:#7c8882;font:500 8px/1.45 Manrope} @media(max-width:1150px){.newsTemplateGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.newsTemplateHead{display:grid}.newsTemplateGrid{grid-template-columns:1fr 1fr}.newsPhotoGuide{min-width:0}} .newsArticlePageShell{background:#f6f8f7;min-height:70vh;padding:26px 0 70px}.newsArticlePageShell #newsArticlePage{max-width:1160px;margin:auto;background:#fff;box-shadow:0 14px 45px rgba(8,58,42,.07)}.newsArticleTopbar,.newsArticleEnd{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 5vw;border-bottom:1px solid #e1e8e4}.newsArticleTopbar a,.newsArticleEnd a{color:#07583f;text-decoration:none;font:800 8px Manrope}.newsArticleTopbar span{text-transform:uppercase;color:#8a9690;font:800 7px Manrope;letter-spacing:.12em}.newsArticleEnd{border-top:1px solid #e1e8e4;border-bottom:0}.newsArticleEnd button{border:1px solid #07583f;background:#fff;color:#07583f;padding:9px 11px;font:800 8px Manrope} .newsArticleStandalone{padding-bottom:42px}.newsArticleBodyLead{max-width:860px;margin:0 auto;padding:54px 30px 32px}.newsArticleBodyLead small{font:800 8px Manrope;letter-spacing:.15em;color:#83a94c}.newsArticleBodyLead h1{margin:8px 0 14px;color:#103f31;font-size:48px;line-height:1.03}.newsArticleBodySummary{margin:0;color:#53655d;font-size:15px;line-height:1.72;text-align:justify;text-justify:inter-word}.newsArticleBodyMeta{margin-top:17px;color:#84918b;font:700 9px Manrope}.articleReading{max-width:790px;margin:0 auto;padding:26px 30px}.articleReading p{margin:0 0 20px;color:#344b42;font-size:14px;line-height:1.88;text-align:justify;text-justify:inter-word;hyphens:auto}.newsArticleStandalone figure{margin:0}.newsArticleStandalone figure img{display:block;width:100%;height:auto}.newsArticleStandalone figcaption{max-width:790px;margin:0 auto;padding:8px 12px;color:#697771;font-size:8px;line-height:1.55;text-align:justify;text-justify:inter-word}.articleHero{max-width:1080px;margin:0 auto!important}.articleHero img{max-height:610px;object-fit:cover}.inlineWide{max-width:880px;margin:12px auto 28px!important}.inlineWide img{max-height:520px;object-fit:contain;background:#101713}.featurePhotoPair,.magazinePair{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:930px;margin:10px auto 24px;padding:0 24px}.featurePhotoPair figure img,.magazinePair figure img{height:310px;object-fit:cover} .layout-classic .newsArticleBodyLead{max-width:800px}.layout-classic .articleReading{max-width:760px} .layout-feature .articleHero{max-width:1120px} .layout-photo .articleReading{max-width:850px}.layout-photo .inlineRight{max-width:590px;margin:20px 0 28px auto!important}.layout-photo .inlineRight figcaption{padding-left:0} .layout-brief{max-width:900px;margin:auto}.briefFrame{padding:0 55px}.layout-brief .newsArticleBodyLead{padding-left:0;padding-right:0}.briefImage{max-width:700px;margin:0 auto!important}.layout-brief .articleReading{padding-left:0;padding-right:0;max-width:720px} .magazineLead{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:start;max-width:1030px;margin:0 auto;padding:0 30px 26px}.magazineLead .articleReading{padding:12px 0 0}.magazineHero img{min-height:520px;object-fit:cover}.layout-magazine>.articleReading{max-width:760px} .newsArticleNotFound,.newsArticlePageLoading{padding:80px 30px;text-align:center;color:#63736b} @media(max-width:760px){.newsArticlePageShell{padding:0}.newsArticleBodyLead{padding:38px 22px 24px}.newsArticleBodyLead h1{font-size:34px}.newsArticleBodySummary{font-size:13px}.articleReading{padding:22px}.featurePhotoPair,.magazinePair,.magazineLead{grid-template-columns:1fr;padding:0 16px}.magazineHero img{min-height:0}.briefFrame{padding:0 22px}.newsArticleTopbar,.newsArticleEnd{padding:13px 18px}.articleHero img{max-height:none}} /* V67 — mobile drawer integrity + CMS advanced-source guardrails */ @media(max-width:900px){ html,body{max-width:100%;overflow-x:hidden} body.menuOpen{overscroll-behavior:none;touch-action:none} .mobileDrawer{width:min(90vw,390px);max-width:100%;height:100dvh;max-height:100dvh;overflow:hidden;transform:translate3d(101%,0,0);will-change:transform;contain:layout paint;background:#fff} .mobileDrawer.open{transform:translate3d(0,0,0)} .drawerTop{flex:0 0 auto;min-width:0} .drawerBrand{min-width:0;overflow:hidden}.drawerBrand>div{min-width:0}.drawerBrand small{overflow-wrap:anywhere} .mobileDrawer nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 20px!important;gap:0!important;margin:0!important} .mobileDrawer nav a{flex:0 0 auto;width:100%;margin:0!important;padding:12px 2px!important;font-size:19px!important} .mobileDrawer nav a.drawerHome{font-family:Manrope!important;font-size:11px!important;font-weight:800!important;letter-spacing:.1em;color:var(--green)!important;text-transform:uppercase} .drawerFoot{flex:0 0 auto;margin-top:0!important;padding:14px 20px calc(14px + env(safe-area-inset-bottom))!important} .drawerFoot .drawerMemberPortal{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:100%;background:transparent!important;color:#fff!important;border:1px solid #ffffff35;padding:10px 12px!important;margin-bottom:8px} .drawerFoot .drawerMemberPortal b,.drawerFoot .drawerMemberPortal span{display:block}.drawerFoot .drawerMemberPortal span{font-size:7px;color:#c6d8d1} .drawerFoot>a:not(.drawerMemberPortal){display:block!important;text-align:center;width:100%;padding:10px 12px!important} .drawerFoot small{margin-top:9px!important;text-align:center} } @media(max-width:480px){ .mobileDrawer{width:100vw} .drawerTop{padding:12px 15px}.drawerBrand img{width:44px} .mobileDrawer nav{padding:5px 16px!important}.mobileDrawer nav a{padding:10px 2px!important;font-size:18px!important} .drawerFoot{padding:11px 16px calc(11px + env(safe-area-inset-bottom))!important} } .cmsAdvancedLink{color:#8a5a21!important} .cmsAdvancedKicker{display:block;font:800 8px Manrope;letter-spacing:.16em;color:#a66422;margin-bottom:4px} .cmsAdvancedWarning{display:flex;gap:14px;align-items:flex-start;background:#fff7e9;border:1px solid #e8c894;border-left:4px solid #b9762d;padding:13px 15px;margin:14px 0 18px;color:#5c452c} .cmsAdvancedWarning b{min-width:175px;font:800 10px Manrope}.cmsAdvancedWarning span{font-size:9px;line-height:1.55} @media(max-width:700px){.cmsAdvancedWarning{display:block}.cmsAdvancedWarning b{display:block;margin-bottom:5px}} /* V68 — Senior editorial PAMA News system: 10 layouts, responsive CMS, no-crop imagery */ .newsTemplateGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px} .newsTemplateCard{position:relative!important;display:block!important;min-height:178px;margin:0!important;padding:11px!important;background:#fff;border:1px solid #dfe7e3!important;border-top:3px solid #dfe7e3!important;border-radius:6px;cursor:pointer;overflow:hidden} .newsTemplateCard.selected{border-color:#0a684a!important;border-top-color:#0a684a!important;box-shadow:0 6px 18px rgba(9,83,59,.10)} .newsTemplateCard input{position:absolute;opacity:0;pointer-events:none} .newsTemplateCard>b,.newsTemplateCard>span,.newsTemplateCard>p{display:block} .newsTemplateCard>b{margin-top:9px;font-size:10px;color:#153f32} .newsTemplateCard>span{margin:3px 0;color:#6b9141;font:800 8px Manrope} .newsTemplateCard>p{margin:0;color:#76827d;font-size:7.5px;line-height:1.45} .newsTemplateDiagram{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:17px;gap:3px;height:72px;padding:5px;background:#edf3ef;overflow:hidden} .newsTemplateDiagram i{display:block;min-width:0;background:#8fb39f} .newsTemplateDiagram i.text{background:repeating-linear-gradient(to bottom,#aab8b1 0 2px,transparent 2px 5px)} .newsTemplateDiagram i.wide{grid-column:1/-1} .newsTemplateDiagram i.portrait{grid-row:span 2} .newsTemplateDiagram i.step{grid-column:1/-1;height:8px} .newsPhotoGuide{min-width:230px;padding:10px 12px;background:#fff;border:1px solid #d9e3de;border-top:3px solid #0a684a} .newsPhotoGuide small,.newsPhotoGuide b,.newsPhotoGuide span{display:block} .newsPhotoGuide small{font:800 7px Manrope;letter-spacing:.12em;color:#87aa50} .newsPhotoGuide b{margin:3px 0;font-size:11px;color:#144738} .newsPhotoGuide span{font-size:8px;color:#6e7a75} .newsEditorialPlan{margin:20px 0;padding:20px;border:1px solid #d8e3dd;border-top:4px solid #07583f;background:#fbfcfb;overflow:hidden} .editorialPlanHead{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding-bottom:14px;border-bottom:1px solid #dce5e1} .editorialPlanHead small{font:800 8px Manrope;letter-spacing:.16em;color:#80a54c} .editorialPlanHead h3{font-size:24px;margin:4px 0;color:#0c4937} .editorialPlanHead p{margin:0;font-size:9px;color:#66756f} .editorialRequirement{min-width:220px;text-align:right} .editorialRequirement b,.editorialRequirement span{display:block} .editorialRequirement b{font:800 10px Manrope;color:#164c3b} .editorialRequirement span{font-size:8px;color:#74827c;margin-top:3px} .editorialPlanNote{display:flex;gap:16px;padding:11px 13px;margin:14px 0;background:#eef5f1;border-left:3px solid #79a64e} .editorialPlanNote b{min-width:135px;font:800 9px Manrope;color:#174b3b} .editorialPlanNote span{font-size:8.5px;line-height:1.55;color:#607169} .editorialBuilderGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:start} .editorialSections,.editorialPhotos{min-width:0} .editorialSections>h4,.editorialPhotos>h4{font:800 8px Manrope;letter-spacing:.14em;color:#52665d;margin:2px 0 8px} .editorSection,.editorPhotoSlot{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:12px;background:#fff;border:1px solid #e0e7e3;margin-bottom:8px;min-width:0;overflow:hidden} .editorSlotNo{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0a6046;color:#fff;font:800 8px Manrope} .editorSection>div,.editorPhotoSlot>div{min-width:0} .editorSection label,.editorPhotoSlot label{display:block;margin:0 0 8px!important} .editorSection input,.editorPhotoSlot input,.editorialUploadRow select{width:100%;max-width:100%;box-sizing:border-box} .editorSectionBody{min-height:125px!important;resize:vertical} .editorSection small{display:block;color:#8a9690;font-size:7.5px} .editorPhotoSlot b{display:block;margin-bottom:8px;color:#143f32;font-size:10px} .editorPhotoPlaceholder{display:grid;place-items:center;position:relative;text-align:center;width:100%;height:180px;border:1px dashed #b8c8c0;background:#f4f7f5;color:#607069;overflow:hidden} .editorPhotoPlaceholder.hasImage{background:#eef2f0;border-style:solid} .editorPhotoPlaceholder img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:auto} .editorPhotoPlaceholder.hasImage span{position:absolute;left:8px;bottom:8px;background:#073f30e8;color:#fff;padding:4px 7px;font:800 7px Manrope;letter-spacing:.04em} .editorPhotoPlaceholder>span{display:block;font:800 8px Manrope} .editorPhotoPlaceholder>small{display:block;font-size:7px;margin-top:3px} .editorialUploadRow{display:grid;grid-template-columns:1fr 1.25fr auto 1fr;gap:10px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid #dfe7e3} .editorialUploadRow label{margin:0!important} .editorialUploadRow select{padding:10px;border:1px solid #ccd7d2;background:#fff} .newsArticlePageShell{background:#f6f8f7;min-height:70vh;padding:28px 14px 72px} .newsArticlePageShell #newsArticlePage{max-width:1180px;width:100%;margin:0 auto;background:#fff;border-top:1px solid #dbe5e0;border-left:1px solid #dbe5e0;border-right:1px solid #dbe5e0;border-bottom:0;box-shadow:0 18px 48px rgba(8,58,42,.08);overflow:hidden;box-sizing:border-box} .newsArticleTopbar,.newsArticleEnd{box-sizing:border-box;max-width:100%;overflow:hidden} .newsArticleStandalone{padding-bottom:42px;overflow:hidden;min-width:0} .newsArticleStandalone *{box-sizing:border-box} .newsArticleBodyLead{max-width:880px;margin:0 auto;padding:54px 30px 32px;min-width:0;overflow:hidden} .newsArticleBodyLead h1{overflow-wrap:anywhere} .newsArticleBodySummary,.articleSection p,.articleReading p,.analysisBand span{font-family:"DM Sans",sans-serif;text-align:justify;text-justify:inter-word;hyphens:auto;overflow-wrap:break-word;word-break:normal} .articleReading{max-width:800px;margin:0 auto;padding:26px 30px;min-width:0;overflow:hidden} .articleSection{min-width:0;overflow:hidden;margin:0 0 26px;clear:both} .articleSection h2{margin:0 0 10px;color:#123f32;font-size:25px;line-height:1.14} .articleSection p{margin:0 0 18px;color:#344b42;font-size:14px;line-height:1.88} .editorialFigure{display:block!important;float:none!important;clear:both;min-width:0;max-width:100%;overflow:hidden;margin:22px auto!important} .articleImageFrame{display:grid;place-items:center;width:100%;height:420px;max-width:100%;overflow:hidden;background:#f1f4f2;border:1px solid #e1e7e4} .articleImageFrame img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:auto!important;transform:none!important} .editorialFigure figcaption{max-width:820px;margin:0 auto;padding:8px 10px 0!important;color:#697771;font-size:8px;line-height:1.55;text-align:justify;text-justify:inter-word;overflow-wrap:break-word} .editorialFigure figcaption b{font:800 7px Manrope;letter-spacing:.08em;color:#527866;text-transform:uppercase} .media-hero{max-width:1080px!important} .media-hero .articleImageFrame{height:600px} .media-wide{max-width:930px!important} .media-wide .articleImageFrame{height:500px} .media-standard{max-width:720px!important} .media-standard .articleImageFrame{height:410px} .media-tall{max-width:520px!important} .media-tall .articleImageFrame{height:600px} .media-portrait{max-width:480px!important} .media-portrait .articleImageFrame{height:610px} .editorialPair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;max-width:980px;margin:10px auto 30px;padding:0 26px;align-items:start;clear:both} .editorialPair>*{min-width:0} .editorialPair .editorialFigure{width:100%;margin:0!important} .editorialPair .articleImageFrame{height:340px} .editorialSplit,.profileLead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;max-width:1040px;margin:0 auto 30px;padding:0 30px;align-items:center;clear:both} .editorialSplit>*,.profileLead>*{min-width:0} .editorialSplit.reverse>figure{order:2} .editorialSplit.reverse>div{order:1} .editorialSplit .articleSection,.profileLead .articleSection{margin-bottom:18px} .photoNarrativeFlow{max-width:900px;margin:auto;padding:0 30px;overflow:hidden} .photoNarrativeFlow .editorialFigure{margin:20px auto 35px!important} .eventArticleMeta{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;max-width:900px;margin:0 auto 22px;padding:12px 20px;background:#f2f6f4;border-top:1px solid #dce5e1;border-bottom:1px solid #dce5e1} .eventArticleMeta span{font:800 8px Manrope;color:#52685e} .analysisBand{max-width:850px;margin:0 auto 25px;padding:18px 22px;background:#0a4d3a;color:#fff;overflow:hidden} .analysisBand b{display:block;font:800 8px Manrope;letter-spacing:.14em;color:#b5dc83;margin-bottom:7px} .analysisBand span{display:block;font-size:13px;line-height:1.75;color:#edf6f1} .timelineFlow{max-width:980px;margin:0 auto;padding:20px 30px 40px;overflow:hidden} .timelineRow{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(280px,.8fr);gap:22px;align-items:start;padding:25px 0;border-top:1px solid #dfe6e2;clear:both} .timelineMarker b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#07583f;color:#fff;font:800 9px Manrope} .timelineCopy,.timelineMedia{min-width:0} .timelineMedia .editorialFigure{margin:0!important} .timelineMedia .articleImageFrame{height:250px} .layout-brief{max-width:940px;margin:auto} .layout-brief .briefFrame{padding:0 65px} .layout-profile .profileLead{grid-template-columns:.82fr 1.18fr} .layout-analysis .articleReading{max-width:820px} .layout-interview .articleSection h2{font-family:Manrope;font-size:17px;border-left:3px solid #81a94d;padding-left:10px} @media(max-width:1100px){ .newsTemplateGrid{grid-template-columns:repeat(3,1fr)} .editorialBuilderGrid{grid-template-columns:1fr} .editorialUploadRow{grid-template-columns:1fr 1fr} } @media(max-width:820px){ .newsArticlePageShell{padding:6px 6px 0} .newsArticlePageShell #newsArticlePage{border-top:1px solid #dbe5e0;border-left:1px solid #dbe5e0;border-right:1px solid #dbe5e0} .newsArticleBodyLead{padding:38px 22px 24px} .newsArticleBodyLead h1{font-size:34px} .articleReading,.photoNarrativeFlow{padding:20px 22px} .editorialPair,.editorialSplit,.profileLead{grid-template-columns:1fr;padding:0 22px} .editorialSplit.reverse>figure,.editorialSplit.reverse>div{order:initial} .media-hero .articleImageFrame,.media-wide .articleImageFrame,.media-standard .articleImageFrame,.media-tall .articleImageFrame,.media-portrait .articleImageFrame{height:clamp(250px,68vw,460px)} .editorialPair .articleImageFrame{height:clamp(230px,62vw,400px)} .timelineRow{grid-template-columns:44px minmax(0,1fr)} .timelineMedia{grid-column:2} .timelineMedia .articleImageFrame{height:clamp(220px,60vw,360px)} .layout-brief .briefFrame{padding:0 22px} .articleSection h2{font-size:22px} } @media(max-width:700px){ .newsTemplateHead,.editorialPlanHead,.editorialPlanNote{display:block} .newsTemplateGrid{grid-template-columns:1fr 1fr} .newsPhotoGuide{min-width:0;margin-top:10px} .editorialRequirement{text-align:left;margin-top:10px} .editorialPlanNote b{display:block;margin-bottom:4px} .editorialUploadRow{grid-template-columns:1fr} .newsEditorialPlan{padding:13px} } @media(max-width:500px){ .newsTemplateGrid{grid-template-columns:1fr} .newsArticleBodyLead h1{font-size:31px} .newsArticleBodySummary{font-size:12.5px} .articleSection p{font-size:13px;line-height:1.82} .editorialPair{padding:0 16px;gap:10px} .articleImageFrame,.media-hero .articleImageFrame,.media-wide .articleImageFrame,.media-standard .articleImageFrame,.media-tall .articleImageFrame,.media-portrait .articleImageFrame{height:280px} .newsArticleTopbar,.newsArticleEnd{padding-left:16px;padding-right:16px} } /* V69 — adaptive bounded news-image frames: fill the slot, never overflow */ .editorPhotoPlaceholder{ width:100%; height:auto; aspect-ratio:16/9; max-height:240px; min-height:140px; overflow:hidden; contain:layout paint; } .editorPhotoPlaceholder.portraitSlot{ aspect-ratio:4/5; max-width:300px; max-height:360px; margin-left:auto; margin-right:auto; } .editorPhotoPlaceholder img, .editorPhotoPlaceholder.hasImage img{ display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:none!important; max-height:none!important; object-fit:cover!important; object-position:center!important; margin:0!important; } .newsArticleStandalone, .articleReading, .articleSection, .editorialSplit, .profileLead, .editorialPair, .photoNarrativeFlow, .timelineFlow, .timelineRow, .timelineMedia, .editorialFigure, .articleImageFrame{ min-width:0; max-width:100%; } .editorialFigure{width:100%;overflow:hidden} .articleImageFrame{ width:100%; height:auto; aspect-ratio:16/9; max-width:100%; overflow:hidden; contain:layout paint; background:#f1f4f2; } .articleImageFrame img{ display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:none!important; max-height:none!important; object-fit:cover!important; object-position:center!important; margin:0!important; transform:none!important; } .media-hero .articleImageFrame{height:auto;aspect-ratio:16/9} .media-wide .articleImageFrame{height:auto;aspect-ratio:16/9} .media-standard .articleImageFrame{height:auto;aspect-ratio:3/2} .media-tall .articleImageFrame{height:auto;aspect-ratio:4/5} .media-portrait .articleImageFrame{height:auto;aspect-ratio:4/5} .editorialPair .articleImageFrame{height:auto;aspect-ratio:4/3} .timelineMedia .articleImageFrame{height:auto;aspect-ratio:16/10} .editorialSplit>div, .profileLead>div, .timelineCopy{overflow:hidden;min-width:0} .newsArticleBodyLead h1, .newsArticleBodySummary, .articleSection h2, .articleSection p{ max-width:100%; overflow-wrap:break-word; } @media(max-width:820px){ .articleImageFrame, .media-hero .articleImageFrame, .media-wide .articleImageFrame, .media-standard .articleImageFrame, .media-tall .articleImageFrame, .media-portrait .articleImageFrame, .editorialPair .articleImageFrame, .timelineMedia .articleImageFrame{ height:auto; max-height:none; } .media-tall .articleImageFrame, .media-portrait .articleImageFrame{aspect-ratio:4/5} .editorialPair .articleImageFrame{aspect-ratio:4/3} } @media(max-width:500px){ .editorPhotoPlaceholder{min-height:120px;max-height:210px} .editorPhotoPlaceholder.portraitSlot{max-height:320px} } /* V70 — adaptive article banners, whole-image CMS previews, preserved-layout resources */ .newsTemplateChooser, .newsTemplateHead, .editorialPlanHead, .newsArticleBodyLead{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; } .newsTemplateChooser{contain:none!important} .newsTemplateHead,.editorialPlanHead{align-items:flex-start} .newsArticleBodyLead{ display:block!important; padding-top:clamp(34px,5vw,58px)!important; padding-bottom:clamp(24px,3.5vw,40px)!important; } .newsArticleBodyLead h1, .newsArticleBodyLead .newsArticleBodySummary, .newsArticleBodyLead .newsArticleBodyMeta{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; } /* Empty CMS photo slots retain a useful guide frame. */ .editorPhotoPlaceholder:not(.hasImage){ width:100%; min-height:150px; height:auto; aspect-ratio:16/9; overflow:hidden; } /* Once an image exists, the holder follows the image's natural height. This shows the complete picture, expands it to the available width, and never crops it. */ .editorPhotoPlaceholder.hasImage{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; overflow:hidden!important; background:#eef2f0; } .editorPhotoPlaceholder.hasImage img{ display:block!important; width:100%!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:100%!important; max-height:none!important; object-fit:contain!important; object-position:center!important; margin:0!important; } .editorPhotoPlaceholder.portraitSlot.hasImage{ max-width:340px!important; margin-left:auto!important; margin-right:auto!important; } /* Public article photography follows the same adaptive principle: whole picture visible, natural height, bounded by the layout width. */ .articleImageFrame{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; overflow:hidden!important; } .articleImageFrame img{ display:block!important; width:100%!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:100%!important; max-height:none!important; object-fit:contain!important; object-position:center!important; margin:0!important; } .media-hero .articleImageFrame, .media-wide .articleImageFrame, .media-standard .articleImageFrame, .media-tall .articleImageFrame, .media-portrait .articleImageFrame, .editorialPair .articleImageFrame, .timelineMedia .articleImageFrame{ height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; } .media-tall,.media-portrait{max-width:min(520px,100%)!important} .editorialPair,.editorialSplit,.profileLead,.timelineRow{ align-items:start!important; } @media(max-width:700px){ .newsTemplateHead,.editorialPlanHead{display:block!important} .newsArticleBodyLead{padding-left:22px!important;padding-right:22px!important} } /* V71 — PAMA News global page geometry Content boundary = 0.75in each side; article header surface = 100% width. */ :root{--pama-news-content-margin:.75in} /* Full-width article header/banner with content aligned to the 0.75in standard. */ .newsArticleStandalone>.newsArticleBodyLead, .layout-brief .briefFrame>.newsArticleBodyLead{ width:100%!important; max-width:none!important; margin:0!important; padding-left:var(--pama-news-content-margin)!important; padding-right:var(--pama-news-content-margin)!important; box-sizing:border-box!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; } /* Every body-level editorial block stays inside the same 0.75in page boundary. Existing max-width rules remain active, so reading columns can still be narrower. */ .newsArticleStandalone> :not(.newsArticleBodyLead), .layout-brief .briefFrame> :not(.newsArticleBodyLead){ width:calc(100% - (2 * var(--pama-news-content-margin)))!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; } /* Brief layout previously put the header inside a padded frame. Remove that outer restriction so its header behaves exactly like every other PAMA News layout. */ .layout-brief>.briefFrame{ width:100%!important; max-width:none!important; margin:0!important; padding:0!important; box-sizing:border-box!important; } /* Components already nested inside a standard body block must use that block's available width instead of introducing another page margin. */ .newsArticleStandalone .articleReading, .newsArticleStandalone .photoNarrativeFlow, .newsArticleStandalone .timelineFlow, .newsArticleStandalone .editorialSplit, .newsArticleStandalone .profileLead, .newsArticleStandalone .editorialPair, .newsArticleStandalone .eventArticleMeta, .newsArticleStandalone .analysisBand{ box-sizing:border-box!important; } /* CMS article editor mirrors the same geometry in its layout guidance. */ .cmsNewsStandardNote{ margin:14px 0 18px; padding:12px 14px; background:#eef5f1; border-left:4px solid #07583f; color:#52655c; font-size:9px; line-height:1.6; } .cmsNewsStandardNote b{display:block;color:#123f32;font:800 9px Manrope;margin-bottom:3px} @media(max-width:760px){ :root{--pama-news-content-margin:22px} .newsArticleStandalone>.newsArticleBodyLead, .layout-brief .briefFrame>.newsArticleBodyLead{ padding-left:var(--pama-news-content-margin)!important; padding-right:var(--pama-news-content-margin)!important; } } /* V72 — layout-aware media slots for every PAMA News template Whole image remains visible; shared rows stay visually balanced. */ :root{ --pama-media-bg:#f3f6f4; --pama-media-border:#e0e7e3; } /* Base frame: bounded, centered and never allowed to overflow its section. */ .newsArticleStandalone .articleImageFrame{ display:grid!important; place-items:center!important; width:100%!important; max-width:100%!important; overflow:hidden!important; background:var(--pama-media-bg)!important; border:1px solid var(--pama-media-border)!important; box-sizing:border-box!important; } .newsArticleStandalone .articleImageFrame img{ display:block!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; margin:auto!important; } /* Standalone image roles. */ .newsArticleStandalone .media-hero .articleImageFrame, .newsArticleStandalone .media-wide .articleImageFrame{ aspect-ratio:16/9!important; height:auto!important; max-height:none!important; } .newsArticleStandalone .media-standard .articleImageFrame{ aspect-ratio:4/3!important; height:auto!important; max-height:none!important; } .newsArticleStandalone .media-tall .articleImageFrame, .newsArticleStandalone .media-portrait .articleImageFrame{ aspect-ratio:4/5!important; height:auto!important; max-height:none!important; } /* Two-photo rows: both slots are always identical in visual height. This specifically prevents a portrait photo from stretching the entire row. */ .newsArticleStandalone .editorialPair{ align-items:start!important; } .newsArticleStandalone .editorialPair .editorialFigure{ align-self:start!important; width:100%!important; max-width:none!important; } .newsArticleStandalone .editorialPair .articleImageFrame{ aspect-ratio:4/3!important; height:auto!important; max-height:none!important; } /* Image + narrative split layouts (Magazine, Interview, Profile). Use a shared bounded slot so portrait/landscape source files cannot dictate row height. */ .newsArticleStandalone .editorialSplit, .newsArticleStandalone .profileLead{ align-items:start!important; } .newsArticleStandalone .editorialSplit>.editorialFigure .articleImageFrame, .newsArticleStandalone .profileLead>.editorialFigure .articleImageFrame{ aspect-ratio:4/3!important; height:auto!important; max-height:none!important; } .newsArticleStandalone .layout-profile .profileLead>.editorialFigure .articleImageFrame{ aspect-ratio:4/5!important; } /* Event layout: Speaker / Program and Audience / Participants must remain balanced. */ .newsArticleStandalone.layout-event .editorialPair .articleImageFrame{ aspect-ratio:4/3!important; } /* Timeline rows use one consistent landscape window. */ .newsArticleStandalone .timelineMedia .articleImageFrame{ aspect-ratio:16/10!important; height:auto!important; max-height:none!important; } /* Captions remain inside the exact width of their image slot. */ .newsArticleStandalone .editorialFigure figcaption{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; } /* CMS resource previews use the same principle: show the complete image inside a predictable editor frame. */ .cmsV21 .editorPhotoPlaceholder.hasImage{ display:grid!important; place-items:center!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:16/9!important; overflow:hidden!important; background:var(--pama-media-bg)!important; border:1px solid var(--pama-media-border)!important; box-sizing:border-box!important; } .cmsV21 .editorPhotoPlaceholder.portraitSlot.hasImage{ aspect-ratio:4/5!important; max-width:340px!important; } .cmsV21 .editorPhotoPlaceholder.hasImage img{ display:block!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; margin:auto!important; } /* Responsive: retain the same editorial relationship without overflow. */ @media(max-width:820px){ .newsArticleStandalone .editorialPair, .newsArticleStandalone .editorialSplit, .newsArticleStandalone .profileLead{ grid-template-columns:1fr!important; } .newsArticleStandalone .editorialPair .articleImageFrame, .newsArticleStandalone .editorialSplit>.editorialFigure .articleImageFrame{ aspect-ratio:16/10!important; } .newsArticleStandalone .layout-profile .profileLead>.editorialFigure .articleImageFrame{ aspect-ratio:4/5!important; } } /* V73 — premium CMS surfaces for legacy and future content editors */ .cmsV21 #cmsContent>.cmseditor, .cmsV21 #cmsContent>.cmslist, .cmsV21 #cmsContent>.cmsManagerHead, .cmsV21 #cmsContent>.pageContentEditorHead, .cmsV21 #cmsContent>.pageContentGuide, .cmsV21 #cmsContent>.pageSectionGrid{ max-width:1280px; margin-left:auto; margin-right:auto; } .cmsV21 .cmseditor{ background:#fff!important; border:1px solid #dde6e1!important; border-radius:18px!important; padding:22px!important; box-shadow:0 12px 34px rgba(22,62,47,.055)!important; } .cmsV21 .cmseditor>h2, .cmsV21 .cmseditor>h3{ font-family:Manrope,sans-serif!important; color:#183d31!important; letter-spacing:-.02em; } .cmsV21 .cmseditor>p{color:#68766f;line-height:1.65} .cmsV21 .cmsManagerHead{ display:flex!important; align-items:flex-end!important; justify-content:space-between!important; gap:18px!important; padding:22px 24px!important; margin-bottom:16px!important; background:linear-gradient(120deg,#fff,#f4f8f6)!important; border:1px solid #dce6e1!important; border-radius:18px!important; box-shadow:0 10px 30px rgba(13,67,47,.05)!important; } .cmsV21 .cmsManagerHead h1, .cmsV21 .cmsManagerHead h2{margin:0!important;font:800 25px Manrope,sans-serif!important;color:#173f32!important} .cmsV21 .cmsManagerHead p{max-width:760px;margin:6px 0 0!important;color:#6d7a74!important;line-height:1.55} .cmsV21 .cmslist{ background:#fff!important; border:1px solid #dde6e1!important; border-radius:18px!important; padding:8px 18px!important; box-shadow:0 10px 30px rgba(13,67,47,.04)!important; overflow:hidden; } .cmsV21 .cmsrow{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:15px 4px!important; border-bottom:1px solid #edf1ef!important; } .cmsV21 .cmsrow:last-child{border-bottom:0!important} .cmsV21 .cmsrow b{color:#23483b} .cmsV21 .cmsrow small{display:block;color:#7a8681;margin-top:3px} .cmsV21 .cmsFormGrid, .cmsV21 .friendlyFieldGrid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px 16px!important; } .cmsV21 .cmsFormGrid label, .cmsV21 .friendlyFieldGrid label, .cmsV21 .cmseditor label{ color:#52655c!important; font-size:11px!important; font-weight:800!important; } .cmsV21 .cmsFormGrid input, .cmsV21 .cmsFormGrid textarea, .cmsV21 .cmsFormGrid select, .cmsV21 .friendlyFieldGrid input, .cmsV21 .friendlyFieldGrid textarea, .cmsV21 .friendlyFieldGrid select, .cmsV21 .cmseditor input, .cmsV21 .cmseditor textarea, .cmsV21 .cmseditor select{ width:100%; box-sizing:border-box; border:1px solid #d4dfd9!important; border-radius:10px!important; background:#fbfcfb!important; padding:11px 12px!important; color:#213c33!important; transition:border-color .15s,box-shadow .15s,background .15s; } .cmsV21 .cmsFormGrid input:focus, .cmsV21 .cmsFormGrid textarea:focus, .cmsV21 .cmsFormGrid select:focus, .cmsV21 .friendlyFieldGrid input:focus, .cmsV21 .friendlyFieldGrid textarea:focus, .cmsV21 .friendlyFieldGrid select:focus, .cmsV21 .cmseditor input:focus, .cmsV21 .cmseditor textarea:focus, .cmsV21 .cmseditor select:focus{ outline:0!important; border-color:#78a58f!important; background:#fff!important; box-shadow:0 0 0 3px rgba(7,83,58,.08)!important; } .cmsV21 .cmsUpload, .cmsV21 .friendlyRepeater, .cmsV21 .friendlyFields{ background:#fff!important; border:1px solid #dde6e1!important; border-radius:16px!important; padding:18px!important; } .cmsV21 .friendlyRepeatRow{ border:1px solid #e2e9e5!important; border-radius:13px!important; background:#fbfcfb!important; padding:14px!important; margin-top:10px!important; } .cmsV21 .cmsPrimary{ background:linear-gradient(135deg,#07583f,#0a6b4b)!important; color:#fff!important; box-shadow:0 7px 18px rgba(7,83,58,.15)!important; } .cmsV21 .cmsPrimary:hover{filter:brightness(1.05)} .cmsV21 .cmsGhost{ border:1px solid #d9e3de!important; background:#f5f8f6!important; color:#285443!important; } .cmsV21 .cmsAppEmpty{ background:#fff!important; border:1px dashed #cad8d1!important; border-radius:16px!important; padding:30px!important; text-align:center!important; color:#77827d!important; } .cmsV21 .friendlyPageEditor{padding:0!important;overflow:hidden} .cmsV21 .friendlyEditorTop{padding:18px 22px!important;background:#f7faf8!important;border-bottom:1px solid #e3eae6!important} .cmsV21 .friendlyEditorTitle{padding:26px 26px 18px!important} .cmsV21 .friendlyPublishBar{margin:0 26px 20px!important} .cmsV21 .friendlyFields, .cmsV21 .friendlyRepeater, .cmsV21 .friendlyPreserveNote{margin-left:26px!important;margin-right:26px!important} .cmsV21 .friendlySaveBar{ position:sticky!important; bottom:0!important; z-index:5!important; margin-top:22px!important; padding:16px 26px!important; background:rgba(255,255,255,.96)!important; backdrop-filter:blur(8px); border-top:1px solid #e1e8e4!important; } .cmsV21 .cmsLegacyUpgrade{ max-width:900px;margin:20px auto;background:#fff;border:1px solid #dde6e1;border-radius:18px; padding:30px;box-shadow:0 12px 34px rgba(22,62,47,.055) } .cmsV21 .cmsLegacyUpgrade small{font:800 9px Manrope;letter-spacing:.14em;color:#78a142} .cmsV21 .cmsLegacyUpgrade h2{font:800 26px Manrope;color:#173f32;margin:6px 0} .cmsV21 .cmsLegacyUpgrade p{color:#6b7772;line-height:1.65} @media(max-width:780px){ .cmsV21 .cmsFormGrid,.cmsV21 .friendlyFieldGrid{grid-template-columns:1fr!important} .cmsV21 .cmsManagerHead{align-items:flex-start!important;flex-direction:column!important} .cmsV21 .friendlyFields,.cmsV21 .friendlyRepeater,.cmsV21 .friendlyPreserveNote{margin-left:14px!important;margin-right:14px!important} .cmsV21 .friendlyEditorTitle{padding:22px 16px 14px!important} .cmsV21 .friendlyPublishBar{margin:0 16px 16px!important} .cmsV21 .friendlySaveBar{padding:14px 16px!important} } /* V74 — standard editorial article header + share sheet */ .newsArticleBodyLead{ position:relative; background:linear-gradient(135deg,#f8fbf9 0%,#fff 72%)!important; border-bottom:1px solid #dfe8e3!important; } .newsArticleBodyLead:before{ content:"";display:block;position:absolute;left:0;top:0;bottom:0;width:6px;background:#07583f; } .newsArticleHeaderActions{ display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px; } .newsArticleHeaderActions .shareBtn{ background:#07583f;color:#fff;border-color:#07583f; } .newsArticleHeaderActions .shareBtn:hover{background:#0a684a} .pamaShareOverlay{ position:fixed;inset:0;z-index:10000;background:rgba(5,28,20,.48); display:grid;place-items:center;padding:18px;backdrop-filter:blur(4px) } .pamaShareSheet{ width:min(520px,100%);max-height:min(720px,90vh);overflow:auto;background:#fff;border-radius:22px; border:1px solid #dbe5e0;box-shadow:0 28px 80px rgba(4,34,24,.28) } .pamaShareHead{ display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:22px 22px 16px; border-bottom:1px solid #e5ebe8 } .pamaShareHead small{display:block;font:800 9px Manrope;letter-spacing:.14em;color:#7da348} .pamaShareHead h3{font:800 20px Manrope;color:#173f32;margin:4px 0 0;line-height:1.25} .pamaShareClose{border:0;background:#eff4f1;color:#244c3d;border-radius:50%;width:36px;height:36px;font-size:19px;cursor:pointer} .pamaShareGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 22px} .pamaShareOption{ display:flex;align-items:center;gap:11px;width:100%;min-height:52px;border:1px solid #dce5e1; background:#fafcfb;color:#24483a;border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left; font:800 12px Manrope } .pamaShareOption:hover{background:#edf6f1;border-color:#c5dbd0} .pamaShareIcon{ display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#07583f;color:#fff; font:800 12px Manrope } .pamaShareFoot{padding:0 22px 22px;color:#7a8680;font-size:10px;line-height:1.5} .pamaShareToast{ position:fixed;left:50%;bottom:30px;z-index:10050;transform:translateX(-50%); background:#073e2d;color:#fff;border-radius:999px;padding:10px 16px;font:700 11px Manrope; box-shadow:0 10px 28px rgba(0,0,0,.22) } @media(max-width:560px){ .pamaShareOverlay{align-items:end;padding:0} .pamaShareSheet{width:100%;max-height:82vh;border-radius:22px 22px 0 0} .pamaShareGrid{grid-template-columns:1fr 1fr;padding:14px 16px} .pamaShareHead{padding:18px 16px 14px}.pamaShareFoot{padding:0 16px 18px} } /* V74 — PAMA News universal Fit Entire Image standard News images must never be cropped by default. */ .newsEventsFeaturedImage, .newsEventCardImage, .newsArticleFull .newsArticleCover, .newsArticleGallery figure{ background:#eef2f0!important; overflow:hidden!important; } .newsEventsFeaturedImage{ display:grid!important; place-items:center!important; } .newsEventsFeaturedImage img, .newsEventCardImage img{ display:block!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; margin:auto!important; } .newsArticleFull .newsArticleCover, .newsArticleGallery img, .newsArticleGallery figure.wide img{ display:block!important; width:100%!important; height:auto!important; max-width:100%!important; max-height:none!important; object-fit:contain!important; object-position:center!important; background:#eef2f0!important; } /* CMS preview follows the exact same no-crop rule. */ .cmsV21 .editorPhotoPlaceholder.hasImage img{ object-fit:contain!important; object-position:center!important; } /* V75 — per-picture Image Fit controls from PAMA CMS */ .articleImageFrame.fit-contain img, .newsEventsFeaturedImage.fit-contain img, .newsEventCardImage.fit-contain img, .editorPhotoPlaceholder.fit-contain img, .newsArticleGallery figure.fit-contain img, .newsArticleCover.fit-contain{ object-fit:contain!important; object-position:center!important; } .articleImageFrame.fit-stretch img, .newsEventsFeaturedImage.fit-stretch img, .newsEventCardImage.fit-stretch img, .editorPhotoPlaceholder.fit-stretch img, .newsArticleGallery figure.fit-stretch img, .newsArticleCover.fit-stretch{ object-fit:fill!important; object-position:center!important; } .articleImageFrame.fit-cover img, .newsEventsFeaturedImage.fit-cover img, .newsEventCardImage.fit-cover img, .editorPhotoPlaceholder.fit-cover img, .newsArticleGallery figure.fit-cover img, .newsArticleCover.fit-cover{ object-fit:cover!important; object-position:center!important; } .cmsV21 .editorPhotoFit{ margin-top:5px!important; } .cmsV21 .editorPhotoSlot .cmsFieldHint{ display:block; margin-top:5px; font-weight:500!important; line-height:1.45; color:#7b8982!important; } /* V75 — PAMA Social Media Integration */ .cmsSocialSettingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1280px;margin:0 auto 18px} .cmsSocialPlatformCard{background:#fff;border:1px solid #dce6e1;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(13,67,47,.045)} .cmsSocialPlatformHead{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:start;padding-bottom:17px;border-bottom:1px solid #edf1ef} .cmsSocialPlatformHead .socialIcon{width:44px;height:44px;border-radius:12px;background:#1877f2;color:#fff;display:grid;place-items:center;font:800 25px Georgia} .cmsSocialPlatformHead .socialIcon.viber{background:#7360f2;font:800 17px Manrope} .cmsSocialPlatformHead small,.cmsSocialBehavior>small,.cmsSocialRecordHead small{font:800 8px Manrope;letter-spacing:.14em;color:#83a74d} .cmsSocialPlatformHead h3{margin:2px 0 4px;color:#163f32;font:800 19px Manrope} .cmsSocialPlatformHead p{margin:0;color:#718079;font-size:9px;line-height:1.55} .cmsSocialConnection{padding:6px 9px;border-radius:999px;background:#f2f4f3;color:#75807b;font:800 7px Manrope;white-space:nowrap}.cmsSocialConnection.connected{background:#e7f4ed;color:#16704c} .cmsSocialFields{display:grid;gap:11px;padding-top:15px}.cmsSocialFields label{margin:0!important}.cmsSocialFields .socialToggle{display:flex!important;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dce6e1;border-radius:10px;background:#f7faf8}.cmsSocialFields input[type=checkbox]{width:auto!important;margin:0!important} .socialChecks{display:flex;gap:16px;flex-wrap:wrap}.socialChecks label{display:flex!important;align-items:center;gap:7px;font-size:9px!important} .socialSecretHint{display:block;margin-top:5px;color:#708078;font-size:8px;font-weight:500} .cmsSocialDetected{padding:11px 12px;background:#f6f8f7;border-radius:10px}.cmsSocialDetected small,.cmsSocialDetected b,.cmsSocialDetected span{display:block}.cmsSocialDetected small{font:800 7px Manrope;letter-spacing:.12em;color:#89a754}.cmsSocialDetected b{margin-top:3px;color:#27483c}.cmsSocialDetected span{font-size:8px;color:#7c8782} .cmsSocialButtonRow{display:flex;gap:8px;flex-wrap:wrap} .cmsSocialBehavior{max-width:1280px;margin:0 auto 18px;background:#103f32;color:#fff;padding:22px;border-radius:18px}.cmsSocialBehavior h3{margin:4px 0 15px;font:700 21px Manrope}.cmsSocialBehaviorGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cmsSocialBehaviorGrid div{padding:13px;background:rgba(255,255,255,.07);border-radius:10px}.cmsSocialBehaviorGrid b,.cmsSocialBehaviorGrid span{display:block}.cmsSocialBehaviorGrid b{color:#b9d76d;margin-bottom:4px;font:800 9px Manrope}.cmsSocialBehaviorGrid span{font-size:8px;line-height:1.55;color:#deebe6} .cmsGeneralSettingsHead{margin-top:25px!important} .cmsSocialMini{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.cmsSocialMini span,.cmsSocialMini.muted{display:inline-flex!important;padding:3px 6px;border-radius:999px;background:#f0f3f1;color:#6e7a74;font:700 7px Manrope}.cmsSocialMini .social-posted{background:#e6f5ed;color:#176e4d}.cmsSocialMini .social-out_of_sync{background:#fff3d8;color:#936600}.cmsSocialMini .social-failed{background:#fee9e8;color:#a33e36} .cmsSocialRecordPanel{margin-top:22px;border-top:1px solid #e4ebe7;padding-top:18px}.cmsSocialRecordHead{display:flex;align-items:end;justify-content:space-between;gap:14px}.cmsSocialRecordHead h3{margin:3px 0;color:#1b4436}.cmsSocialRecordHead>span{font-size:8px;color:#7b8781}.cmsSocialRecordGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.cmsSocialRecordCard{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid #dfe7e3;border-radius:12px;background:#fafcfb}.cmsSocialRecordCard small,.cmsSocialRecordCard b,.cmsSocialRecordCard span,.cmsSocialRecordCard em{display:block}.cmsSocialRecordCard small{font:800 7px Manrope;letter-spacing:.13em;color:#89a652}.cmsSocialRecordCard b{margin:2px 0;color:#264a3d;text-transform:capitalize}.cmsSocialRecordCard span{font-size:8px;color:#76827d}.cmsSocialRecordCard em{margin-top:4px;color:#a33e36;font-size:7px;font-style:normal}.cmsSocialRecordNote{margin-top:18px;padding:12px 14px;background:#f4f7f5;border-left:3px solid #86a955}.cmsSocialRecordNote b,.cmsSocialRecordNote span{display:block}.cmsSocialRecordNote span{margin-top:3px;font-size:8px;color:#738078} @media(max-width:900px){.cmsSocialSettingsGrid{grid-template-columns:1fr}.cmsSocialBehaviorGrid{grid-template-columns:1fr 1fr}} @media(max-width:600px){.cmsSocialPlatformHead{grid-template-columns:42px 1fr}.cmsSocialConnection{grid-column:1/-1}.cmsSocialBehaviorGrid,.cmsSocialRecordGrid{grid-template-columns:1fr}} /* V74 — PAMA News best-fit layout advisor + paragraph reflow */ .layoutAutomationBar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin:14px 0 18px;padding:14px 16px;background:linear-gradient(120deg,#f2f7f4,#fbfcfb);border:1px solid #d7e4dd;border-radius:12px} .layoutAdvisor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;min-width:0} .layoutAdvisor>div:first-child small{display:block;color:#78a04b;font:800 8px Manrope;letter-spacing:.14em} .layoutAdvisor>div:first-child b{display:block;margin:2px 0 3px;color:#153f32;font:800 14px Manrope} .layoutAdvisor>div:first-child span{display:block;color:#68776f;font-size:8.5px;line-height:1.5} .layoutAdvisorStats{display:grid!important;grid-template-columns:auto auto;gap:1px 6px;align-items:baseline;text-align:right} .layoutAdvisorStats strong{color:#07583f;font:800 13px Manrope} .layoutAdvisorStats span{color:#88938e;font:700 7px Manrope;text-transform:uppercase;letter-spacing:.08em} .layoutAdvisor>em{grid-column:1/-1;color:#8a6b35;font:700 8px/1.45 Manrope;font-style:normal} .layoutAdvisor>em.isMatch{color:#2f765e} .layoutAutomationActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .layoutAutomationActions button{white-space:nowrap} @media(max-width:900px){.layoutAutomationBar{grid-template-columns:1fr}.layoutAutomationActions{justify-content:flex-start}.layoutAdvisor{grid-template-columns:1fr}.layoutAdvisorStats{text-align:left;justify-content:start}} @media(max-width:600px){.layoutAutomationActions{display:grid}.layoutAutomationActions button{width:100%}} /* V75 — universal CMS social sharing / cover image controls */ .cmsShareEditor{margin:20px 0;padding:18px;border:1px solid #d8e4de;border-radius:14px;background:#fbfdfc} .cmsShareEditorHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e2e9e5} .cmsShareEditorHead small{display:block;font:800 8px Manrope;letter-spacing:.16em;color:#80a54c} .cmsShareEditorHead h3{margin:3px 0 4px;color:#173f32;font:800 18px Manrope} .cmsShareEditorHead p{margin:0;max-width:760px;color:#6a7871;font-size:9px;line-height:1.55} .cmsShareEditorHead>span{white-space:nowrap;background:#eef5f1;color:#42715e;border-radius:999px;padding:7px 10px;font:800 8px Manrope} .cmsShareTools{display:flex;align-items:center;gap:10px;margin:8px 0 14px}.cmsShareTools span{color:#718079;font-size:8px} .cmsSocialPreviewCard{display:grid;grid-template-columns:190px minmax(0,1fr);gap:15px;align-items:stretch;overflow:hidden;border:1px solid #dce6e1;border-radius:12px;background:#fff} .cmsSocialPreviewImage{display:grid;place-items:center;min-height:112px;background:#edf3f0;overflow:hidden}.cmsSocialPreviewImage img{width:100%;height:100%;object-fit:contain}.cmsSocialPreviewImage span{font:800 20px Manrope;color:#07583f} .cmsSocialPreviewCard>div:last-child{padding:13px 14px 12px 0;min-width:0}.cmsSocialPreviewCard small{display:block;color:#82a44d;font:800 7px Manrope;letter-spacing:.14em}.cmsSocialPreviewCard b{display:block;margin:4px 0;color:#183f32;font:800 13px/1.25 Manrope}.cmsSocialPreviewCard p{margin:0 0 7px;color:#65746d;font-size:9px;line-height:1.45}.cmsSocialPreviewCard em{color:#89948f;font:700 7px Manrope;font-style:normal} .usePhotoAsSocial{width:100%;margin-top:8px!important}.usePhotoAsSocial.selectedSocial{border-color:#6e9e4a!important;background:#eef6e8!important;color:#315d35!important} .newsEventActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px} @media(max-width:700px){.cmsShareEditorHead{display:block}.cmsShareEditorHead>span{display:inline-block;margin-top:8px}.cmsSocialPreviewCard{grid-template-columns:1fr}.cmsSocialPreviewImage{max-height:190px}.cmsSocialPreviewCard>div:last-child{padding:12px}} .cmsInlineActionMsg{margin-top:9px;padding:9px 11px;border-radius:8px;background:#f3f6f4;color:#68766f;font-size:8.5px;line-height:1.5} .cmsInlineActionMsg.success{background:#edf7f1;color:#276148;border:1px solid #cfe6d8} .cmsInlineActionMsg.error{background:#fff3f1;color:#9b4038;border:1px solid #efd1cc} /* V76 — Contact Inquiries workflow */ .cmsManagerActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .cmsInquiryToolbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px 150px 220px;gap:10px;margin:16px 0} .cmsInquiryToolbar input,.cmsInquiryToolbar select{width:100%;box-sizing:border-box;border:1px solid #d5e0da;border-radius:8px;background:#fff;padding:10px 11px;font:600 11px DM Sans,Arial;color:#23483b} .cmsInquiryList{display:grid;gap:9px} .cmsInquiryRow{display:grid;grid-template-columns:minmax(250px,1.45fr) minmax(170px,.8fr) minmax(160px,.7fr) auto auto;gap:14px;align-items:center;padding:15px 16px;background:#fff;border:1px solid #dce5e0;border-radius:10px} .cmsInquiryRow>div{min-width:0}.cmsInquiryRow small{display:block;font:800 7px Manrope;letter-spacing:.12em;color:#80938a}.cmsInquiryRow b{display:block;margin:3px 0;color:#173f32;font:800 11px Manrope;overflow-wrap:anywhere}.cmsInquiryRow span{display:block;color:#6e7c75;font-size:9px;overflow-wrap:anywhere} .cmsInquiryIdentity small{color:#789c48}.cmsInquiryIdentity b{font-size:13px}.cmsPriority{display:inline-block!important;width:max-content;margin-top:5px;padding:4px 7px;border-radius:999px;background:#eef3f0;color:#50645b!important;font:800 7px Manrope!important;text-transform:uppercase;letter-spacing:.08em}.cmsPriority-high{background:#fff0dc;color:#9b5b00!important}.cmsPriority-urgent{background:#fde8e7;color:#a33b34!important}.cmsPriority-low{background:#eef3f8;color:#587086!important} .cmsInquiryMessage{margin:18px 0;padding:20px;border:1px solid #dce5e0;border-radius:10px;background:#fbfdfc}.cmsInquiryMessage small{display:block;margin-bottom:8px;color:#7f9f53;font:800 8px Manrope;letter-spacing:.13em}.cmsInquiryMessage p{white-space:pre-wrap;margin:0;color:#263b33;font:500 12px/1.75 DM Sans,Arial} .cmsInquiryReplyBar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:14px 0 18px;padding:12px 14px;background:#f3f7f5;border-radius:9px}.cmsInquiryReplyBar>span{flex:1;min-width:220px;color:#65746d;font-size:9px}.cmsInquiryReplyBar .cmsLinkBtn{display:inline-flex;align-items:center;text-decoration:none} .cmsNotificationSettings{max-width:980px}.cmsNotificationChecks{margin:16px 0}.cmsNotificationBehavior{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 20px}.cmsNotificationBehavior>div{padding:15px;border:1px solid #dce5e0;border-radius:9px;background:#fbfdfc}.cmsNotificationBehavior small{display:block;color:#82a14f;font:800 7px Manrope;letter-spacing:.13em}.cmsNotificationBehavior b{display:block;margin:5px 0;color:#173f32;font:800 11px Manrope}.cmsNotificationBehavior span{display:block;color:#6b7872;font-size:9px;line-height:1.5} @media(max-width:980px){.cmsInquiryToolbar{grid-template-columns:1fr 1fr}.cmsInquiryRow{grid-template-columns:1fr 1fr}.cmsInquiryRow .cmsPrimary{justify-self:start}.cmsInquiryIdentity{grid-column:1/-1}} @media(max-width:620px){.cmsInquiryToolbar,.cmsInquiryRow,.cmsNotificationBehavior{grid-template-columns:1fr}.cmsInquiryIdentity{grid-column:auto}.cmsManagerActions{align-items:stretch}.cmsManagerActions>*{width:100%;text-align:center}}