.pd-head{padding:3rem 0 3rem}
.back{font-weight:700;color:var(--blue)}
.meta{margin:1.4rem 0 .8rem;font-weight:500;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
.status{padding:.2rem .8rem;border-radius:999px;font-weight:700;font-size:.9rem}
.status.ongoing{background:var(--yellow);color:var(--navy-deep)}.status.completed{background:var(--blue);color:#fff}
.lead{margin-top:1.2rem;font-size:1.2rem}
.pd{padding-top:3.5rem;display:grid;grid-template-columns:1.8fr 1fr;gap:4rem;align-items:start}
.hero-photo{aspect-ratio:16/10;margin:0 0 3rem;border-radius:22px;background:linear-gradient(135deg,transparent 48%,rgba(255,192,0,.35) 48% 52%,transparent 52%),var(--navy);background-size:34px 34px,auto}
.main h2{font-size:1.8rem;margin:2.5rem 0 1rem}
.sr{position:absolute;left:-999px}
.budget{width:100%;border-collapse:collapse}
.budget th,.budget td{padding:.8rem 0;border-bottom:1px solid var(--line);text-align:left;font-weight:400}
.budget td{text-align:right;font-weight:700;color:var(--navy)}
.budget .tot th,.budget .tot td{font-weight:700;border-bottom:2px solid var(--navy)}
.log{list-style:none;padding:0 0 0 1.4rem;border-left:4px solid var(--yellow)}
.log li{padding-bottom:1.4rem;position:relative}
.log li::before{content:"";position:absolute;left:calc(-1.4rem - 8px);top:.5rem;width:12px;height:12px;border-radius:50%;background:var(--navy)}
.log time{font-weight:700;color:var(--blue)}
.side{position:sticky;top:90px;background:var(--navy);color:#D6E4F8;padding:2rem;border-radius:22px 22px 22px 4px}
.side h2{color:#fff;font-size:1.6rem;margin-bottom:.8rem}
.side h3{color:#fff;font-size:1.05rem;margin:1.6rem 0 .5rem}
.side meter{width:100%;height:10px}
.side meter::-webkit-meter-bar{background:rgba(255,255,255,.18);border:0;border-radius:6px}
.side meter::-webkit-meter-optimum-value{background:var(--yellow);border-radius:6px}
.side meter::-moz-meter-bar{background:var(--yellow);border-radius:6px}
.amt{margin:.6rem 0 1.2rem;font-size:.95rem}
.side ul{list-style:none;padding:0}.side li{padding:.2rem 0}
.side .btn:not(.btn-give){color:#fff;border-color:#fff}.side .btn:not(.btn-give):hover{background:#fff;color:var(--navy-deep)}
.more{list-style:none;padding:0;margin-top:1rem;border-top:2px solid var(--navy)}
.more li{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.more a{font-weight:700;color:var(--navy)}.more span{color:#44587A}
@media (max-width:820px){.pd{grid-template-columns:1fr;gap:2.5rem}.side{position:static}.more li{flex-direction:column}}