/* Refresh parsial. Beranda, agenda, galeri dan program saja. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
body:has(.jhi-profile-home) :is(.jhi-profile-home,.jhi-program-home,.jhi-agenda-gallery){font-family:Montserrat,system-ui,sans-serif}
.page-banner::after{content:none!important}
.jhi-profile-home{display:grid;grid-template-columns:1.04fr 1fr;gap:clamp(25px,4vw,60px);align-items:center;padding-block:45px!important}
.jhi-profile-copy h2{font:800 clamp(26px,3vw,39px)/1.27 Montserrat,system-ui,sans-serif;color:var(--ink);letter-spacing:-.8px;margin:14px 0 22px}
.jhi-profile-copy p{font:400 15px/1.85 Montserrat,system-ui,sans-serif;color:var(--gray);max-width:670px;margin:0 0 17px}
.jhi-profile-copy .jhi-address{margin-bottom:24px}
.jhi-profile-visual{position:relative;min-width:0;padding-right:38px}
.jhi-profile-visual>img{width:100%;height:350px;object-fit:cover;border-radius:16px;box-shadow:0 12px 35px rgba(0,0,0,.07)}
.jhi-profile-highlights{position:absolute;right:0;top:50%;transform:translateY(-50%);background:white;border:1px solid #edf0eb;box-shadow:0 12px 35px rgba(0,0,0,.09);padding:19px;border-radius:14px;width:205px;display:grid;gap:14px}
.jhi-profile-highlights span{font-size:11px;line-height:1.4;font-weight:700;color:var(--ink);padding-left:16px;position:relative}
.jhi-profile-highlights span:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:800}
.jhi-program-home{padding-block:35px!important}
.jhi-program-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.jhi-program-card{background:white;border:1px solid #dfe7e3;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 8px 22px rgba(21,46,37,.035)}
.jhi-program-card>a{display:block;height:155px;overflow:hidden}
.jhi-program-card img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.jhi-program-card:hover img{transform:scale(1.035)}
.jhi-program-card-body{padding:17px 19px;display:flex;flex-direction:column;flex:1}
.jhi-program-card-body h3{font:800 15px/1.35 Montserrat,system-ui,sans-serif;margin:0 0 9px;color:var(--ink)}
.jhi-program-card-body p{font:400 12px/1.7 Montserrat,system-ui,sans-serif;color:var(--gray);margin:0 0 17px;flex:1}
.jhi-program-card-body a{font-size:11px;font-weight:800;color:var(--blue);text-decoration:none}
.jhi-agenda-gallery{padding-block:34px!important}
.jhi-agenda-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.jhi-agenda-gallery-grid .section-top{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:17px}
.jhi-agenda-gallery-grid .section-top h2{font:800 clamp(22px,2vw,28px)/1.23 Montserrat,system-ui,sans-serif;color:var(--ink);margin:9px 0}
.jhi-agenda-gallery-grid .section-top p{font-size:12px;line-height:1.65;margin:0;color:var(--gray)}
.jhi-agenda-list{display:grid;gap:10px}
.jhi-agenda-item{display:flex;align-items:center;gap:10px;background:white;border:1px solid #e3e8e3;border-radius:11px;padding:10px;color:var(--ink);min-width:0}
.jhi-agenda-date{border-radius:9px;background:var(--navy);color:white;display:grid;place-items:center;padding:8px 9px;min-width:64px;flex:none}
.jhi-agenda-date strong{font:800 21px Montserrat,sans-serif}.jhi-agenda-date small{font-size:10px}
.jhi-agenda-desc{display:grid;gap:6px;min-width:0;flex:1}.jhi-agenda-desc strong{font-size:12px;line-height:1.4}.jhi-agenda-desc small{font-size:10px;line-height:1.5;color:var(--gray)}
.jhi-status{font-size:10px;white-space:nowrap;border-radius:20px;padding:5px 8px;background:color-mix(in srgb,var(--blue) 12%,white);color:var(--ink)}
.jhi-album-home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.jhi-album-card{overflow:hidden;min-width:0;border:1px solid #e3e8e3;border-radius:10px;background:white;padding-bottom:12px;display:flex;flex-direction:column;gap:7px}
.jhi-album-card img{width:100%;height:130px;object-fit:cover}.jhi-album-card strong,.jhi-album-card small{margin-inline:10px;display:block}.jhi-album-card strong{font:700 12px/1.4 Montserrat,sans-serif}.jhi-album-card small{font:600 10px Montserrat,sans-serif;color:var(--blue)}
.jhi-public-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.jhi-public-album{border:1px solid #e2e9e4;border-radius:14px;overflow:hidden;background:#fff;display:block;box-shadow:0 8px 26px #142b2010}
.jhi-public-album img{width:100%;height:185px;object-fit:cover}.jhi-public-album>div{padding:18px}.jhi-public-album h3{font:800 16px/1.5 Montserrat,sans-serif;margin:0;color:var(--ink)}.jhi-public-album p{color:var(--gray);font-size:12px}.jhi-public-album span{color:var(--blue);font-size:12px;font-weight:700}
.jhi-gallery-page{font-family:Montserrat,system-ui,sans-serif}.jhi-album-description{margin:18px 0;max-width:850px;font-size:14px;line-height:1.85;color:var(--gray)}.jhi-album-meta{font-size:12px;color:var(--blue)}
.jhi-public-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.jhi-photo-open{border:0;padding:0;background:transparent;cursor:zoom-in;border-radius:10px;overflow:hidden}.jhi-photo-open img{width:100%;aspect-ratio:4/3;object-fit:cover}
.jhi-photo-dialog{width:min(96vw,1050px);max-height:92vh;padding:20px;border:0;border-radius:14px;box-shadow:0 25px 90px #061c2399;text-align:center}.jhi-photo-dialog::backdrop{background:#081818cc}.jhi-photo-dialog>img{max-width:100%;max-height:67vh;object-fit:contain}.jhi-photo-dialog p{font-size:12px}.jhi-photo-close{position:absolute;right:12px;top:5px;font-size:28px;border:0;background:transparent;cursor:pointer}.jhi-photo-controls{display:flex;gap:10px;justify-content:center}.jhi-photo-controls button{padding:9px 15px;border:1px solid #cfd7d1;border-radius:8px;background:#fff;cursor:pointer}
.jhi-activity-report{margin-top:15px;background:color-mix(in srgb,var(--blue) 6%,white);padding:14px;border-radius:10px}.jhi-activity-report h4{font:800 14px Montserrat,sans-serif;margin:0 0 8px}.jhi-activity-albums{display:grid;gap:7px;margin-top:12px}.jhi-archive-card{align-items:flex-start}.jhi-program-public-photo{width:100%;height:150px;object-fit:cover;border-radius:9px;margin-bottom:15px}
@media(max-width:950px){.jhi-profile-home,.jhi-agenda-gallery-grid{grid-template-columns:1fr}.jhi-program-cards,.jhi-public-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jhi-album-card img{height:175px}}
@media(max-width:620px){.jhi-profile-home{padding-block:24px!important}.jhi-profile-copy h2{font-size:26px}.jhi-profile-visual{padding-right:0}.jhi-profile-visual>img{height:245px}.jhi-profile-highlights{position:relative;right:auto;top:auto;transform:none;width:auto;grid-template-columns:repeat(2,1fr);margin:-25px 13px 0}.jhi-program-cards,.jhi-public-album-grid{grid-template-columns:1fr}.jhi-album-home{grid-template-columns:repeat(2,minmax(0,1fr))}.jhi-public-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.jhi-agenda-item{flex-wrap:wrap}.jhi-status{margin-left:auto}.jhi-album-card img{height:110px}}
@media(prefers-reduced-motion:reduce){.jhi-program-card img{transition:none}}


/* Hotfix display untuk program yang belum memiliki foto. */
.jhi-program-card > .jhi-program-placeholder{box-sizing:border-box;display:flex;min-height:155px;height:155px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-decoration:none;text-align:center;background:linear-gradient(120deg,color-mix(in srgb,var(--blue,#0b6b51) 9%,#ffffff),color-mix(in srgb,var(--teal,#0b6b51) 15%,#ffffff));border-bottom:1px solid #e4eae6;color:var(--ink,#20332f)}
.jhi-program-placeholder .jhi-program-placeholder-mark{border:2px solid currentColor;border-radius:7px;width:29px;height:23px;position:relative;opacity:.55}
.jhi-program-placeholder .jhi-program-placeholder-mark:after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:currentColor;margin:5px}
.jhi-program-placeholder small{font:600 12px/1.6 Montserrat,system-ui,sans-serif;color:var(--gray,#53665d)}
.jhi-program-card img,.jhi-album-card img,.jhi-public-album img{display:block;max-width:100%;object-fit:cover}
@media(min-width:951px){.jhi-program-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.jhi-agenda-gallery-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}