/* PHWO campaigns + giving tools (phwo-campaigns 1.0.0). Mobile first; uses the LP tokens when inside .lp. No calc() with +/-. */
.fr1-sec,.fr1-campaign,.fr1-card{--fr-teal:var(--lp-teal,#0D5C63);--fr-teal-l:var(--lp-teal-l,#E7F2F2);--fr-ink:var(--lp-ink,#14262B);--fr-mute:var(--lp-mute,#4E6266);--fr-line:var(--lp-line,#DDE7E7);--fr-bg:var(--lp-bg,#F5F8F8);--fr-gold:var(--lp-gold,#E8A33D);--fr-r:var(--lp-r,16px);--fr-rs:var(--lp-r-s,12px)}
.fr1-small{color:var(--fr-mute);font-size:.92rem;line-height:1.55;margin:.6rem 0 0}

/* donate page wrapper: one section, blocks stacked as cards */
.fr1-sec{background:var(--fr-bg)}
.fr1-sec .lp-in{display:grid;gap:20px}
.fr1-block{background:#fff;border:1px solid var(--fr-line);border-radius:var(--fr-r);padding:20px 16px;box-shadow:0 1px 2px rgba(20,38,43,.05)}
.fr1-block .lp-h2{margin-top:0}
.fr1-block .lp-intro{margin-bottom:1rem!important}
@media (min-width:600px){.fr1-block{padding:24px}}
@media (min-width:1024px){.fr1-sec .lp-in{grid-template-columns:1fr 1fr;align-items:start}.fr1-sec .fr1-tiers{grid-column:1 / -1}.fr1-block{padding:28px 32px}}

/* form bits */
.fr1-f{display:flex;flex-direction:column;gap:6px;flex:1 1 140px;min-width:0}
.fr1-f span{font-weight:600;font-size:.95rem;color:var(--fr-ink)}
.fr1-f input,.fr1-f select{width:100%;min-height:48px;border:1.5px solid var(--fr-line);border-radius:10px;padding:10px 12px;font:inherit;font-size:1rem;background:#fff;color:var(--fr-ink)}
.fr1-f input:focus,.fr1-f select:focus{outline:3px solid var(--fr-gold);outline-offset:1px;border-color:var(--fr-teal)}
.fr1-fx-row,.fr1-prow{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}

/* currency helper */
.fr1-fx-out{font-size:1.15rem;margin:.4rem 0 .8rem!important;color:var(--fr-mute)}
.fr1-fx-out strong{color:var(--fr-teal);font-size:1.6rem;margin-inline-start:.25rem}
.fr1-fx-use{margin-bottom:.6rem}
.fr1-fx-chips{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.fr1-fx-chips li{background:var(--fr-teal-l);color:var(--fr-ink);border-radius:999px;padding:4px 10px;font-size:.88rem;white-space:nowrap}

/* impact tiers */
.fr1-tier-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media (min-width:600px){.fr1-tier-list{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.fr1-tier-list{grid-template-columns:repeat(4,1fr)}}
.fr1-tier-list a{display:flex;flex-direction:column;gap:4px;border:1px solid var(--fr-line);border-radius:var(--fr-rs);padding:14px 16px;text-decoration:none!important;color:var(--fr-ink)!important;background:#fff;min-height:64px}
.fr1-tier-list a:hover,.fr1-tier-list a:focus-visible{border-color:var(--fr-teal);background:var(--fr-teal-l)}
.fr1-tier-list strong{color:var(--fr-teal);font-size:1.2rem}

/* monthly pledge */
.fr1-pbtn{width:100%;margin-top:4px}
@media (min-width:600px){.fr1-pbtn{width:auto}}
.fr1-msg{border-radius:10px;padding:12px 14px;margin:0 0 14px;font-weight:600}
.fr1-msg.is-success{background:#E6F4EA;color:#14532D;border:1px solid #A7D7B5}
.fr1-msg.is-error{background:#FDECEC;color:#7A1F1F;border:1px solid #F1B4B4}
.fr1-have{font-weight:600}

/* campaign tag inside the donate form */
.fr1-tag{background:var(--lp-amber,#FFF6E5);border:1px solid var(--lp-amber-b,#F0C67A);border-radius:12px;padding:10px 14px;margin:0 0 14px;line-height:1.5}
.fr1-tag-k{color:var(--lp-mute,#4E6266)}
.fr1-tag a{margin-inline-start:.4rem;white-space:nowrap}

/* campaign page */
.fr1-preview{background:#7A1F1F;color:#fff;padding:10px 0;font-size:.95rem;line-height:1.5}
.fr1-preview a{color:#fff!important;text-decoration:underline}
.fr1-prog{background:#fff;border:1px solid var(--fr-line);border-radius:var(--fr-r);padding:20px 16px;max-width:760px}
@media (min-width:600px){.fr1-prog{padding:24px}}
.fr1-prog-raised{font-size:1.1rem;margin:0 0 .6rem}
.fr1-prog-raised strong{font-size:1.8rem;color:var(--fr-teal)}
.fr1-bar{height:14px;border-radius:99px;background:var(--fr-teal-l);overflow:hidden;margin:0 0 .5rem}
.fr1-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--fr-teal),#12808A);border-radius:99px}
.fr1-prog-meta{color:var(--fr-mute);margin:0 0 .3rem!important}
.fr1-prog-note{color:var(--fr-mute);font-size:.88rem;margin:.6rem 0 0!important}
.fr1-campaign[dir="rtl"] .fr1-bar span{background:linear-gradient(270deg,var(--fr-teal),#12808A)}

/* My PHWO card */
.fr1-card{background:#fff;border:1px solid var(--fr-line);border-radius:14px;padding:16px;margin:16px 0}
.fr1-card h2{font-size:1.15rem;margin:0 0 .6rem}
.fr1-card p{margin:0 0 .45rem}
.fr1-card-row+.fr1-card-row{border-top:1px solid var(--fr-line);padding-top:12px;margin-top:12px}
.fr1-card-amt strong{font-size:1.25rem;color:var(--fr-teal)}
.fr1-card-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.fr1-card-act form{margin:0}
.fr1-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border-radius:999px;background:var(--fr-gold);color:var(--fr-ink)!important;font-weight:700;text-decoration:none!important;border:0;cursor:pointer;font:inherit;font-weight:700}
.fr1-btn.is-ghost{background:#fff;border:1.5px solid #B42318;color:#B42318!important}
.fr1-pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.85rem;font-weight:600;background:#eee;color:#333}
.fr1-pill.is-fulfilled{background:#E6F4EA;color:#14532D}
.fr1-pill.is-missed{background:#FDECEC;color:#7A1F1F}
.fr1-pill.is-due,.fr1-pill.is-awaiting{background:#FFF3D6;color:#7A5200}
.fr1-pill.is-upcoming{background:var(--fr-teal-l);color:var(--fr-teal)}

/* [fundraise-p3] fundraiser pages, /sponsor/, My PHWO "Fundraising & updates" */
.fr3-main,.fr3-tab{--fr-teal:var(--lp-teal,#0D5C63);--fr-teal-l:var(--lp-teal-l,#E7F2F2);--fr-ink:var(--lp-ink,#14262B);--fr-mute:var(--lp-mute,#4E6266);--fr-line:var(--lp-line,#DDE7E7);--fr-gold:var(--lp-gold,#E8A33D);--fr-r:var(--lp-r,16px)}
.fr3-main .lp-in{max-width:1120px;margin:0 auto;padding:0 16px;box-sizing:border-box}
.fr3-main .lp-sec{padding:24px 0}
.fr3-hero{background:var(--fr-teal-l)}
.fr3-kicker{color:var(--fr-teal);font-weight:700;margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}
.fr3-h1{font-size:1.7rem;line-height:1.25;margin:0 0 .5rem;color:var(--fr-ink);overflow-wrap:anywhere}
@media (min-width:768px){.fr3-h1{font-size:2.3rem}}
.fr3-by,.fr3-for{color:var(--fr-mute);margin:0 0 .3rem}
.fr3-banner{background:#7A1F1F;color:#fff;padding:10px 16px;text-align:center}
.fr3-grid{display:grid;gap:20px}
@media (min-width:900px){.fr3-grid{grid-template-columns:1.6fr 1fr;align-items:start}}
.fr3-story{overflow-wrap:anywhere;line-height:1.7}
.fr3-photo{display:block;max-width:100%;height:auto;border-radius:12px;margin:0 0 14px}
.fr3-box{background:#fff;border:1px solid var(--fr-line);border-radius:var(--fr-r);padding:18px 16px}
.fr3-give{display:block;width:100%;text-align:center;margin:10px 0 0;box-sizing:border-box}
.fr3-cards{display:grid;gap:16px}
@media (min-width:768px){.fr3-cards{grid-template-columns:repeat(2,1fr)}}
.fr3-card{background:#fff;border:1px solid var(--fr-line);border-radius:var(--fr-r);padding:18px 16px}
.fr3-amt strong{font-size:1.5rem;color:var(--fr-teal)}
.fr3-tab h3{font-size:1.1rem;margin:0 0 .6rem}
.fr3-up+.fr3-up{border-top:1px solid var(--fr-line);margin-top:12px;padding-top:12px}
.fr3-up h4{margin:0 0 .2rem;overflow-wrap:anywhere}
.fr3-tab a.fr1-btn.is-ghost{border-color:var(--fr-teal);color:var(--fr-teal)!important}
.fr3-new summary{list-style:none;margin-top:12px}
.fr3-new summary::-webkit-details-marker{display:none}
.fr3-form{display:grid;gap:12px;margin-top:12px}
.fr3-form textarea{width:100%;box-sizing:border-box;border:1.5px solid var(--fr-line);border-radius:10px;padding:10px 12px;font:inherit}
.fr3-check{display:flex;gap:8px;align-items:flex-start}
.fr1-pill.is-approved{background:#E6F4EA;color:#14532D}.fr1-pill.is-pending{background:#FFF3D6;color:#7A5200}.fr1-pill.is-rejected{background:#FDECEC;color:#7A1F1F}