/* Membership + Contribute shared form styling (segmented controls, notices, pay, done) */

.form-intro{max-width:900px;margin:0 auto;padding:clamp(44px,8vw,80px) clamp(20px,5vw,48px) 40px;text-align:center}
.form-intro h1{font-family:var(--font-display);font-size:clamp(31px,6.4vw,60px);line-height:1.06;font-weight:500;margin:0 0 20px;color:var(--color-text-primary)}
.form-intro p{font-size:19px;line-height:1.65;color:var(--color-text-secondary);margin:0 auto;max-width:600px}

.form-wrap{max-width:720px;margin:0 auto;padding:20px clamp(20px,5vw,48px) 96px}
.form-stack{display:flex;flex-direction:column;gap:24px}
.form-sub{font-size:var(--fs-body-sm);font-weight:600;color:var(--color-text-primary)}
.form-group{display:flex;flex-direction:column;gap:20px}
.form-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:560px){.form-grid2{grid-template-columns:1fr}}

/* Segmented pills */
.seg-row{display:flex;gap:10px;flex-wrap:wrap}
.seg{font-family:var(--font-body);font-size:var(--fs-body-sm);font-weight:600;padding:11px 20px;border-radius:var(--radius-full);cursor:pointer;background:var(--neutral-0);color:var(--color-text-secondary);border:1.5px solid var(--color-border-strong);transition:all var(--duration-fast) var(--ease-standard)}
.seg:hover{border-color:var(--primary-400)}
.seg.is-active{background:var(--primary-500);color:var(--neutral-25);border-color:var(--primary-500)}
.seg.ghost{background:transparent}
.seg.ghost.is-active{background:var(--primary-500);color:var(--neutral-25);border-color:var(--primary-500)}

/* Amount tiles */
.amt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
@media(max-width:560px){.amt-grid{grid-template-columns:repeat(2,1fr)}}
.amt{font-family:var(--font-display);font-size:22px;font-weight:500;padding:16px 0;border-radius:var(--radius-md);cursor:pointer;background:var(--neutral-0);color:var(--color-text-primary);border:1.5px solid var(--color-border-strong);transition:all var(--duration-fast) var(--ease-standard)}
.amt:hover{border-color:var(--primary-400)}
.amt.is-active{background:var(--primary-500);color:var(--neutral-25);border-color:var(--primary-500)}

.form-label{font-size:var(--fs-body-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:12px}

/* Notices */
.notice-warn{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--warning-500);background:var(--warning-100);border-radius:var(--radius-md);padding:16px 18px}
.notice-warn .icon{flex:none;color:var(--warning-700);margin-top:1px}
.notice-warn strong{display:block;font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}
.notice-warn p{font-size:14.5px;line-height:1.6;color:var(--color-text-secondary);margin:0}
.notice-info{display:flex;gap:11px;align-items:flex-start;background:var(--neutral-100);border-radius:var(--radius-md);padding:16px 18px}
.notice-info .icon{flex:none;color:var(--primary-600);margin-top:1px}
.notice-info p{font-size:13.5px;line-height:1.6;color:var(--color-text-secondary);margin:0}
.form-hint{font-size:14px;color:var(--color-text-muted);background:var(--neutral-100);padding:14px 16px;border-radius:var(--radius-md)}

.consent-block{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--color-border);padding-top:22px}
.consent-fine{font-size:13px;color:var(--color-text-muted);padding-left:30px}

