/* v5.0 Iuran Keanggotaan, Bayar dengan QRIS, Pengumuman. Scoped class names only; loaded on keanggotaan, home, pengumuman and the member payment step. */
.iuran-intro{max-width:760px;font-size:1.05rem}
.iuran-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin:1.4rem 0}
.iuran-card{background:#fff;border:1px solid #e5e5e5;border-top:5px solid #D02E26;border-radius:14px;padding:1.4rem 1.4rem 1.2rem;box-shadow:0 6px 22px #a9231d14}
.iuran-card h3{margin:0 0 .3rem;color:#A9231D;font-size:1.1rem}
.iuran-price{margin:.1rem 0 .6rem;font-size:2.3rem;line-height:1.1;font-weight:800;color:#111}
.iuran-price small{font-size:.95rem;font-weight:600;color:#6C727F}
.iuran-card p:last-child{margin:0;color:#3a3f48}
.iuran-note{background:#FFF8DC;border:1px solid #F0D98A;border-inline-start:5px solid #F8D748;border-radius:12px;padding:1rem 1.2rem;margin:0 0 1.6rem}
.iuran-note h3{margin:0 0 .3rem;color:#7a5a00;font-size:1.02rem}.iuran-note p{margin:0}
.iuran-pay{background:#fff;border:1px solid #ead6d4;border-radius:16px;padding:1.4rem;margin:1.2rem 0}
.iuran-pay-h{margin:0 0 1rem;color:#A9231D;font-size:1.25rem}
.iuran-pay-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.6rem;align-items:start}
.iuran-amounts{display:grid;gap:.5rem;margin:0 0 1rem}
.iuran-amount-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .7rem;background:#FDECEB;border-radius:10px;padding:.55rem .8rem;font-weight:600}
.iuran-amount{font-size:1.5rem;color:#A9231D;font-weight:800}
.iuran-amount-row small{color:#6C727F;font-weight:600}
.iuran-steps{margin:.2rem 0 .8rem;padding-inline-start:1.3rem}.iuran-steps li{margin:.45rem 0}.iuran-steps li::marker{color:#D02E26;font-weight:800}
.iuran-static-note{font-size:.88rem;color:#6C727F;margin:.4rem 0 .9rem}
.iuran-actions{margin:0}
.iuran-qris{margin:0;text-align:center}
.iuran-qris img{width:100%;max-width:340px;height:auto;border:1px solid #e5e5e5;border-radius:14px;background:#fff;box-shadow:0 8px 26px #0001;image-rendering:auto}
.iuran-qris figcaption{margin-top:.5rem;font-size:.82rem;color:#6C727F;line-height:1.35}
.iuran-qris figcaption .iuran-nmid{display:block;font-size:.75rem}
.iuran-qris-empty div{display:grid;place-content:center;gap:.4rem;aspect-ratio:1;max-width:340px;margin:auto;border:2px dashed #D02E26;border-radius:14px;background:#FDECEB;color:#A9231D;padding:1rem}
.iuran-qris-empty b{font-size:2rem;letter-spacing:.1em}
.iuran-more{margin:1rem 0 0;font-weight:600}.iuran-ask{margin:1.4rem 0 .4rem;font-weight:600}
.iuran-link{margin:.4rem 0 0}.iuran-link a{font-weight:600}
/* member payment step (inside the account card) */
.iuran-pay-member{margin:0 0 1.4rem}
.iuran-pay-label{margin:0;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6C727F}
.iuran-amount-big{margin:.1rem 0 0;font-size:2.6rem;line-height:1.1}
.iuran-amount-note{margin:.15rem 0 .5rem;font-weight:600}
.iuran-other{margin:0 0 1rem;font-size:.92rem;color:#3a3f48}
/* announcements */
.ann{max-width:780px;margin:0 auto}
.ann-head{border-bottom:3px solid #D02E26;padding-bottom:1.1rem;margin-bottom:1.4rem}
.ann-head h1{margin:.5rem 0 .4rem;color:#A9231D;font-size:clamp(1.6rem,4.4vw,2.3rem);line-height:1.2}
.ann-meta{margin:0 0 .6rem;color:#6C727F;font-size:.92rem}
.ann-lead{margin:0;font-size:1.08rem;color:#25303c}
.ann-pill{background:#FDECEB;color:#A9231D}
.ann-body h2{color:#A9231D;margin:1.8rem 0 .6rem;font-size:1.3rem}
.ann-items{padding-inline-start:1.4rem}.ann-items li{margin:.7rem 0;padding-inline-start:.2rem}.ann-items li::marker{color:#D02E26;font-weight:800}
.ann-sign{margin-top:1.6rem}
.ann-list{display:grid;gap:1.1rem}.ann-card h3{margin:.4rem 0}.ann-card h3 a{color:#A9231D;text-decoration:none}.ann-card h3 a:hover{text-decoration:underline}
/* home strip: one slim line between the hero and the statistics, so the existing layout is untouched */
.ann-strip{background:#FFF8DC;border-block:1px solid #F0D98A}
.ann-strip .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;padding-top:.7rem;padding-bottom:.7rem}
.ann-strip-link{font-weight:700;color:#7a1a15;text-decoration:none}.ann-strip-link:hover{text-decoration:underline}
.ann-strip-more{margin-inline-start:auto;font-weight:600;white-space:nowrap}
@media(max-width:760px){.iuran-cards{grid-template-columns:1fr}.iuran-pay-grid{grid-template-columns:1fr}.iuran-qris{order:-1}.iuran-pay{padding:1.1rem}.iuran-price{font-size:2rem}.ann-strip-more{margin-inline-start:0}}
.keang-card{max-width:760px;margin:1rem 0}.keang-card [data-card-component]{margin:0}
a.ann-pill-link{text-decoration:none;cursor:pointer;transition:background-color .15s,box-shadow .15s}a.ann-pill-link:hover,a.ann-pill-link:focus-visible{background:#F9D5D2;color:#A9231D;box-shadow:0 0 0 2px #D02E26}a.ann-pill-link:focus-visible{outline:2px solid #A9231D;outline-offset:2px}