/* Voluntary support uses the site's existing typography, palette and controls. */
.desktop-nav .nav-support{gap:7px;background:var(--yellow)}
.desktop-nav .nav-support .icon{width:16px;height:16px}
.desktop-nav .nav-support.active{background:var(--yellow);color:var(--brown)}
.desktop-nav .nav-support.active:hover{background:var(--yellow)}
body[data-view="support"] .partner-strip,body[data-view="support"] .site-ad-region{display:none}
.support-page{padding-top:16px;padding-bottom:34px}
.support-back{display:inline-flex;font-size:12px;font-weight:600;color:var(--brown);margin-bottom:27px;text-decoration:underline;text-underline-offset:4px}
.support-card{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:40px;padding:42px 42px 36px;border:2px solid var(--brown);border-radius:28px;background:#fffcf4;color:var(--brown);box-shadow:6px 7px 0 var(--brown);isolation:isolate}
.support-copy,.support-payment{min-width:0}
.support-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin-bottom:15px}
.support-heading{display:grid;grid-template-columns:minmax(0,1fr) 172px;gap:8px;align-items:center;margin-bottom:21px}
.support-heading h2{font-size:clamp(51px,5.8vw,73px);line-height:.98;letter-spacing:-.5px;color:var(--brown)}
.support-heading h2 span{color:var(--orange)}
.support-mascot{width:195px;height:auto;max-width:calc(100% + 23px);margin-left:-5px}
.support-description{max-width:60ch;font-size:13px;line-height:1.9;color:#654c3a}
.support-description p+p{margin-top:12px}
.support-actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:25px}
.support-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:49px;border:1.5px solid var(--brown);border-radius:14px;padding:12px 15px;font-weight:700;font-size:12px;line-height:1.45;box-shadow:3px 3px 0 var(--brown);transition:transform .16s,box-shadow .16s,background .16s}
.support-button .icon{width:17px;height:17px}
.support-button-primary{background:var(--orange);color:var(--cream)}
.support-button-secondary{background:var(--cream);color:var(--brown)}
.support-button:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--brown)}
.support-button-secondary:hover{background:var(--yellow)}
.support-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--brown)}
.support-button:disabled{opacity:.7;transform:none}
.support-feedback{font-size:11px;line-height:1.7;min-height:19px;color:var(--brown);margin-top:13px;overflow-wrap:anywhere}
.support-data{border-top:1px solid #6b351f33;margin-top:10px;padding-top:12px;max-width:100%}
.support-data summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;font-weight:600;min-height:27px}
.support-data summary::-webkit-details-marker{display:none}
.support-data summary span{font-size:20px;line-height:1;transition:transform .2s}
.support-data[open] summary span{transform:rotate(45deg)}
.support-data-fields{display:grid;gap:8px;padding-top:14px}
.support-data label{font-size:10px;font-weight:600;margin-top:6px}
.support-data input,.support-data textarea{width:100%;min-width:0;border:1px solid #6b351f66;border-radius:10px;padding:11px;background:var(--cream);font:12px/1.65 monospace;color:var(--brown);user-select:text}
.support-data textarea{resize:vertical;overflow-wrap:anywhere;word-break:break-all}
.support-note{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.8;color:#7e6653;margin-top:20px;max-width:62ch}
.support-note .icon{width:14px;height:14px;margin-top:2px}
.support-payment{text-align:center;align-self:center}
.support-qr-frame{padding:4px;background:#fff;border:1.5px solid var(--brown);border-radius:20px;box-shadow:4px 4px 0 #6b351f1c}
.support-qr{display:block;width:100%;height:auto;border-radius:16px}
.support-qr-instruction{font-size:9px;letter-spacing:.07em;line-height:1.8;text-transform:uppercase;font-weight:600;margin-top:15px}
.support-recipient{display:block;text-align:left;margin:21px 3px 0;padding-top:15px;border-top:1px solid #6b351f33;line-height:1.7}
.support-recipient dt{font-size:9px;color:#7e6653;margin-top:8px}
.support-recipient dd{font-size:11px;font-weight:600;margin:2px 0 0;overflow-wrap:anywhere}
@media(max-width:1050px){.support-card{gap:28px;padding:32px;grid-template-columns:minmax(0,1fr) 244px}.support-heading{grid-template-columns:minmax(0,1fr) 132px}.support-heading h2{font-size:62px}.support-mascot{width:155px}.support-actions{gap:10px}.support-button{font-size:11px;padding-inline:12px}}
@media(max-width:760px){
 .desktop-nav .nav-submit{grid-column:1/3;grid-row:2;margin:2px 0 0}
 .desktop-nav .nav-support{grid-column:3;grid-row:2;margin-top:2px;font-size:12px;min-height:40px}
 .desktop-nav .nav-support .icon{width:14px;height:14px}
 .support-page{padding-top:7px;padding-bottom:30px}
 .support-back{font-size:11px;margin-bottom:22px}
 .support-card{grid-template-columns:minmax(0,1fr);gap:27px;padding:26px 22px;border-radius:22px;box-shadow:4px 5px 0 var(--brown)}
 .support-eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:14px}
 .support-heading{grid-template-columns:minmax(0,1fr) 103px;gap:4px;margin-bottom:20px}
 .support-heading h2{font-size:clamp(42px,8.7vw,64px);letter-spacing:-.3px}
 .support-mascot{width:119px;max-width:calc(100% + 12px);margin-left:-4px}
 .support-description{font-size:12px;line-height:1.85}
 .support-description p+p{margin-top:11px}
 .support-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;margin-top:23px}
 .support-button{font-size:12px;min-height:48px;padding-inline:11px;width:100%}
 .support-feedback{font-size:10px;min-height:17px}
 .support-data summary{font-size:10px}
 .support-data input{font-size:11px}
 .support-note{font-size:9px;margin-top:18px}
 .support-payment{width:100%;max-width:272px;justify-self:center;border-top:1px solid #6b351f33;padding-top:23px}
 .support-qr-frame{width:244px;max-width:100%;margin-inline:auto}
 .support-recipient{margin-top:17px;padding-top:12px}
}
@media(max-width:359px){.support-card{padding:23px 17px}.support-heading{grid-template-columns:minmax(0,1fr) 82px}.support-heading h2{font-size:41px}.support-mascot{width:96px}.support-eyebrow{font-size:8px}.support-note{gap:6px}.support-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.support-button,.support-data summary span{transition:none}.support-button:hover{transform:none}}