/* Pay */
.pay-block{border-top:1px solid var(--color-border);padding-top:24px;display:flex;flex-direction:column;gap:16px}
.pay-summary{background:var(--primary-50);border-radius:var(--radius-lg);padding:20px 24px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.pay-summary .lbl{font-size:15px;font-weight:600;color:var(--color-text-primary)}
.pay-summary .amt-big{font-family:var(--font-display);font-size:30px;font-weight:500;color:var(--primary-700)}
.pay-summary .amt-big .per{font-size:15px;font-weight:500;color:var(--color-text-muted)}
.pay-error{font-size:var(--fs-body-sm);color:var(--error-500);background:var(--error-100);padding:12px 16px;border-radius:var(--radius-md)}
.paypal-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:var(--font-body);font-weight:700;font-size:17px;padding:15px 24px;border-radius:var(--radius-md);background:#ffc439;color:#1a1a1a}
.pay-secure{display:flex;align-items:flex-start;gap:8px;color:var(--color-text-muted)}
.pay-secure .icon{flex:none;margin-top:1px}
.pay-secure span{font-size:13px;line-height:1.5}

.gift-aid{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--primary-50);padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.gift-aid .fine{font-size:13px;color:var(--color-text-muted);line-height:1.5;padding-left:30px}

/* Done */
.form-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;padding:40px 0 24px}
.form-done .check{width:80px;height:80px;border-radius:50%;background:var(--success-100);color:var(--success-700);display:flex;align-items:center;justify-content:center}
.form-done h2{font-family:var(--font-display);font-size:clamp(26px,4.3vw,40px);line-height:1.1;font-weight:500;margin:0;color:var(--color-text-primary)}
.form-done p{font-size:18px;line-height:1.65;color:var(--color-text-secondary);margin:0;max-width:470px}
.form-receipt{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--neutral-25);padding:26px 32px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px;text-align:left}
.form-receipt .row{display:flex;justify-content:space-between;gap:16px;font-size:15px}
.form-receipt .row .k{color:var(--color-text-muted)}
.form-receipt .row .v{font-weight:700;color:var(--color-text-primary)}
.form-receipt .row.total{border-top:1px solid var(--color-border);padding-top:12px}
.form-receipt .row.total .v{color:var(--primary-700)}
.form-again{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--color-link);margin-top:6px}

/* Contribute intro cards band */
.give-band{background:var(--neutral-100)}
.give-band-inner{max-width:1200px;margin:0 auto;padding:clamp(48px,8.5vw,88px) clamp(20px,5vw,48px);display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
@media(max-width:900px){.give-band-inner{grid-template-columns:1fr}}
.give-card{display:flex;flex-direction:column;gap:14px}
.give-card .icon{width:52px;height:52px;border-radius:50%;background:var(--tertiary-100);color:var(--tertiary-600);display:flex;align-items:center;justify-content:center}
.give-card h3{font-family:var(--font-display);font-size:24px;font-weight:500;margin:0;color:var(--color-text-primary)}
.give-card p{font-size:16px;line-height:1.7;color:var(--color-text-secondary);margin:0}

/* Contribute step-2 summary + other ways */
.give-summary{background:var(--primary-50);border-radius:var(--radius-lg);padding:24px 28px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.give-summary .lbl{font-size:15px;font-weight:600;color:var(--color-text-primary)}
.give-summary .amt-big{font-family:var(--font-display);font-size:30px;font-weight:500;color:var(--primary-700)}
.give-chip{display:inline-flex;align-items:center;gap:10px;font-size:16px;color:var(--color-text-secondary)}
.give-chip b{font-weight:700;color:var(--primary-700);background:var(--primary-100);padding:6px 14px;border-radius:var(--radius-full)}
.give-continue{border-top:1px solid var(--color-border);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.other-ways{border-top:1px solid var(--color-border);padding-top:32px;margin-top:8px;display:flex;flex-direction:column;gap:6px}
.other-ways h3{font-family:var(--font-display);font-size:clamp(21px,3vw,26px);font-weight:500;margin:0;color:var(--color-text-primary)}
.other-ways .lede{font-size:15px;color:var(--color-text-secondary);margin:0 0 20px;line-height:1.6}
.other-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:560px){.other-grid{grid-template-columns:1fr}}
.other-card{background:var(--neutral-0);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px 26px;display:flex;flex-direction:column;gap:16px}
.other-card .hd{display:flex;align-items:center;gap:12px}
.other-card .hd .icon{flex:none;width:44px;height:44px;border-radius:50%;background:var(--primary-100);color:var(--primary-700);display:flex;align-items:center;justify-content:center}
.other-card .hd .name{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--color-text-primary)}
.other-kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:15px}
.other-kv .k{color:var(--color-text-muted)}
.other-kv .v{color:var(--color-text-primary);font-weight:600}
.other-card .post{font-size:15px;color:var(--color-text-secondary);line-height:1.7}
.other-card .post strong{color:var(--color-text-primary)}
.back-link{display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--color-text-secondary);padding:0;align-self:flex-start}
.back-link:hover{color:var(--primary-600)}
