:root{--sst-green:#01593B;--sst-green-d:#01412B;--sst-gold:#F7BF02;--sst-ink:#10231B;--sst-text:#4B5F56;--sst-muted:#7A8B83;--sst-line:#E3ECE7;--sst-bg:#F4F8F6;--sst-r:12px}
.sst-box,.sst-dash{max-width:960px;margin:0 auto}
.sst-narrow{max-width:440px}
.sst-box{background:#fff;border:1px solid var(--sst-line);border-radius:var(--sst-r);padding:32px}
.sst-lead{font-size:1.05em;color:var(--sst-text)}
.sst-muted{color:var(--sst-muted);font-size:.93em}
.sst-hint{display:block;color:var(--sst-muted);font-size:.85em;font-weight:400}
.sst-eyebrow{text-transform:uppercase;letter-spacing:1.2px;font-size:.75em;font-weight:600;color:var(--sst-green);margin:0 0 4px}
.sst-form h3{margin:28px 0 12px;font-size:1.1em}
.sst-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-bottom:16px}
.sst-full{grid-column:1/-1}
.sst-form label{display:block;font-weight:600;font-size:.92em;color:var(--sst-ink)}
.sst-form input[type=text],.sst-form input[type=email],.sst-form input[type=tel],.sst-form input[type=url],.sst-form input[type=number],.sst-form input[type=date],.sst-form input[type=password],.sst-form select,.sst-form textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--sst-line);border-radius:8px;font:inherit;font-weight:400;background:#fff}
.sst-form input:focus,.sst-form select:focus,.sst-form textarea:focus{outline:2px solid var(--sst-green);outline-offset:0;border-color:var(--sst-green)}
.sst-form input[type=file]{display:block;margin-top:6px;font-weight:400;font-size:.9em}
.sst-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;margin:16px 0}
.sst-check input{margin-top:5px}
.sst-hp{position:absolute!important;left:-9999px!important}
.sst-btn{display:inline-block;background:var(--sst-green);color:#fff!important;border:0;border-radius:8px;padding:11px 22px;font-weight:600;cursor:pointer;text-decoration:none!important;font-size:.95em}
.sst-btn:hover{background:var(--sst-green-d)}
.sst-btn-secondary{background:#fff;color:var(--sst-green)!important;border:1px solid var(--sst-green)}
.sst-btn-secondary:hover{background:var(--sst-bg)}
.sst-btn-sm{padding:6px 12px;font-size:.85em}
.sst-link{margin-left:12px}
.sst-notice{border-radius:10px;padding:14px 18px;margin:0 0 20px;background:var(--sst-bg);border-left:4px solid var(--sst-green)}
.sst-notice-success{background:var(--sst-tint,#ECF7F1)}
.sst-notice-warning{background:#FFF8E1;border-color:var(--sst-gold)}
.sst-notice-error{background:#FDECEC;border-color:#C62828}
.sst-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:20px 0}
.sst-card{display:block;background:#fff;border:1px solid var(--sst-line);border-radius:var(--sst-r);padding:22px;color:inherit!important;text-decoration:none!important;transition:box-shadow .2s,transform .2s}
.sst-card:hover{box-shadow:0 8px 24px rgba(16,35,27,.08);transform:translateY(-2px)}
.sst-card h3{font-size:1.08em;margin:0 0 6px}
.sst-card-logo{width:56px;height:56px;border-radius:10px;object-fit:cover;margin-bottom:12px}
.sst-cause-card{padding:0;overflow:hidden}
.sst-card-img img{width:100%;height:170px;object-fit:cover;display:block}
.sst-card-body{padding:20px}
.sst-badges{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.sst-badge{font-size:.72em;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--sst-bg);color:var(--sst-green);border:1px solid var(--sst-line)}
.sst-badge-verified{background:var(--sst-tint,#ECF7F1)}
.sst-progress{height:8px;background:var(--sst-line);border-radius:999px;overflow:hidden;margin:12px 0 6px}
.sst-progress span{display:block;height:100%;background:var(--sst-green);border-radius:999px}
.sst-raised{font-size:.9em;color:var(--sst-text);margin:0}
.sst-cause-top{margin-bottom:24px}
.sst-trust-card{border:1px solid var(--sst-line);border-radius:var(--sst-r);padding:20px;margin:28px 0}
.sst-trust-card h3{margin:0}
.sst-direct{background:var(--sst-bg);border-radius:var(--sst-r);padding:28px;margin:28px 0;scroll-margin-top:100px}
.sst-direct h2{margin-top:0;font-size:1.4em}
.sst-citizen{border:0;padding:0;margin:16px 0;display:flex;flex-wrap:wrap;gap:18px}
.sst-citizen legend{font-weight:600;margin-bottom:8px}
.sst-citizen label{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--sst-line);border-radius:8px;padding:8px 14px;cursor:pointer}
.sst-pay{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start;background:#fff;border-radius:10px;padding:20px;border:1px solid var(--sst-line)}
.sst-qr{text-align:center}
.sst-qr img{width:180px;height:auto;border-radius:8px}
.sst-pay-details{flex:1;min-width:240px}
.sst-pay-table{width:100%;border-collapse:collapse;font-size:.95em}
.sst-pay-table th{text-align:left;color:var(--sst-muted);font-weight:500;padding:6px 12px 6px 0;white-space:nowrap;border:0}
.sst-pay-table td{padding:6px 0;font-weight:600;border:0}
.sst-copy-btn{font-size:.75em;padding:2px 8px;margin-left:6px;border:1px solid var(--sst-line);background:#fff;border-radius:6px;cursor:pointer;color:var(--sst-green)}
.sst-upi-link{margin:14px 0 0}
.sst-report{margin-top:20px;background:#fff;border:1px solid var(--sst-line);border-radius:10px;padding:14px 18px}
.sst-report summary{cursor:pointer;font-weight:600;color:var(--sst-green)}
.sst-report form{margin-top:14px}
.sst-dash-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.sst-dash-head h2{margin:0}
.sst-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--sst-line);margin-bottom:24px}
.sst-tabs a{padding:10px 14px;text-decoration:none!important;color:var(--sst-text);border-bottom:2px solid transparent;font-weight:500;font-size:.95em}
.sst-tabs a.active{color:var(--sst-green);border-color:var(--sst-green)}
.sst-tabs .sst-logout{margin-left:auto;color:var(--sst-muted)}
.sst-count{background:var(--sst-gold);color:var(--sst-ink);border-radius:999px;font-size:.75em;padding:1px 7px;margin-left:4px}
.sst-pill{display:inline-block;font-size:.78em;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--sst-bg);color:var(--sst-text)}
.sst-approved,.sst-publish,.sst-confirmed{background:var(--sst-tint,#ECF7F1);color:var(--sst-green)}
.sst-pending{background:#FFF8E1;color:#8A6500}
.sst-rejected,.sst-suspended,.sst-not_received,.sst-private{background:#FDECEC;color:#B71C1C}
.sst-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
.sst-stats div{background:var(--sst-bg);border-radius:10px;padding:18px;color:var(--sst-text);font-size:.9em}
.sst-stats span{display:block;font-size:1.6em;font-weight:700;color:var(--sst-ink)}
.sst-checklist{list-style:none;padding:0}
.sst-checklist li{padding:6px 0 6px 28px;position:relative}
.sst-checklist li:before{content:"";position:absolute;left:0;top:9px;width:16px;height:16px;border:2px solid var(--sst-line);border-radius:50%}
.sst-checklist li.done:before{background:var(--sst-green);border-color:var(--sst-green)}
.sst-table{width:100%;border-collapse:collapse;font-size:.93em;margin:12px 0}
.sst-table th,.sst-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--sst-line);vertical-align:top}
.sst-table th{color:var(--sst-muted);font-weight:500}
.sst-inline{display:flex;gap:6px;flex-wrap:wrap;margin:0}
@media (max-width:700px){.sst-grid{grid-template-columns:1fr}.sst-box{padding:20px}.sst-stats{grid-template-columns:1fr}.sst-table{display:block;overflow-x:auto}}
.sst-type{display:inline-block;font-size:.75em;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--sst-bg);color:var(--sst-text);margin:2px 0 8px}
.sst-type-ongoing{background:var(--sst-tint,#ECF7F1);color:var(--sst-green)}
.sst-urgent{background:#FFF8E1;color:#8A6500}
.sst-cause-top .sst-type{font-size:.85em}
.sst-type-pick{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sst-type-pick legend{font-weight:600;font-size:.92em;margin-bottom:8px;color:var(--sst-ink)}
.sst-type-pick label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--sst-line);border-radius:10px;padding:14px;cursor:pointer;font-weight:400}
.sst-type-pick label:has(input:checked){border-color:var(--sst-green);background:#F7FBF9}
.sst-type-pick input{margin-top:4px}
.sst-pay-qr-only{justify-content:center}
.sst-pay-qr-only .sst-qr img{width:240px}
.sst-showbank{margin-top:24px;padding-top:8px;border-top:1px solid var(--sst-line)}
@media (max-width:700px){.sst-type-pick{grid-template-columns:1fr}}
.sst-trust-head{display:flex;gap:20px;align-items:center;margin-bottom:20px}
.sst-trust-logo img{width:110px;height:110px;object-fit:contain;border-radius:14px;border:1px solid var(--sst-line);background:#fff;padding:6px}
.sst-trust-card{display:flex;gap:16px;align-items:center}
.sst-trust-card .sst-card-logo{margin:0;object-fit:contain;background:#fff;border:1px solid var(--sst-line)}
.sst-card .sst-card-logo{object-fit:contain;background:#fff;border:1px solid var(--sst-line)}

.sst-facts{background:#fff;border:1px solid var(--sst-line);border-radius:20px;padding:20px 22px;margin:24px 0}
.sst-facts h2{font-size:20px;margin:0 0 14px}
.sst-facts dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 22px;margin:0}
.sst-fact{display:flex;gap:12px;align-items:flex-start;min-width:0}
.sst-fact-ic{flex:none;width:40px;height:40px;border-radius:12px;background:var(--sst-tint,#ECF7F1);color:var(--sst-green);display:flex;align-items:center;justify-content:center}
.sst-fact-ic svg{width:20px;height:20px}
.sst-fact dt{font-size:12.5px;color:var(--sst-muted);margin:0 0 2px;font-weight:500}
.sst-fact dd{margin:0;color:var(--sst-ink);font-weight:600;overflow-wrap:anywhere;line-height:1.45}
.sst-fact dd a{color:var(--sst-green);text-decoration:none}

.sst-cat-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 16px;border:1px solid var(--sst-line);border-radius:14px;padding:12px 16px 16px}
.sst-cat-pick legend{font-weight:600;padding:0 6px}.sst-cat-pick .sst-hint{grid-column:1/-1;margin:0}
.sst-cat-pick label{display:flex!important;align-items:center;gap:8px;font-weight:500}
/* Donor reporting, tracking, accounts */
.sst-sublabel{font-weight:700;font-size:.92em;margin:4px 0 10px;color:var(--sst-ink)}
.sst-btn-block{display:flex;width:100%;justify-content:center;align-items:center;gap:8px;text-align:center}
.sst-btn-ghost{background:#fff;color:var(--sst-ink)!important;border:1px solid var(--sst-line)}
.sst-btn-ghost:hover{background:var(--sst-bg)}
.sst-btn-ghost svg{width:18px;height:18px;flex:none}
.sst-btn-danger{background:#fff;color:#B42318!important;border:1px solid #F1B8B0}
.sst-btn-danger:hover{background:#FDECEC}
.sst-btn-wa{background:#fff;color:#1F7A45!important;border:1.5px solid #1F7A45}
.sst-btn-wa:hover{background:#ECF7F1}
.sst-auth .sst-form{display:grid;gap:12px}
.sst-auth .sst-form label{display:grid;gap:6px}
.sst-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--sst-bg);border-radius:999px;padding:4px;margin-bottom:18px}
.sst-auth-tabs a{text-align:center;padding:9px;border-radius:999px;font-weight:700;color:var(--sst-muted)!important;text-decoration:none!important}
.sst-auth-tabs a.on{background:#fff;color:var(--sst-ink)!important;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.sst-auth-quick{display:grid;gap:10px}
.sst-or{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--sst-muted);font-size:.8em;text-transform:uppercase;letter-spacing:.08em}
.sst-or::before,.sst-or::after{content:"";flex:1;border-top:1px solid var(--sst-line)}
.sst-track .sst-form{display:grid;gap:12px}
.sst-track .sst-form label{display:grid;gap:6px}
.sst-track-card{border:1px solid var(--sst-line);border-radius:14px;padding:14px 16px;display:grid;gap:8px;background:#fff;margin:0 0 12px}
.sst-track-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sst-track-card p{margin:0}
.sst-track-msg{font-size:.93em;color:var(--sst-text)}
.sst-track-contact{font-size:.9em}
.sst-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:.78em;color:var(--sst-muted)}
.sst-steps span{border-top:3px solid var(--sst-line);padding-top:6px}
.sst-steps span.done{border-color:var(--ss-donate,#77E07A);color:var(--sst-ink);font-weight:600}
.sst-p-wait{background:#FFF4D6;color:#7A5A00}
.sst-p-ok{background:#DDF5DE;color:#0C5A30}
.sst-p-no{background:#FDE4DE;color:#9A3412}
.sst-held{background:#FFF4D6;color:#7A5A00}
.sst-spam,.sst-expired{background:#F1F1F1;color:#555}
.sst-track-verify{margin:4px 0 14px}
.sst-inline-form{display:flex!important;flex-wrap:wrap;align-items:flex-end;gap:10px}
.sst-inline-form label{flex:1 1 180px}
.sst-stats-2{grid-template-columns:repeat(2,1fr)}
.sst-don-list{display:grid;gap:0}
.sst-rep{border:1px solid var(--sst-line);border-radius:12px;padding:12px 14px;margin:0 0 10px;background:#fff}
.sst-rep-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sst-rep p{margin:6px 0 8px}
.sst-wa-msg{font-size:.85em;color:var(--sst-text);background:var(--sst-bg);border-radius:8px;padding:8px 10px;margin:8px 0 0!important}
.sst-donor .sst-dash-head{align-items:center}
@media (max-width:600px){.sst-grid{grid-template-columns:1fr}.sst-box{padding:20px}}
.sst-form input,.sst-form select,.sst-form textarea{box-sizing:border-box;max-width:100%}
.sst-logout{white-space:nowrap}
.sst-auth,.sst-track{box-sizing:border-box}
/* Trust | Donor switch */
.sst-who{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--ss-green,var(--sst-green));border-radius:999px;padding:4px;margin:0 0 12px}
.sst-who::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--ss-donate,#77E07A);transition:transform .25s ease}
.sst-auth-wrap[data-who="donor"] .sst-who::before{transform:translateX(100%)}
html[dir=rtl] .sst-auth-wrap[data-who="donor"] .sst-who::before{transform:translateX(-100%)}
html[dir=rtl] .sst-who::before{left:auto;right:4px}
.sst-who a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 6px;font-weight:700;color:#fff!important;text-decoration:none!important;border-radius:999px}
.sst-who a.on{color:var(--ss-donate-ink,#04331A)!important}
.sst-who svg{width:18px;height:18px;flex:none}
.sst-auth-panel{display:grid;gap:12px}
.sst-auth-panel[hidden]{display:none}
.sst-auth-panel>p{margin:0}
.sst-auth-steps{margin:0;padding-inline-start:20px;line-height:1.8;color:var(--sst-text)}
.sst-wa-same{margin:0!important;align-self:end}
.sst-wa-same input{margin-top:3px}
.sst-locked{background:var(--sst-bg)!important;color:var(--sst-muted)!important}
@media (prefers-reduced-motion:reduce){.sst-who::before{transition:none}}
/* Sharing a cause */
.sst-share-public{margin:18px 0 24px;padding:14px 16px;border:1px solid var(--sst-line);border-radius:var(--sst-r);background:#fff}
.sst-share-h{margin:0 0 10px;font-weight:700;font-size:.95em;color:var(--sst-ink)}
.sst-share-row{display:flex;flex-wrap:wrap;gap:8px}
.sst-share-public .sst-sh i{width:40px;height:40px}
.sst-sh{appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;margin:0;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:6px;font:inherit;font-size:.8em;font-weight:600;color:var(--sst-ink)!important;text-decoration:none!important;line-height:1.2;text-align:center}
.sst-sh[hidden]{display:none}
.sst-sh i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;flex:none}
.sst-sh-whatsapp i{background:#1FA855}.sst-sh-facebook i{background:#1877F2}.sst-sh-instagram i{background:#C13584}.sst-sh-telegram i{background:#229ED9}.sst-sh-x i{background:#111}.sst-sh-copy i{background:var(--sst-green)}.sst-sh-share i{background:#5A6E60}
.sst-sh:hover i,.sst-sh:focus-visible i{filter:brightness(1.1);transform:translateY(-1px)}
.sst-share-public .sst-sh span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sst-share-public .sst-hint{margin:10px 0 0}
.sst-share-card{border:2px solid #77E07A;border-radius:var(--sst-r);padding:18px;margin:0 0 24px;background:#fff}
.sst-share-card h3{margin:8px 0 4px}
.sst-share-card-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.sst-share-card-h .sst-eyebrow{margin:0}
.sst-share-x{font-size:.85em}
.sst-share-trust{margin-top:14px}
.sst-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.sst-chip{border:1px solid var(--sst-line);background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer;font:inherit;font-size:.88em;color:var(--sst-ink)}
.sst-chip.on{background:var(--sst-green);border-color:var(--sst-green);color:#fff}
.sst-share-msg{display:block;font-weight:600;font-size:.92em;color:var(--sst-ink)}
.sst-share-msg textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px 12px;border:1px solid var(--sst-line);border-radius:8px;font:inherit;font-weight:400;line-height:1.5;background:#fff;resize:vertical}
.sst-share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:14px 0 10px}
.sst-share-grid .sst-sh{border:1px solid var(--sst-line);border-radius:12px;padding:12px 6px;background:#fff}
.sst-share-note{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:var(--sst-tint,#ECF7F1);color:var(--sst-green);font-size:.88em}
/* Trust or masjid registration */
.sst-reg.sst-ent-trust [data-ent=masjid],.sst-reg.sst-ent-masjid [data-ent=trust]{display:none!important}
.sst-ent-pick{border:0;padding:0;margin:0 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.sst-ent-pick legend{font-weight:600;font-size:.92em;margin-bottom:10px;color:var(--sst-ink);padding:0}
.sst-form .sst-ent-opt{position:relative;display:grid!important;gap:4px;align-content:start;border:1.5px solid var(--sst-line);border-radius:12px;padding:14px;cursor:pointer;background:#fff;font-weight:400}
.sst-ent-opt input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.sst-ent-opt:has(input:checked){border-color:var(--sst-green);box-shadow:0 0 0 3px rgba(1,89,59,.15)}
.sst-ent-opt:has(input:focus-visible){outline:2px solid var(--sst-green);outline-offset:2px}
.sst-ent-ic{color:var(--sst-green);line-height:0}
.sst-ent-opt strong{font-size:1em;color:var(--sst-ink)}
@media (max-width:420px){.sst-form .sst-ent-opt{padding:12px 10px}}
.sst-private{display:flex;gap:10px;align-items:flex-start;background:var(--sst-tint,#ECF7F1);border-radius:10px;padding:12px 14px;margin:0 0 10px;color:var(--sst-text);font-size:.9em;line-height:1.5}
.sst-private svg{flex:none;color:var(--sst-green);margin-top:2px}
.sst-badge.sst-badge-waqf{background:#FFF6D6;color:#7A5B00}
/* Partners filter and masjid invitation */
.sst-kind-chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 4px}
.sst-kind{border:1px solid var(--sst-line);border-radius:999px;padding:6px 16px;font-weight:600;font-size:.9em;color:var(--sst-ink)!important;text-decoration:none!important;background:#fff}
.sst-kind.on{background:var(--sst-green);border-color:var(--sst-green);color:#fff!important}
.sst-masjid-invite{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:linear-gradient(135deg,#064423,#0b5d31);color:#fff;border-radius:18px;padding:22px 24px;margin:28px auto;max-width:1100px;box-sizing:border-box}
.sst-masjid-invite h2{color:#fff!important;margin:0 0 6px;font-size:1.3em;line-height:1.35}
.sst-masjid-invite p{margin:0;color:rgba(255,255,255,.92);line-height:1.6}
.sst-mi-ic{width:56px;height:56px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#77E07A}
.sst-btn.sst-mi-btn{background:#77E07A;color:#04331A!important;white-space:nowrap;border-radius:999px;padding:12px 22px;font-weight:700}
.sst-btn.sst-mi-btn:hover{background:#8BE88E}
@media (max-width:720px){.sst-masjid-invite{grid-template-columns:1fr;padding:20px 18px;gap:12px;margin:20px 16px;max-width:none}.sst-masjid-invite h2{font-size:1.15em}.sst-btn.sst-mi-btn{justify-self:stretch;white-space:normal;text-align:center}}
.sst-who a{min-width:0;text-align:center;line-height:1.25}
@media (max-width:520px){.sst-who svg{display:none}.sst-who a{padding:9px 6px;font-size:.92em}html[lang^=ta] .sst-who a,html[lang^=ml] .sst-who a{font-size:.8em;letter-spacing:-.01em}}
.sst-cause-hero{margin:0 0 20px;border-radius:var(--sst-r);overflow:hidden;background:var(--sst-bg);text-align:center;max-width:680px}
.sst-cause-hero img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;margin:0 auto}
/* Assurance line on cause pages */
.sst-cause-assure{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:8px 14px;background:var(--sst-tint,#ECF7F1);color:var(--sst-green);border-radius:999px;font-size:.86em;font-weight:600;line-height:1.4}
.sst-cause-assure svg{flex:none}
/* Register CTA box — stays light in both site themes, so it stands out */
.sst-reg-cta{background:#E4F4E5;border:1px solid #BFE2C4;border-radius:16px;padding:32px 24px;text-align:center;color:#0E2416;margin:28px auto;max-width:1100px;box-sizing:border-box}
.sst-reg-cta h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:21px;margin:0 0 8px;color:#0E2416;line-height:1.3}
.sst-reg-cta p{margin:0 auto 22px;color:#3C4F43;font-size:14.5px;line-height:1.55;max-width:52ch}
.sst-reg-cta p strong{font-weight:700;color:#0E2416}
.sst-reg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:560px;margin:0 auto}
.sst-reg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 18px;font:700 14.5px 'Plus Jakarta Sans',system-ui,sans-serif;text-decoration:none!important;background:transparent;color:#064423!important;border:1.5px solid #064423;white-space:nowrap;transition:background .15s,color .15s}
.sst-reg-btn:hover,.sst-reg-btn:focus-visible{background:#064423;color:#fff!important}
.sst-reg-btn svg{width:20px;height:20px;flex:none}
/* On phones: stack buttons vertically, each full width, text on a single line */
@media (max-width:560px){.sst-reg-cta{padding:24px 18px;margin:20px 16px;max-width:none}.sst-reg-cta h2{font-size:19px}.sst-reg-row{grid-template-columns:1fr;max-width:none}}
/* Email and address take the full width inside the facts grid, so email stays on one line */
.sst-fact.sst-fact-wide,.sst-fact.sst-fact-mail{grid-column:1/-1}
.sst-fact.sst-fact-mail dd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Verified badge: star-with-tick icon */
.sst-badge-verified{display:inline-flex;align-items:center;gap:5px}
.sst-verif-ic{flex:none}
/* ============ Cause page accordion (mobile) + flat view (desktop) ============ */
.sst-cause-acc{display:grid;gap:10px;margin:14px 0}
.sst-sec{background:#fff;border:1px solid var(--sst-line);border-radius:12px;overflow:hidden}
.sst-sec>summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none;user-select:none;font-weight:700;color:var(--sst-ink);font-family:var(--head);font-size:15px}
.sst-sec>summary::-webkit-details-marker{display:none}
.sst-sec-ic{width:36px;height:36px;border-radius:10px;background:var(--sst-mint,#E4F4E5);color:var(--sst-green);display:grid;place-items:center;flex:none}
.sst-sec-h{flex:1;min-width:0}
.sst-sec-ar{color:var(--sst-muted);transition:transform .2s;line-height:0}
.sst-sec[open]>summary .sst-sec-ar{transform:rotate(180deg)}
.sst-sec[open]>summary{border-bottom:1px solid var(--sst-line)}
.sst-sec-body{padding:16px}

/* "Read more" clamp on the cause story (mobile only) */
.sst-cause-story-wrap{position:relative}
.sst-cause-story{max-height:9em;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}
.sst-cause-story-wrap.sst-expanded .sst-cause-story{max-height:none;-webkit-mask-image:none;mask-image:none}
.sst-story-more{background:transparent;color:var(--sst-green);border:0;padding:10px 0 0;font:700 14px var(--sst-head,'Plus Jakarta Sans',sans-serif);cursor:pointer}

/* Donate button at the bottom of the cause page */
.sst-cause-donate{display:flex;align-items:center;justify-content:center;margin:16px 0 10px;background:var(--sst-green);color:#fff!important;border-radius:999px;padding:14px 22px;font:700 15px 'Plus Jakarta Sans',sans-serif;text-decoration:none!important}
.sst-cause-donate:hover{background:var(--sst-green-d)}

/* Desktop: flatten the accordion back to the current layout */
@media (min-width:721px){
	.sst-sec>summary{display:none!important}
	.sst-sec{border:0;background:transparent;overflow:visible;border-radius:0}
	.sst-sec-body{padding:0;display:block!important}
	.sst-cause-story{max-height:none;-webkit-mask-image:none;mask-image:none}
	.sst-story-more{display:none}
	.sst-cause-donate{display:none}
	.sst-cause-acc{gap:24px;margin-top:16px}
}
/* ============ Desktop cause page: flyer on the left, tabs on the right ============ */
.sst-cause-layout{display:grid;gap:16px;grid-template-columns:1fr;min-width:0}
.sst-cause-left,.sst-cause-right{min-width:0}
.sst-cause-tabbar{display:none}
@media (min-width:721px){
	.sst-cause-layout{grid-template-columns:minmax(0,0.95fr) minmax(360px,1fr);gap:28px;align-items:start}
	.sst-cause-left .sst-cause-hero{max-width:none}
	.sst-cause-donate{display:none}
	/* On desktop the accordion morphs into a tab bar + a single panel. */
	.sst-cause-tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:#fff;border:1px solid var(--sst-line);border-radius:999px;padding:4px;margin:14px 0 12px}
	.sst-cause-tabbar button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;border:0;background:transparent;cursor:pointer;border-radius:999px;color:var(--sst-ink);font:700 11.5px 'Inter',sans-serif;text-align:center;line-height:1.2;transition:background .15s,color .15s}
	.sst-cause-tabbar button:hover{background:var(--sst-tint,#ECF7F1)}
	.sst-cause-tabbar button.on{background:var(--sst-green);color:#fff}
	.sst-cause-tabbar .sst-sec-ic{width:28px;height:28px;border-radius:999px;background:var(--sst-mint,#E4F4E5);color:var(--sst-green);display:grid;place-items:center;flex:none}
	.sst-cause-tabbar .sst-sec-ic svg{width:16px;height:16px}
	.sst-cause-tabbar button.on .sst-sec-ic{background:rgba(255,255,255,.18);color:#fff}
	.sst-cause-tabbar .sst-sec-ar{display:none}
	/* Hide the original accordion summaries; show the body of the open section as the panel */
	body.sst-tabs .sst-cause-right .sst-sec>summary{display:none!important}
	body.sst-tabs .sst-cause-right .sst-sec{border:0!important;background:transparent!important;padding:0!important;border-radius:0!important;overflow:visible}
	body.sst-tabs .sst-cause-right .sst-sec[open]>.sst-sec-body{display:block;background:#fff;border:1px solid var(--sst-line);border-radius:14px;padding:20px 22px;min-height:280px}
	body.sst-tabs .sst-cause-right .sst-sec:not([open])>.sst-sec-body{display:none!important}
	.sst-cause-right .sst-cause-story{max-height:none;-webkit-mask-image:none;mask-image:none}
	.sst-cause-right .sst-story-more{display:none}
}
/* ===== Phone: Donate now button opens the payment details; no separate Donate bar ===== */
.sst-cause-acc .sst-cause-donate{width:100%;border:0;cursor:pointer;gap:8px;margin:2px 0}
.sst-cause-acc .sst-cause-donate svg{transition:transform .2s}
.sst-cause-acc .sst-cause-donate.on svg{transform:rotate(180deg)}
@media (max-width:720px){
	.sst-sec-pay>summary{display:none!important}
	.sst-sec-pay:not([open]){display:none}
	.sst-sec-pay>.sst-sec-body{padding:14px}
}
@media (min-width:721px){.sst-cause-acc .sst-cause-donate{display:none!important}}
/* Payment details inside the cause sections: one row per item, so nothing spills out on phones */
.sst-cause-acc .sst-direct{background:transparent;padding:0;margin:0}
.sst-cause-acc .sst-direct h2{font-size:1.15em;margin:0 0 4px}
.sst-cause-acc .sst-citizen{gap:8px;margin:12px 0}
.sst-cause-acc .sst-citizen label{flex:1 1 140px;padding:8px 10px;font-size:.92em}
.sst-cause-acc .sst-pay{padding:12px;gap:14px;border-radius:12px}
.sst-cause-acc .sst-pay-details{min-width:0;flex:1 1 100%}
.sst-cause-acc .sst-pay-table,.sst-cause-acc .sst-pay-table tbody{display:block;width:100%}
.sst-cause-acc .sst-pay-table tr{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;background:var(--sst-tint,#ECF7F1);border-radius:10px;padding:9px 11px;margin:0 0 8px}
.sst-cause-acc .sst-pay-table th{padding:0;font-size:.8em;font-weight:600;white-space:normal}
.sst-cause-acc .sst-pay-table td{padding:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.sst-cause-acc .sst-pay-table .sst-copy{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.sst-cause-acc .sst-pay-table .sst-copy-btn{flex:none}
/* Fixes: no tinted band behind the Donate heading; tidy desktop tab spacing */
.sst-cause-acc .sst-direct{background:transparent!important;padding:0!important;margin:0!important;border:0!important}
@media (min-width:721px){
	body.sst-tabs .sst-cause-acc{gap:0}
	body.sst-tabs .sst-cause-tabbar{border-radius:16px}
	body.sst-tabs .sst-cause-tabbar button{border-radius:12px}
}
/* ===================== Website admin panel ===================== */
.sst-panel .sst-ptabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.sst-panel .sst-ptabs::-webkit-scrollbar{display:none}
.sst-panel .sst-ptabs a{white-space:nowrap}
.sst-pstats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0 0 24px}
.sst-pstat{display:grid;gap:4px;background:#fff;border:1px solid var(--sst-line);border-radius:14px;padding:16px;color:var(--sst-text)!important;text-decoration:none!important;font-size:.9em}
.sst-pstat span{font:800 1.8em 'Plus Jakarta Sans',sans-serif;color:var(--sst-ink)}
.sst-pstat-due{border-color:var(--sst-gold);background:#FFFBEA}
.sst-pstat-due span{color:#8A6400}
.sst-plog{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.9em}
.sst-plog li{padding:8px 12px;background:#fff;border:1px solid var(--sst-line);border-radius:10px;color:var(--sst-text)}
.sst-plog time{color:var(--sst-muted);font-size:.9em;margin-right:6px}
.sst-pchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px;padding-bottom:2px}
.sst-pchips::-webkit-scrollbar{display:none}
.sst-pchips a{flex:none;border:1px solid var(--sst-line);background:#fff;border-radius:999px;padding:7px 14px;font-weight:600;font-size:.88em;color:var(--sst-ink)!important;text-decoration:none!important}
.sst-pchips a.on{background:var(--sst-green);border-color:var(--sst-green);color:#fff!important}
.sst-pempty{padding:28px;text-align:center;background:#fff;border:1px dashed var(--sst-line);border-radius:14px}
.sst-pcard{background:#fff;border:1px solid var(--sst-line);border-radius:14px;padding:16px;margin:0 0 12px;display:grid;gap:10px}
.sst-pcard-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sst-pcard-h h3{margin:0 0 2px;font-size:1.05em}
.sst-pcard-h p{margin:0}
.sst-pcard .sst-pill{flex:none}
.sst-ptag{margin:0;display:inline-block;justify-self:start;background:#FFF6D6;color:#7A5B00;border-radius:999px;padding:3px 10px;font-size:.78em;font-weight:700}
.sst-pnote{margin:0;background:var(--sst-bg);border-radius:10px;padding:8px 12px;font-size:.9em}
.sst-pmore summary{cursor:pointer;color:var(--sst-green);font-weight:600;font-size:.92em}
.sst-pmore[open] summary{margin-bottom:10px}
.sst-pdl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px;margin:0 0 10px}
.sst-pdl dt{font-size:.78em;color:var(--sst-muted)}
.sst-pdl dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.sst-pabout{color:var(--sst-text);font-size:.92em}
.sst-pdocs{display:flex;flex-wrap:wrap;gap:8px}
.sst-pdoc{border:1px solid var(--sst-line);border-radius:999px;padding:5px 12px;font-size:.85em;text-decoration:none!important}
.sst-pactions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.sst-pf{margin:0}
.sst-pbtn{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--sst-green);background:var(--sst-green);color:#fff!important;border-radius:999px;padding:8px 16px;font:700 .88em 'Plus Jakarta Sans',sans-serif;cursor:pointer;text-decoration:none!important;list-style:none}
.sst-pbtn::-webkit-details-marker{display:none}
.sst-pbtn-ok{background:var(--sst-green);border-color:var(--sst-green)}
.sst-pbtn-warn{background:#fff;color:#8A6400!important;border-color:#D9A400}
.sst-pbtn-no{background:#B42318;border-color:#B42318}
.sst-pbtn-ghost{background:#fff;color:var(--sst-green)!important}
.sst-pbtn-no.sst-pbtn-ghost{color:#B42318!important;border-color:#E3B7B3}
.sst-preason{position:relative}
.sst-preason[open]{flex-basis:100%}
.sst-preason form{display:grid;gap:8px;margin-top:8px;max-width:520px}
.sst-preason textarea{width:100%;border:1px solid var(--sst-line);border-radius:10px;padding:9px 11px;font:inherit;background:#fff;box-sizing:border-box}
.sst-preason form .sst-pbtn{justify-self:start}
.sst-ppay{border:1px solid var(--sst-gold);background:#FFFBEA;border-radius:12px;padding:12px;display:grid;gap:10px}
.sst-ppay h4{margin:0;font-size:.95em}
.sst-ppay-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sst-ppay-cols p{margin:0 0 6px;font-weight:600;overflow-wrap:anywhere}
.sst-ppay-cols small{color:var(--sst-muted);font-weight:500}
.sst-pcause{grid-template-columns:96px minmax(0,1fr);align-items:start}
.sst-pcause-img{width:96px;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:var(--sst-bg);display:grid;place-items:center;color:var(--sst-muted);font-size:.75em}
.sst-pcause-img img{width:100%;height:100%;object-fit:cover}
.sst-pcause-main{display:grid;gap:10px;min-width:0}
.sst-pmember{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.sst-pmember p{margin:0;overflow-wrap:anywhere}
.sst-pmember .sst-pactions{grid-column:1/-1}
@media (max-width:600px){
	.sst-ppay-cols{grid-template-columns:1fr}
	.sst-pcause{grid-template-columns:64px minmax(0,1fr)}
	.sst-pcause-img{width:64px}
	.sst-pcard-h{flex-direction:column}
	.sst-panel .sst-dash-head{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){.sst-pstats{grid-template-columns:1fr 1fr;gap:10px}.sst-pstat{padding:12px}.sst-pstat span{font-size:1.5em}}