/* Layout Modern dan Premium sesuai wireframe acuan DMI */
.dmp-page{--dmp-green:#075844;--dmp-gold:#d8b35e;--dmp-ink:#302d2a;--dmp-muted:#66756e;background:#fff;color:var(--dmp-ink);font-family:Arial,system-ui,sans-serif;margin:0;line-height:1.55}.dmp-preview{padding:8px 12px;text-align:center;background:#fff3d3;color:#72551d;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.dmp-preview form{margin:0}.dmp-preview button{border:0;border-radius:8px;padding:9px 14px;background:#075844;color:#fff;font-weight:800;cursor:pointer}.dmp-preview button:hover{background:#064532}.dmp-header{max-width:1240px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.dmp-head-name{display:flex;align-items:center;gap:12px;min-width:0}.dmp-head-name img,.dmp-mark{width:48px;height:48px;object-fit:cover;border-radius:50%;display:grid;place-items:center;background:var(--dmp-green);color:#fff;font-size:27px}.dmp-head-name strong,.dmp-head-name small{display:block}.dmp-head-name strong{font-size:20px}.dmp-head-name small{color:var(--dmp-muted)}.dmp-header nav{display:flex;gap:22px;flex-wrap:wrap;color:#315548;font-weight:700}.dmp-wrap{max-width:1180px;width:calc(100% - 40px);margin:0 auto}.dmp-hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:320px;border-radius:20px;overflow:hidden;background:#f3f7f3;border:1px solid #e2e9e3}.dmp-hero-copy{padding:clamp(25px,4vw,48px);align-self:center}.dmp-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#b18b36}.dmp-hero h1{font-size:clamp(28px,4vw,46px);line-height:1.12;margin:12px 0;color:var(--dmp-green)}.dmp-hero p{color:#596b61;max-width:520px}.dmp-button{display:inline-flex;gap:16px;margin-top:12px;padding:12px 17px;border-radius:9px;background:var(--dmp-green);color:white;text-decoration:none;font-weight:700}.dmp-hero-photo{min-height:320px;background:#dfe9df}.dmp-hero-photo img{width:100%;height:100%;min-height:320px;display:block;object-fit:cover}.dmp-hero-fallback{height:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:white;background:radial-gradient(circle at 50% 35%,#d8b35e 0 4%,transparent 4.5%),linear-gradient(145deg,#a9c9b5,#075844)}.dmp-hero-fallback span{font-size:86px}.dmp-activities{padding:32px 0 22px}.dmp-activities h2,.dmp-section h2{font-size:clamp(23px,3vw,32px);margin:0 0 18px;color:var(--dmp-ink)}.dmp-activities h2{text-align:center}.dmp-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dmp-shortcuts a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:105px;border:1px solid #d9e3db;border-radius:10px;text-decoration:none;color:var(--dmp-ink);background:#fff;transition:transform .18s,box-shadow .18s}.dmp-shortcuts a:hover{transform:translateY(-2px);box-shadow:0 8px 20px #174a3014}.dmp-shortcuts span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf5ee;color:var(--dmp-green);font-size:22px}.dmp-shortcuts b{font-size:15px}.dmp-content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}.dmp-premium .dmp-content-grid{grid-template-columns:minmax(0,2.1fr) minmax(230px,.9fr);align-items:start}.dmp-section{padding:14px 0 28px}.dmp-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dmp-news-card{overflow:hidden;border:1px solid #e0e7e0;border-radius:11px;background:#fff}.dmp-news-image{height:126px;display:grid;place-items:center;background:linear-gradient(135deg,#dce9dd,#7fa98f);color:#fff;font-size:45px}.dmp-card-copy{padding:14px}.dmp-card-copy small{font-size:10px;letter-spacing:.08em;color:#ad8632;font-weight:800}.dmp-card-copy h3,.dmp-latest-card h3{font-size:16px;line-height:1.35;margin:7px 0}.dmp-card-copy p,.dmp-latest-card p{font-size:13px;color:var(--dmp-muted);margin:0}.dmp-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dmp-latest-card{border:1px solid #e0e7e0;border-radius:10px;overflow:hidden;background:white}.dmp-latest-image{height:90px;display:grid;place-items:center;background:#edf4ee;color:var(--dmp-green);font-size:32px}.dmp-latest-card>div:last-child{padding:12px}.dmp-latest-card small{display:block;margin-top:8px;color:#9a7b37;font-size:11px}.dmp-sidebar{display:grid;gap:18px;padding-top:14px}.dmp-side-panel{border:1px solid #dce5dd;border-radius:12px;padding:16px;background:#fff}.dmp-side-panel h2{font-size:20px;margin:0 0 13px;color:var(--dmp-green)}.dmp-testimonial,.dmp-donor{display:flex;gap:10px;align-items:flex-start;border:1px solid #e2e8e2;border-radius:9px;padding:12px;margin-top:10px}.dmp-avatar{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eaf3eb;color:var(--dmp-green);font-size:18px}.dmp-testimonial p{margin:0 0 5px;font-size:13px}.dmp-testimonial small,.dmp-donor small{display:block;color:var(--dmp-muted);font-size:11px}.dmp-donor b{font-size:13px}.dmp-empty-note{font-size:13px;color:var(--dmp-muted)}.dmp-footer-info{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:35px 0 28px;margin-top:15px;border-top:1px solid #e1e7e0}.dmp-footer-info h3{font-size:17px;margin:0 0 10px}.dmp-footer-info p{font-size:14px;color:#596b61;overflow-wrap:anywhere}.dmp-map-placeholder{height:88px;border:1px solid #d9e3db;border-radius:9px;display:grid;place-items:center;color:var(--dmp-green);font-size:23px;font-weight:700;background:#f5f8f5}.dmp-social-icons{display:flex;gap:10px;margin:12px 0}.dmp-social-icons span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d9e3db;border-radius:7px;color:var(--dmp-green);font-weight:800}.dmp-donate-link{display:inline-block;border:1px solid var(--dmp-green);border-radius:7px;padding:8px 12px;color:var(--dmp-green);text-decoration:none;font-weight:700}.dmp-footer{border-top:1px solid #d8dfd8;padding:18px;text-align:center;color:#62756a;font-size:13px}.dmp-premium{--dmp-green:#064b39;--dmp-gold:#c9a45c}.dmp-premium .dmp-hero{background:#f5f2e9}.dmp-premium .dmp-side-panel{box-shadow:0 8px 24px #173e2b0b}.dmp-premium .dmp-hero-copy{background:linear-gradient(135deg,#f6f2e8,#fff)}
@media(max-width:800px){.dmp-header{align-items:flex-start;flex-direction:column;padding:20px}.dmp-header nav{gap:14px}.dmp-hero{grid-template-columns:1fr}.dmp-hero-photo,.dmp-hero-photo img,.dmp-hero-fallback{min-height:220px;max-height:300px}.dmp-premium .dmp-content-grid{grid-template-columns:1fr}.dmp-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.dmp-footer-info{grid-template-columns:1fr 1fr}.dmp-social-col{grid-column:1/-1}}
@media(max-width:540px){.dmp-wrap{width:calc(100% - 28px)}.dmp-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dmp-shortcuts a{min-height:90px}.dmp-news-grid,.dmp-latest-grid{grid-template-columns:1fr}.dmp-news-image{height:150px}.dmp-sidebar,.dmp-footer-info{grid-template-columns:1fr}.dmp-social-col{grid-column:auto}.dmp-hero h1{font-size:30px}.dmp-head-name strong{font-size:17px}}