/* part 4 styles (requests, volunteer, help status, Soi project, pass it on); prefix classes with .p4 */
.p4it{padding:12px 0;border-top:1px solid var(--ln)}
.p4rw{display:flex;align-items:center;gap:12px}
.p4rw .tx{flex:1;min-width:0}
.p4rw .tx b{display:block;font-weight:400;font-size:14.5px;overflow-wrap:anywhere}
.p4rw .tx span{display:block;font-size:12px;color:var(--g1);margin-top:1px}
.p4rw .rt{flex:none;font-size:12px;color:var(--g1)}
.p4tp{display:flex;justify-content:space-between;align-items:center;gap:10px}
.p4tp b{font-weight:400;font-size:14.5px;overflow-wrap:anywhere}
.p4km{display:flex;align-items:baseline;justify-content:space-between;margin-top:6px}
.p4det{margin-top:10px;padding:12px 14px;border-radius:16px;background:var(--card)}
.p4det .para{padding:0 0 6px}
.p4det .sm{display:block}
.p4of{padding-top:8px}
.p4ofr{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;font-size:13.5px}
.p4acts{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}
.p4acts .chip{min-height:44px;padding:0 14px;cursor:pointer;background:transparent}
.p4ct{padding-top:8px}
.p4ctv{font-size:15px;font-weight:400;padding:4px 0;overflow-wrap:anywhere}
.p4si,.p4hot{display:flex;align-items:center;gap:12px;margin:8px 0}
.p4si .tx,.p4hot .tx{flex:1;min-width:0}
.p4bk{display:flex;align-items:center;gap:6px;min-height:44px;padding:0;color:#a9abb0;font-size:12px;letter-spacing:.04em}
.p4ta{min-height:84px;padding:12px 14px;resize:vertical;font-family:inherit}
.p4chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}
.p4chips .chip{min-height:44px;padding:0 14px;cursor:pointer;background:transparent}
.p4chips .chip.w{background:#fff}
.p4tk{display:grid;grid-template-columns:1fr 64px 64px;gap:6px;padding:4px 0}
.p4tk .inp{padding:0 10px;min-width:0}
.p4tl{padding:6px 0 10px;position:relative}
.p4tl>div{display:flex;gap:14px;align-items:flex-start;padding:0 0 18px;position:relative;color:var(--g2)}
.p4tl>div:not(:last-child)::after{content:'';position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--g3)}
.p4tl>div.dn::after{background:var(--r)}
.p4dot{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--g3);display:flex;align-items:center;justify-content:center;background:#000}
.p4tl .dn .p4dot{background:var(--r);border-color:var(--r)}
.p4tl .dn .p4dot svg{stroke:#fff}
.p4tl .cu .p4dot{border-color:var(--r)}
.p4tl .cu .p4dot::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--r)}
.p4tl b{display:block;font-weight:400;font-size:15px;color:#fff;padding-top:3px}
.p4tl>div:not(.dn):not(.cu) b{color:var(--g2)}
.p4tl span:not(.p4dot){display:block;font-size:12px;color:var(--g1);margin-top:1px;min-height:1em}
.p4vol .pbs{padding-top:10px}
.p4pj{display:flex;align-items:center;gap:16px;padding:6px 0 10px}
.p4pj>div:last-child{min-width:0}
.p4tkr{padding:8px 0}
.p4tkr .sbar{margin-top:6px}
.p4plg:empty{display:none}
.p4st{margin-top:10px}
.p4st .sm{text-align:center;padding-bottom:6px}
.p4ch{padding:4px 0 8px;position:relative}
.p4lg{display:flex;align-items:center;gap:12px;padding:0 0 16px;position:relative}
.p4lg:not(:last-child)::after{content:'';position:absolute;left:17px;top:36px;bottom:-2px;width:2px;background:var(--g3)}
.p4lg>div{flex:1;min-width:0}
.p4lg b{display:block;font-weight:400;font-size:14.5px}
.p4lg>div span{display:block;font-size:12px;color:var(--g1);overflow-wrap:anywhere}
.p4av{flex:none;width:36px;height:36px;border-radius:50%;background:#26272b;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#fff}
.p4end .p4av{background:transparent;border:2px solid var(--r)}
@media (prefers-reduced-motion:reduce){.p4it,.p4det{transition:none}}