*{box-sizing:border-box}body{margin:0;background:#f7f7f7;font-family:Arial,sans-serif;color:#272727}header{background:white;border-bottom:1px solid #eee}.bar{max-width:1120px;margin:auto;min-height:88px;display:flex;align-items:center;gap:42px;padding:0 12px}.brand{font-size:29px;font-weight:800;color:#21c968;letter-spacing:-1px}.brand span{display:inline-grid;place-items:center;color:white;border-radius:8px;background:#21c968;width:43px;height:43px;margin-right:8px}.nav{display:flex;align-items:center;gap:38px;font-weight:700;font-size:15px}.right{margin-left:auto;display:flex;gap:15px;align-items:center}.right a{color:#22bc67;font-weight:700;font-size:14px}.button{border:0;border-radius:8px;padding:13px 17px;background:#21c968;color:white;font-weight:bold;cursor:pointer}.pale{background:#d4f9c7;color:#075d37}.notice{text-align:center;background:#edfff2;color:#17613a;font-size:13px;padding:9px}.layout{max-width:1120px;margin:20px auto;display:grid;grid-template-columns:minmax(0, 725px) 346px;gap:28px;padding:0 12px}.card{background:#fff;border-radius:10px;padding:16px}.hero{height:405px;border-radius:8px;background:#e5f3ec;position:relative;display:grid;place-items:center;overflow:hidden}.hero:before,.hero:after{content:'';position:absolute;border-radius:50%;background:#d5ebdd}.hero:before{width:350px;height:350px;top:-120px;right:-60px}.hero:after{width:300px;height:300px;bottom:-150px;left:-60px}.photo{position:relative;z-index:1;text-align:center;color:#4b8762}.photo svg{width:100px;display:block;margin:auto auto 15px}.heart{position:absolute;right:14px;top:14px;background:white;color:#bcc6bf;border-radius:50%;width:42px;height:42px;border:0;font-size:24px}.meta{display:flex;justify-content:space-between;color:#909090;font-size:13px;margin-top:26px;text-transform:uppercase}h1{font-size:35px;line-height:1.1;letter-spacing:-.8px;margin:10px 0 14px}.id{font-size:14px;color:#4f4f4f;font-weight:bold}.intro{font-size:15px;color:#666;line-height:1.55;margin:24px 0}.read{color:#28a9ad;font-weight:bold;text-decoration:none}.badges{font-size:19px;background:#fafafa;display:inline-block;padding:8px;border-radius:7px}.badges small{font-size:12px;color:#333;text-decoration:underline}.side{align-self:start}.progress{height:5px;border-radius:4px;background:#eee}.progress i{display:block;background:#25c76c;width:65%;height:100%;border-radius:4px}.side h2{font-size:20px;margin:22px 0 10px}.total{font-size:38px;color:#28c875;font-weight:700;letter-spacing:-1px}.goal{color:#999;font-size:19px;margin:8px 0 25px}.stats{background:#efffe8;border-radius:8px;padding:10px 12px;font-size:13px}.row{display:flex;justify-content:space-between;margin:8px 0}.donation{background:#f8f8f8;margin-top:32px;border-radius:8px;padding:16px}.donation p{font-size:14px;font-weight:700;margin:0 0 16px}.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.amounts button{background:white;border:1px solid #ddd;border-radius:7px;height:48px;font-size:13px;font-weight:bold;cursor:pointer}.amounts button.selected{border:2px solid #20c568;color:#0a8f49}.wide{width:100%;font-size:20px;margin-top:12px}.divider{height:1px;background:#ececec;margin:16px 0}.organizer{background:#f8f8f8;border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px;font-size:14px}.avatar{background:#ff795c;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;color:white;font-weight:bold}.organizer small{display:block;margin-top:4px;color:#666}.tabs{display:flex;gap:27px;overflow:auto;white-space:nowrap;color:#555;margin-top:20px;border-bottom:1px solid #ddd}.tabs button{border:0;background:transparent;color:inherit;font-size:17px;padding:12px 4px;cursor:pointer}.tabs button.active{color:#20bd68;border-bottom:2px solid #20bd68;font-weight:bold}.story{padding:25px 16px 40px;background:white;line-height:1.7;color:#555;font-size:15px}.story h2{font-size:22px;color:#222}.pix{padding:16px;border-radius:8px;background:#effff0;color:#27704a}.toast{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#27352b;color:#fff;padding:13px 20px;border-radius:8px;z-index:4;font-size:14px}.toast.show{display:block}footer{text-align:center;padding:40px;color:#777;font-size:13px} @media(max-width:800px){.bar{min-height:70px}.nav,.right a,.right .pale{display:none}.right{gap:0}.right .button{font-size:12px}.brand{font-size:25px}.layout{display:flex;flex-direction:column}.hero{height:310px}h1{font-size:28px}.side{width:100%}.tabs{gap:18px}.tabs button{font-size:14px}}@media(max-width:400px){.hero{height:230px}.brand{font-size:21px}.brand span{width:36px;height:36px}.right .button{padding:10px}}

.campaign-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.story-text{overflow-wrap:anywhere}

/* Footer: informational labels remain static, matching the rest of the demo. */
footer.site-footer{padding:54px 20px 0;text-align:left;background:#fff;color:#666;font-size:14px;border-top:1px solid #e9ecea}.footer-inner{max-width:1095px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1.45fr 1fr 1.1fr;gap:42px}.footer-brand{color:#21c968;font-size:25px;font-weight:800;letter-spacing:-.6px;margin-bottom:28px}.footer-brand span{display:inline-grid;place-items:center;background:#21c968;color:#fff;border-radius:7px;width:38px;height:38px;font-size:23px}.site-footer h2{font-size:15px;color:#262626;margin:0 0 19px;font-weight:700}.footer-socials{display:flex;flex-wrap:wrap;gap:9px}.footer-socials span{border-radius:20px;background:#eff9f2;padding:7px 9px;color:#19834d;font-size:12px}.footer-links{list-style:none;margin:0;padding:0;line-height:1.5}.footer-links li{margin-bottom:10px}.footer-column p{line-height:1.6;margin:0 0 18px}.footer-apps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.footer-apps span{display:inline-block;background:#272727;color:#fff;padding:9px 12px;border-radius:6px;font-weight:700;font-size:12px}.footer-seal{display:inline-block;border:1px solid #72ba89;color:#2c8e50;border-radius:5px;padding:5px 8px;font-size:11px}.footer-bottom{max-width:1095px;margin:36px auto 0;padding:20px 0;border-top:1px solid #eee;font-size:12px;color:#888}.footer-column,.footer-brand-col{overflow-wrap:anywhere}@media(max-width:800px){.footer-inner{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:460px){.footer-inner{grid-template-columns:1fr}.footer-bottom{margin-top:24px}}
/* Reference footer */
footer.site-footer{padding:0;text-align:left;background:#242424;color:#eee;border:0;font-size:12px}.site-footer .footer-inner{display:block;max-width:1100px;margin:0 auto;padding:24px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 34px}.footer-logo{display:flex;align-items:center;gap:5px;font-size:16px;color:#fff;letter-spacing:-.5px}.footer-logo-icon{display:grid;place-items:center;width:25px;height:23px;color:#242424;background:#fff;border-radius:3px}.site-footer .footer-socials{display:flex;gap:0;align-items:center}.footer-social{width:35px;height:19px;border-right:1px solid #aaa;display:grid;place-items:center}.footer-social:last-child{border:0}.footer-social svg{width:15px;height:15px;fill:#eee}.footer-grid{display:grid;grid-template-columns:2fr .9fr .9fr;gap:36px}.site-footer h2{margin:0 0 14px;color:#119d59;font-size:14px;font-weight:700}.quicklinks ul{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,auto);grid-auto-columns:1fr;column-gap:30px}.quicklinks li{line-height:1.4;margin-bottom:10px;break-inside:avoid;color:#eee}.footer-contact p{line-height:1.6;margin:0 0 13px}.footer-grid .footer-apps{display:block;margin:0}.store-badge{display:flex;align-items:center;gap:5px;width:117px;height:35px;border-radius:5px;margin-bottom:10px;padding:3px 6px}.store-badge svg{width:22px;height:25px;flex:none}.store-badge span{display:flex;flex-direction:column;line-height:1}.store-badge small{font-size:7px}.store-badge b{font-size:16px;letter-spacing:-.5px;white-space:nowrap}.google-badge{border:1px solid #a6a6a6;background:#050505;color:#fff}.apple-badge{width:105px;background:#fff;color:#000}.security-seal{display:block;width:115px;height:40px;object-fit:contain;margin:0 0 15px}.footer-legal{font-size:11px;line-height:1.6;color:#838383}.site-footer .footer-bottom{max-width:none;margin:0;padding:10px 15px;background:#555;color:#ddd;font-size:11px;text-align:center;border:0}@media(max-width:1150px){.site-footer .footer-inner{padding-left:25px;padding-right:25px}}@media(max-width:750px){.footer-top{gap:15px}.footer-grid{grid-template-columns:1fr 1fr}.quicklinks{grid-column:1/-1}.quicklinks ul{grid-template-rows:repeat(8,auto)}.site-footer .footer-inner{padding-top:25px}}@media(max-width:440px){.footer-grid{grid-template-columns:1fr}.quicklinks{grid-column:auto}.quicklinks ul{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr 1fr;gap:0 15px}.footer-social{width:26px}.footer-top{align-items:flex-start}.footer-logo{font-size:14px}}
.site-footer .footer-socials .footer-social{background:transparent;padding:0;border-radius:0;color:#eee;font-size:inherit}.site-footer .footer-apps .store-badge span{background:transparent;padding:0;border-radius:0;color:inherit;font-size:inherit;font-weight:inherit}

.donate-link{display:block;text-align:center;text-decoration:none;color:#fff;box-sizing:border-box}
.bar .brand{display:block;flex:none;line-height:0;text-decoration:none}.bar .logo-image{display:block;width:170px;height:45px;max-width:100%}.site-footer .footer-logo{display:inline-block;line-height:0}.site-footer .footer-logo-image{display:block;width:170px;height:45px;max-width:100%}
.bar{align-items:center}.bar .nav,.bar .right{align-items:center}.bar .nav-item,.bar .search-label{display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1}.bar .nav-chevron,.bar .search-icon{display:block;flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bar .search-icon{width:17px;height:17px}
/* Campaign detail tabs */
.tabs{gap:0;scrollbar-width:thin;scroll-snap-type:x proximity}.tabs button{flex:none;padding:15px 12px;margin-right:10px;scroll-snap-align:start;font-size:16px}.tabs button[aria-selected="true"]{color:#20bd68;border-bottom:2px solid #20bd68;font-weight:700}.tab-panel{min-height:240px;background:#fff;padding:18px 16px 24px}.tab-panel[hidden]{display:none!important}.story{line-height:1.65}.story .created-text{color:#777;font-size:13px}.story h2{margin-top:18px}.updates-panel{padding:16px 22px}.update-card{border:1px solid #e9e9e9;border-radius:9px;background:#fff;padding:17px;margin:0 0 20px}.update-head{display:flex;align-items:center;gap:10px}.update-head strong,.update-head small{display:block}.update-head strong{font-size:14px}.update-head small{margin-top:6px;color:#777;font-size:11px}.update-avatar{background:#ff6a48;width:43px;height:43px}.update-card p{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px 0;margin:15px 0 0;font-size:14px;line-height:1.5}.update-share{text-align:center;color:#999;font-size:12px;padding-top:12px}.update-share span{font-weight:700;color:#888;font-size:16px;margin-left:14px}.supporters-panel{padding:16px}.support-summary{border:1px solid #e8e8e8;border-radius:8px;padding:12px 14px}.summary-row{display:flex;gap:12px;align-items:center;padding:11px 0;font-size:14px}.summary-row>div strong,.summary-row>div span{display:block}.summary-row>div span{color:#555;margin-top:3px}.summary-icon{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:#20c768;color:white;font-size:22px}.summary-icon-1{background:#079d52}.summary-icon-2{background:#0e4dcc}.summary-icon-3{background:#b30000}.supporters-panel h2{text-align:center;font-size:18px;margin:38px 0 10px}.support-list{border-top:1px solid #eee}.support-person{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ddd;padding:15px 0}.support-person-text{flex:1}.support-person-text strong,.support-person-text span{display:block;font-size:12px}.support-person-text span{margin-top:5px;color:#777}.support-person small{align-self:flex-start;color:#777;font-size:10px}.supporter-avatar{width:45px;height:45px;background:#ff6a48}.supporter-avatar-1,.supporter-avatar-2{background:#e448ac}.supporter-avatar-3{background:#0e4dcc}.supporter-avatar-4{background:#ffa900}.prize-panel{padding:20px 16px}.prize-intro{font-size:14px;line-height:1.5;margin:0 0 18px}.prize-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 25px}.prize-card{min-height:88px;border-radius:9px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 2px 5px #0002;font-size:13px;line-height:1.45;background:#f8f8f8}.prize-card strong{font-weight:700}.prize-card a,.prize-link{display:block;color:#39aabb;text-decoration:underline;margin-top:8px;font-weight:400}.prize-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;color:#00a85d;font-size:29px;font-weight:800}.prize-card-1{background:#eaffdf}.prize-card-2{background:#f5e9dc}.prize-card-3{background:#007e4d;color:#fff}.prize-card-3 .prize-icon{color:#ffcc33}.prize-card-4{background:#f8f8f8}.prize-card-5{background:#ffc20d}.prize-card-5 .prize-icon{border-radius:50%;background:#005733;color:#fff;font-size:23px}.badges-panel{padding:28px 12px}.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 12px}.badge-item{text-align:center;font-size:12px;line-height:1.35}.badge-item strong,.badge-item small{display:block}.badge-item small{margin-top:5px;color:#666}.badge-medal{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 8px;background:#079d52;border:4px dotted #20bd68;border-radius:50%;color:#fff;font-size:23px}.badge-medal-1{background:#fa781e;border-color:#ff9e58}.badge-medal-2{background:#d84154;border-color:#fa7e90}.badge-medal-3{background:#16a9bc;border-color:#6bc7d4}.badge-medal-4{background:#b56be1;border-color:#ce9aed}.badge-medal-5{background:#098754;border-color:#58b185}.faq-panel{padding:12px 0}.faq-item{border:1px solid #eee;border-radius:8px;background:#fff;box-shadow:0 2px 5px #0001;margin:0 0 10px}.faq-item summary{padding:15px 16px;list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:14px;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:19px;line-height:12px}.faq-item[open] summary span{color:#20bd68;transform:rotate(180deg)}.faq-item p{color:#888;font-size:13px;line-height:1.55;margin:0;padding:6px 16px 17px}.campaign-pix-strip{display:flex;align-items:center;justify-content:center;gap:16px;background:#e5e5e5;padding:16px 24px;text-align:center;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.pix-symbol{font-size:30px;color:#000;transform:rotate(45deg)}.campaign-pix-strip button{border:0;background:none;text-decoration:underline;cursor:pointer;color:#333;font-weight:700}.campaign-report{padding:28px 0 40px}.campaign-report p{font-size:13px;margin:0 0 10px}.campaign-report small{display:block;color:#999;font-size:11px;line-height:1.5}.related-stories{background:#fff;padding:42px max(16px,calc((100vw - 1120px)/2)) 50px}.related-stories h2{text-align:center;font-size:21px;margin:0 0 28px}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.related-card{min-width:0;border-radius:9px;background:#fff;box-shadow:0 2px 6px #0002;overflow:hidden}.related-image{height:155px;background:#dcefe2;display:grid;place-items:center;color:#55ac76;font-size:48px}.related-image img{display:block;width:100%;height:100%;object-fit:cover}.related-body{padding:12px}.related-body h3{font-size:16px;line-height:1.25;min-height:40px;margin:0 0 8px}.related-body p{font-size:13px;color:#777;margin:0 0 8px}.related-body p strong{color:#20bd68}.related-progress{height:4px;background:#e5e5e5;margin-bottom:10px}.related-progress i{display:block;height:100%;background:#20bd68}.related-body small{font-size:11px;color:#666}.mobile-donation-dock{display:none}.amount-option{position:relative}.amount-option .suggested{position:absolute;left:50%;top:-11px;transform:translateX(-50%);font-size:10px;border-radius:15px;background:#baf3a5;color:#19824a;padding:2px 6px;font-weight:700;white-space:nowrap}.toast{box-shadow:0 5px 20px #0003}
@media(max-width:800px){body{padding-bottom:290px}.layout{gap:16px}.layout>section{min-width:0}.side .donation{display:none}.mobile-donation-dock{display:block;position:fixed;z-index:30;bottom:0;left:0;right:0;background:#dcf9c9;border-radius:22px 22px 0 0;box-shadow:0 -8px 22px #0002;padding:10px 12px max(10px,env(safe-area-inset-bottom));max-height:48vh;overflow-y:auto}.mobile-protection{text-align:center;color:#145d3e;font-size:12px;font-weight:800;letter-spacing:.4px;margin:0 0 8px}.mobile-donation-panel{background:#fff;border-radius:19px;padding:14px}.mobile-donation-panel>strong{display:block;font-size:16px;margin:0 0 19px}.mobile-donation-panel .amounts{gap:6px}.mobile-donation-panel .amount-option{height:49px}.mobile-donation-panel .donate-link{font-size:18px;margin-top:12px;padding:14px 8px}.mobile-donation-panel .share-button{font-size:16px;margin-top:8px;padding:11px 8px}.prize-grid{grid-template-columns:1fr}.prize-card{min-height:94px;padding:16px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-report{padding-left:15px;padding-right:15px}}@media(max-width:470px){.tabs button{font-size:15px}.related-grid{grid-template-columns:1fr 1fr;gap:12px}.related-image{height:110px}.related-body h3{font-size:13px;min-height:50px}.related-body p{font-size:11px}.mobile-donation-panel .amount-option{font-size:11px}.mobile-donation-panel .donate-link{font-size:16px}}
/* Keep the uploaded campaign photo unobstructed and fit the mobile dock. */
.campaign-image{z-index:1}.heart{z-index:2}.amounts{grid-template-columns:repeat(4,minmax(0,1fr))}.amount-option{min-width:0;padding:0 3px}@media(max-width:800px){body{padding-bottom:48vh}.bar{gap:12px}.mobile-donation-panel .amount-option{font-size:11px;padding:0 2px}}@media(max-width:470px){.bar{justify-content:center}.bar .right{display:none}}
.prize-icon{display:block;flex:none;width:42px;height:42px;object-fit:contain;border:0;background:none;border-radius:0}.prize-card-5 .prize-icon{width:52px;height:52px;border-radius:0;background:none}.badge-medal,.badge-medal-1,.badge-medal-2,.badge-medal-3,.badge-medal-4,.badge-medal-5{display:block;width:42px;height:42px;object-fit:contain;margin:0 auto 8px;border:0;border-radius:0;background:none}
.summary-icon,.summary-icon-1,.summary-icon-2,.summary-icon-3{display:block;width:40px;height:40px;flex:none;object-fit:contain;background:none;border:0;border-radius:0}
/* Keep the campaign summary alongside its tabs, stopping at the related stories. */
@media (min-width:801px){.layout>.side{position:sticky;top:16px;align-self:start}}
@media (min-width:801px) and (max-height:760px){.layout>.side{max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-width:thin}}
/* Typography and mobile campaign layout */
@font-face{font-family:Campaign Lato;src:url('assets/fonts/lato-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Campaign Lato;src:url('assets/fonts/lato-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Campaign Montserrat;src:url('assets/fonts/montserrat.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
body{font-family:Campaign Lato,Arial,sans-serif}h1,.tabs button,.donate-link,.share-button,.related-stories h2,.related-body h3{font-family:Campaign Montserrat,Arial,sans-serif}.mobile-header-actions,.mobile-campaign-summary{display:none}
.story-pix{display:flex;flex-direction:column;gap:12px;padding:10px 0 18px;margin-bottom:18px;border-bottom:1px solid #ddd;color:#555}.story-pix button{align-self:flex-start;padding:0;border:0;background:none;color:#3c3c3c;text-decoration:underline;font:700 15px Campaign Lato,Arial,sans-serif;overflow-wrap:anywhere;text-align:left;cursor:pointer}.story-pix svg,.campaign-pix-strip button svg{width:15px;height:15px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.campaign-pix-strip .pix-symbol{display:block;flex:none;width:35px;height:37px;object-fit:contain;transform:none;mix-blend-mode:multiply}.site-footer .footer-logo-image{width:100px;height:auto}
@media(max-width:800px){
  header{position:sticky;top:0;z-index:40}.bar{min-height:90px;padding:0 16px;gap:0;justify-content:space-between}.bar .brand .logo-image{width:123px;height:auto}.bar .right{display:none}.mobile-header-actions{display:flex;align-items:center;gap:19px}.mobile-header-button{width:28px;height:32px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}.mobile-header-button svg{display:block;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:square}.mobile-search{color:#24ca68}.mobile-menu-toggle{color:#555}.bar .nav.is-open{display:flex;position:absolute;top:90px;left:0;right:0;z-index:2;flex-direction:column;align-items:flex-start;gap:0;padding:8px 16px;background:#fff;box-shadow:0 5px 8px #0002}.bar .nav.is-open .nav-item{padding:12px 0}.bar{position:relative}.notice{padding:7px 16px;font-size:11px;line-height:1.35}
  .layout{margin:12px auto 20px;padding:0 15px;gap:16px}.layout>section>.card{padding:16px}.hero{height:auto;aspect-ratio:2/1}.meta{margin-top:16px;font-size:10px}.meta span:last-child{display:none}h1{font-size:24px;line-height:1.2;letter-spacing:0;margin:10px 0 12px}.id{font-size:14px}.intro{font-size:14px;margin:16px 0 0}.mobile-campaign-summary{display:block}.mobile-campaign-summary .progress{height:4px;margin:32px 0 18px}.mobile-raised{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;color:#888;font-size:14px}.mobile-raised strong{font-size:20px;line-height:1.25;color:#24ca68}.mobile-campaign-summary .stats{margin-top:26px;padding:7px 12px;font-size:12px}.mobile-campaign-summary .row{margin:7px 0}.mobile-badge-link{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;margin:16px 0 12px;border:0;border-radius:8px;background:#f8f8f8;color:#353535;text-align:left;text-decoration:underline;font:700 13px Campaign Lato,Arial,sans-serif;cursor:pointer}.mobile-badge-link img{width:24px;height:24px;object-fit:contain}.mobile-campaign-summary .organizer{margin-top:12px;padding:12px;font-size:13px}.mobile-campaign-summary .organizer .avatar{width:40px;height:40px;flex:none}.mobile-campaign-summary .organizer small{font-size:12px}
  .tabs{margin-top:20px}.tabs button{font-size:14px;padding:13px 8px;margin-right:12px}.tab-panel{padding:22px 16px}.story-pix{font-size:15px}.campaign-pix-strip{text-align:left;justify-content:flex-start;gap:14px;padding:18px 16px;font-size:14px}.campaign-pix-strip button{display:block;margin:10px auto 0}.campaign-report{padding:26px 0 34px}.related-stories{padding:36px 15px 40px}.related-stories h2{font-size:19px;line-height:1.35}
  .mobile-donation-dock{left:0;right:0;bottom:0;padding:0;max-height:48dvh;border-radius:16px 16px 0 0;overflow-y:auto}.mobile-protection{height:44px;margin:0;display:flex;align-items:center;justify-content:center}.protection-badge{height:25px;display:inline-flex;align-items:center;gap:5px;border:1px solid #2eaa64;border-radius:9px;background:#efffe8;padding:0 8px 0 0;color:#145d3e;font:700 9px Campaign Lato,Arial,sans-serif;letter-spacing:.25px}.protection-shield{width:28px;height:28px;display:grid;place-items:center;background:#087444;border:3px solid #23b76b;border-radius:50%}.protection-shield svg{width:16px;height:16px;fill:#fff;stroke:#fff;stroke-width:1}.protection-shield svg path+path{fill:#087444;stroke:none}.mobile-donation-panel{padding:16px;border-radius:18px 18px 0 0}.mobile-donation-panel>strong{font-size:13px;margin:0 0 18px}.mobile-donation-panel .amounts{gap:4px}.mobile-donation-panel .amount-option{height:48px;font-size:12px;padding:0 2px}.mobile-donation-panel .donate-link{font-size:19px;line-height:1.2;margin-top:8px;padding:16px 8px}.mobile-donation-panel .share-button{font-size:18px;line-height:1.2;margin-top:8px;padding:13px 8px}.mobile-donation-panel .amount-option .suggested{font-size:10px;top:-9px}.toast{bottom:min(50dvh,310px);z-index:45}
  .site-footer .footer-inner{padding:24px 15px}.footer-top{margin-bottom:32px;align-items:center}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:36px 22px}.site-footer .quicklinks{grid-column:1/-1}.site-footer .quicklinks ul{display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-template-rows:repeat(9,auto);gap:0 16px}.site-footer .quicklinks li{margin-bottom:10px}.footer-social{width:28px}.site-footer .footer-logo-image{width:92px}.site-footer h2{font-size:15px}.footer-contact p,.footer-legal{font-size:12px}.footer-bottom{padding:10px 15px}
}
.campaign-pix-strip .pix-symbol{filter:grayscale(1) contrast(300%)}
@media(max-width:800px){body{padding-bottom:0}.site-footer .footer-bottom{padding-bottom:calc(10px + min(48dvh,280px))}}
/* Stamp preview and donation badge */
.stamp-preview{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:8px;border:0;border-radius:8px;background:#f8f8f8;color:#353535;font:700 13px Campaign Lato,Arial,sans-serif;cursor:pointer}.stamp-preview img{display:block;flex:none;width:24px;height:24px;object-fit:contain}.stamp-preview span{margin-left:4px;text-decoration:underline;white-space:nowrap}.stamp-preview-mobile{display:none}.sidebar-protection{margin:16px 0}.protection-badge{height:25px;display:inline-flex;align-items:center;gap:5px;border:1px solid #2eaa64;border-radius:9px;background:#efffe8;padding:0 8px 0 0;color:#145d3e;font:700 9px Campaign Lato,Arial,sans-serif;letter-spacing:.25px}.protection-shield{width:28px;height:28px;display:grid;place-items:center;background:#087444;border:3px solid #23b76b;border-radius:50%}.protection-shield svg{width:16px;height:16px;fill:#fff;stroke:#fff;stroke-width:1}.protection-shield svg path+path{fill:#087444;stroke:none}
@media(max-width:800px){.stamp-preview-desktop{display:none}.stamp-preview-mobile{display:flex;width:100%;padding:7px 10px;margin:16px 0 12px}.stamp-preview-mobile span{margin-left:4px}}

/* Keep the desktop donation card compact alongside the campaign heading. */
@media (min-width:801px){
  .side h2{margin:14px 0 6px}
  .side .total{font-size:34px}
  .side .goal{margin:5px 0 14px}
  .side .stats{padding:6px 12px}
  .side .row{margin:5px 0}
  .side .donation{margin-top:16px;padding:12px}
  .side .donation p{margin-bottom:10px}
  .side .amounts button{height:40px}
  .side .wide{font-size:17px;padding:10px;margin-top:8px}
  .side .divider{margin:10px 0}
  .side .sidebar-protection{margin:10px 0}
  .side .organizer{padding:8px}
}

/* Supplied campaign sharing icons and donation protection badge. */
.protection-image{display:inline-block;width:132px;height:auto;vertical-align:middle}
.update-share-icons{display:inline-flex;align-items:center;vertical-align:middle;gap:3px}
.update-share-icons img{display:block;height:25px;width:auto;object-fit:contain}
.update-share .update-share-icons{display:inline-flex;align-items:center;gap:14px;margin-left:14px}
.update-share .update-share-icon{position:relative;display:block;width:24px;height:24px;margin:0;overflow:hidden}
.update-share .update-share-icon img{position:absolute;max-width:none;top:50%;left:50%;height:auto;transform:translate(-50%,-50%)}
.update-share .update-share-facebook{width:55px}
.update-share .update-share-whatsapp{width:39px}
.update-share .update-share-facebook{top:calc(50% - 5px)}
.update-share .update-share-icons{display:inline-flex;align-items:center;gap:24px;margin-left:20px;vertical-align:middle;color:#898989}
.update-share .update-social-icon{display:block;flex:none;width:20px;height:20px}

.logo-image{object-fit:contain;object-position:left center}