/* Support page: shared Troop 826 typography, navy, forest and gold. */
.support-page{--support-navy:#12233d;--support-green:#174e3a;--support-gold:#efbc47;--support-ink:#203247;color:var(--support-ink);font-size:16px;line-height:1.65}
.support-page [hidden],.support-final [hidden]{display:none!important}
.support-page h2,.support-final h2{font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.15}
.support-page h3{font-size:1.6rem;line-height:1.2;margin:12px 0 16px;color:var(--support-navy)}
.support-page p{margin:0 0 18px}
.support-page .btn,.support-final .btn{white-space:normal;text-align:center;min-height:48px;justify-content:center}
.support-page .btn-primary,.support-final .btn-primary{background:#efbc47;color:#12233d;border-color:#efbc47}
.support-page .btn-primary:hover,.support-final .btn-primary:hover{background:#ffcd5e;border-color:#ffcd5e}
.support-page .btn-outline-dark{background:transparent;color:#12233d;border:1.5px solid #12233d}
.support-page a:focus-visible,.support-page button:focus-visible,.support-page input:focus-visible,.support-page select:focus-visible,.support-page summary:focus-visible,.support-final a:focus-visible,.support-final button:focus-visible{outline:3px solid #c78412;outline-offset:4px}
.support-page button,.support-page input,.support-page select,.support-page textarea{font:inherit}
.support-section{padding:78px 0;scroll-margin-top:110px}
.support-page [id]{scroll-margin-top:120px}
.support-hero{padding:70px 0!important}
.support-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.support-hero .support-hero-copy h1{font-size:clamp(2.65rem,4.3vw,4.2rem);max-width:720px;line-height:1.08;letter-spacing:-.035em;margin:18px 0 26px}
.support-hero h1 em{font-style:normal;color:#ffd472}
.support-hero .lede{font-size:1.19rem;max-width:650px;color:#fff}
.support-hero-note{font-weight:700;color:#fff}
.support-light-link{color:#fff!important;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.support-gift-panel{background:#fff;color:#203247;padding:27px;border:1px solid #ded9cd;border-top:5px solid #efbc47;border-radius:17px;box-shadow:0 16px 45px #07142640}
.support-gift-panel h2{font-size:2rem;color:#12233d;margin:10px 0 14px}
.support-gift-panel p{font-size:.96rem;line-height:1.55;color:#384455}
.support-frequency{margin:22px 0 16px;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.support-frequency legend{font-size:.92rem;font-weight:700;margin-bottom:9px;color:#203247}
.support-frequency label{position:relative;cursor:pointer}
.support-frequency input{position:absolute;width:1px;height:1px;opacity:0}
.support-frequency span{display:block;border:1.5px solid #829083;border-radius:6px;padding:10px;text-align:center;font-weight:700}
.support-frequency input:checked+span{background:#174e3a;color:white;border-color:#174e3a}
.support-frequency input:focus-visible+span{outline:3px solid #c78412;outline-offset:3px}
.support-amount-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}
.support-amount-presets button{border:1.5px solid #a4acb1;background:white;color:#12233d;padding:10px;border-radius:6px;min-height:48px;cursor:pointer;font-weight:700}
.support-amount-presets button[aria-pressed="true"]{background:#edf3ef;border:2px solid #174e3a;box-shadow:inset 0 -3px #174e3a}
.support-input-label{display:block;font-weight:700;font-size:.92rem;margin-bottom:6px}
.support-input-label span{font-weight:400}
.support-amount-input{display:flex;align-items:center;border:1.5px solid #829083;border-radius:6px;overflow:hidden}
.support-amount-input>span{padding-left:16px;font-size:1.3rem}
.support-amount-input input{width:100%;min-width:0;border:0;padding:10px 12px;background:#fff;color:#12233d;font-size:1.3rem;font-weight:700;min-height:48px}
.support-gift-panel .support-gift-summary{font-size:.88rem;margin:8px 0 16px;min-height:22px}
.support-gift-submit{width:100%;cursor:pointer;font-weight:800}
.support-gift-panel .support-checkout-note{font-size:.82rem;margin:12px 0 0}
.support-gift-panel .support-trust-line{font-size:.8rem;border-top:1px solid #dce1df;padding-top:13px;margin:16px 0 0;color:#174e3a;font-weight:700}
.support-proof{background:#174e3a;color:#fff;padding:27px 0}
.support-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.support-proof-grid>div+div{border-left:1px solid #ffffff55}
.support-proof strong{display:block;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;color:#ffe2a0}
.support-proof span{display:block;font-size:.9rem;margin-top:5px}
.support-jump-nav{background:#fff;border-bottom:1px solid #dce1df}
.support-jump-nav .container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
.support-jump-nav a{color:#12233d;font-size:.92rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.support-impact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:start}
.support-campaign{border:1px solid #d8ded9;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #10273b0a}
.support-campaign-photo{display:block;width:100%;height:250px;object-fit:cover;object-position:center}
.support-campaign-body{padding:28px}
.support-campaign-tag{display:inline-block;background:#fff0cd;color:#573800;border:1px solid #dbb766;border-radius:4px;padding:4px 8px;font-size:.77rem;letter-spacing:.03em;font-weight:800}
.support-campaign[data-sample="false"] .support-campaign-tag{background:#edf3ef;color:#174e3a;border-color:#174e3a}
.support-campaign-numbers{display:flex;justify-content:space-between;gap:16px;margin-top:22px}
.support-campaign-numbers strong{font-size:2rem;line-height:1.2;color:#12233d}
.support-campaign-numbers span{display:block;font-size:.85rem}
.support-campaign-numbers>div:last-child{text-align:right}
.support-campaign progress{display:block;width:100%;height:14px;border:0;border-radius:20px;margin:14px 0 10px;background:#e2e7e3;overflow:hidden}
.support-campaign progress::-webkit-progress-bar{background:#e2e7e3;border-radius:20px}
.support-campaign progress::-webkit-progress-value{background:#174e3a;border-radius:20px}
.support-campaign progress::-moz-progress-bar{background:#174e3a;border-radius:20px}
.support-campaign .support-remaining{font-size:.86rem;margin-bottom:18px}
.support-sample-notice{background:#fff6df;border-left:4px solid #b97b13;padding:12px 14px;font-size:.85rem;color:#4e3810}
.support-campaign-explorer p{font-size:.9rem}
.support-real-impact{padding:17px 0}
.support-real-impact h3{font-size:clamp(1.85rem,2.8vw,2.5rem)}
.support-tent-facts{display:flex;gap:36px;margin:22px 0}
.support-tent-facts strong{display:block;font-size:2rem;color:#174e3a;line-height:1.2}
.support-tent-facts span{font-size:.88rem}
.support-photo{margin:0}
.support-photo img{width:100%;height:auto;display:block;border-radius:12px}
.support-real-impact .support-photo img{max-height:280px;object-fit:cover}
.support-photo figcaption{font-size:.84rem;color:#475667;margin:9px 0 19px}
.support-story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.support-parent-story{margin:0;background:#fff;padding:34px;border-left:5px solid #efbc47;border-radius:0 12px 12px 0}
.support-parent-story blockquote{font-family:Georgia,serif;font-size:1.35rem;line-height:1.6;margin:14px 0 22px;color:#12233d}
.support-parent-story figcaption{font-size:.9rem;font-weight:700;color:#174e3a}
.support-monthly{background:#12233d;color:#fff}
.support-monthly h2,.support-monthly .lede{color:#fff}
.support-monthly p{color:#e6ebef}
.support-monthly .support-monthly-note{font-size:.84rem;margin:18px 0 0}
.support-monthly-model{background:#fff;color:#12233d;padding:30px;border-top:5px solid #efbc47;border-radius:13px}
.support-monthly-model h3{font-size:1.8rem}
.support-monthly-model label{display:block;margin:18px 0 8px;font-weight:700;font-size:.95rem}
.support-monthly-model label output{float:right;background:#edf3ef;padding:0 9px;border-radius:4px}
.support-monthly-model input[type="range"]{width:100%;min-height:32px;accent-color:#174e3a;cursor:pointer}
.support-monthly-model select{width:100%;min-height:48px;padding:9px 12px;background:#fff;color:#12233d;border:1.5px solid #829083;border-radius:6px}
.support-annual-total{display:block;font-size:clamp(2.9rem,5vw,4rem);font-weight:800;line-height:1.12;color:#174e3a;margin-top:25px;letter-spacing:-.035em}
.support-annual-label{font-weight:700;display:block;margin:7px 0 18px}
.support-monthly-model p{font-size:.9rem;color:#384455}
.support-monthly-model .support-model-note{font-size:.81rem;border-top:1px solid #dce1df;padding-top:14px;margin:0}
.support-options-grid,.support-event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.support-option{background:#fff;border:1px solid #d4dbd7;border-radius:12px;padding:25px;display:flex;flex-direction:column;align-items:start}
.support-option h3{font-size:1.45rem}
.support-option p,.support-option details{font-size:.95rem}
.support-option-label{font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;font-weight:800;color:#174e3a}
.support-option-planned{color:#70510e}
.support-option .btn{width:100%;font-size:.9rem;margin-top:auto}
.support-option .support-inline-link{font-size:.9rem;margin-bottom:16px}
.support-option .btn+.support-inline-link{margin-top:14px;margin-bottom:0}
.support-inline-link,.support-page .text-link{color:#174e3a;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.support-status{background:#f4f3ed;padding:10px 12px;border-radius:5px;color:#46505b;font-size:.85rem!important}
.support-option-pending{background:#eef0f2;border-color:#cdd3d9;color:#555f6b}
.support-option-pending h3,.support-option-pending .support-option-label{color:#555f6b}
.support-option-pending .support-status{background:#e1e5e9;color:#4d5763}
.support-option .support-pending-button{background:#dce1e6;border-color:#c5ccd3;color:#535d69;box-shadow:none;cursor:not-allowed}
.support-option .support-pending-button:hover{transform:none;background:#dce1e6}
.support-option details{width:100%;margin-bottom:20px;border-top:1px solid #dce1df;border-bottom:1px solid #dce1df;padding:11px 0}
.support-page summary{font-weight:700;cursor:pointer;color:#12233d}
.support-page details[open] summary{margin-bottom:12px}
.support-option ol{padding-left:20px;margin:0}
.support-option li+li{margin-top:8px}
.support-option details p{margin-bottom:0}
.support-faq details{border-bottom:1px solid #c8d1cd;padding:19px 0}
.support-faq details:first-child{border-top:1px solid #c8d1cd}
.support-faq summary{font-size:1rem}
.support-faq p{font-size:.95rem;margin:0}
.support-gift-dialog{position:fixed;inset:0;border:1px solid #d8ded9;border-top:5px solid #efbc47;border-radius:14px;padding:32px;width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 36px);overflow:auto;color:#203247;background:white;box-shadow:0 25px 75px #0004}
.support-gift-dialog::backdrop{background:#07172cbf}
.support-gift-dialog h2{font-size:2.1rem;margin:12px 28px 18px 0}
.support-dialog-close{position:absolute;right:14px;top:12px;width:40px;height:40px;border:1px solid #c2cbc6;border-radius:50%;background:#fff;color:#12233d;font-size:26px!important;cursor:pointer}
.support-dialog-amount{font-size:1.4rem;font-weight:800;color:#174e3a}
.support-gift-dialog>.btn{width:100%;margin-top:10px}
.support-copy-status{font-size:.85rem;margin:10px 0!important;min-height:1.4em}
.support-gift-dialog details{font-size:.9rem;margin-top:16px}
.support-gift-dialog textarea{display:block;width:100%;padding:10px;border:1px solid #a8b4ac;border-radius:5px;resize:vertical;margin-top:8px}
.support-gift-dialog .support-dialog-contact{font-size:.8rem;overflow-wrap:anywhere;margin:18px 0 0}
.support-dialog-contact a{color:#174e3a}
body.support-dialog-open{overflow:hidden}
.support-mobile-bar{display:none}
.support-final{padding-top:70px!important;padding-bottom:130px!important}
.support-final .support-final-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}
.support-final h2{max-width:720px}
.support-final-actions{display:flex;flex-wrap:wrap;gap:14px}
.support-final-actions p{flex-basis:100%;margin:0}
.support-final .support-share-status{font-size:.9rem;overflow-wrap:anywhere}
@media(max-width:1050px){.support-hero-grid{gap:30px;grid-template-columns:1.1fr 1fr}.support-gift-panel{padding:23px}.support-options-grid{grid-template-columns:repeat(2,1fr)}.support-story-grid{gap:32px}.support-option{padding:21px}}
@media(max-width:760px){.support-section{padding:55px 0}.support-hero{padding:40px 0!important}.support-hero-grid,.support-impact-grid,.support-story-grid,.support-final .support-final-grid{grid-template-columns:1fr;gap:30px}.support-hero .support-hero-copy h1{font-size:clamp(2.5rem,7vw,3.6rem)}.support-hero .lede{font-size:1.08rem}.support-gift-panel{max-width:580px;width:100%;justify-self:center}.support-proof span{font-size:.76rem}.support-proof strong{font-size:1.85rem}.support-jump-nav .container{gap:12px 20px}.support-jump-nav a{font-size:.84rem}.support-campaign-photo{height:240px}.support-event-grid{grid-template-columns:1fr}.support-parent-story{padding:26px}.support-mobile-bar[data-away="true"]{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;background:#fff;padding:10px 15px calc(10px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -3px 18px #12233d22;align-items:center}.support-mobile-bar .btn{flex:1;font-size:.92rem}.support-share-small{border:0;background:white;color:#12233d;font-weight:700;font-size:.83rem!important;padding:8px;min-height:44px;cursor:pointer;text-decoration:underline}.support-dialog-open .support-mobile-bar{display:none!important}body:has(.support-page){padding-bottom:85px}.support-final-actions{gap:12px}.support-final{padding-bottom:122px!important}}
@media(max-width:540px){.support-options-grid{grid-template-columns:1fr}.support-campaign-body{padding:22px}.support-page h2,.support-final h2{font-size:2rem}.support-gift-panel h2{font-size:1.8rem}.support-campaign-numbers strong{font-size:1.9rem}.support-monthly-model{padding:25px}.support-gift-dialog{padding:26px 22px}.support-gift-dialog h2{font-size:1.85rem}.support-proof strong{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.support-page *{scroll-behavior:auto!important;transition:none!important}}

/* A complete impact story when no project campaign is being featured. */
.support-impact-grid--single{grid-template-columns:minmax(0,1fr)}
.support-impact-grid--single .support-real-impact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center;padding:0}
.support-impact-grid--single .support-real-impact .support-photo img{max-height:none;aspect-ratio:3 / 2;object-fit:cover}
.support-impact-grid--single .support-photo figcaption{margin-bottom:0}
@media(max-width:1050px){.support-impact-grid--single .support-real-impact{gap:32px}}
@media(max-width:760px){.support-impact-grid--single .support-real-impact{grid-template-columns:minmax(0,1fr);gap:24px}}