/* v7.5: public shell only; existing page content and Admin styles are preserved. */
.site-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle}
.site-person-placeholder .site-icon{width:64px;height:64px}
.site-modern>.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #e2e8e5;backdrop-filter:blur(14px);box-shadow:0 4px 24px #0b3e2410;max-width:100%}
.site-header .container,.site-footer .container{width:min(100%,1200px);max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}
.site-header .site-topbar{background:#0b654b;color:#fff;font-size:12px}
.site-header .site-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.site-topbar-contact{display:flex;align-items:center;gap:24px;min-width:0;flex:1}
.site-topbar-contact>span{display:flex;align-items:center;gap:8px;min-width:0}
.site-topbar-contact>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-topbar-contact .site-icon{width:15px;height:15px}
.site-socials{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none}
.site-social{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;border-radius:10px;color:inherit;transition:background .16s,transform .16s}
.site-social .site-icon{width:17px;height:17px}
.site-social:hover{background:#ffffff20;transform:translateY(-1px)}
.site-header>.container.site-brand-row{display:flex;align-items:center;justify-content:space-between;gap:24px;height:auto;min-height:96px;padding-top:16px;padding-bottom:16px}
.site-brand{display:flex;align-items:center;gap:13px;min-width:0;max-width:48%;color:#183b2e}
.site-brand>img{width:56px;height:56px;object-fit:contain;flex:none;border-radius:0}
.site-brand>span{min-width:0}.site-brand strong{display:block;font-size:21px;line-height:1.25;letter-spacing:-.4px;overflow-wrap:anywhere}
.site-brand small{display:block;font-size:12px;line-height:1.5;color:#66766e;margin-top:5px;max-width:380px}
.site-header-tools{display:flex;align-items:center;gap:10px;flex:none}
.site-report{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:11px 14px;background:#e7f5ee;color:#126747;font-size:12px;font-weight:600}
.site-search{display:flex;align-items:center;border:1px solid #dce5df;background:#f6f8f7;border-radius:999px;width:200px;overflow:hidden;margin:0}
.site-search input{width:100%;min-width:0;background:transparent;border:0;padding:11px 0 11px 16px;font-size:13px;color:#183b2e;box-shadow:none}
.site-search input:focus{outline:none}.site-search:focus-within{outline:2px solid #32956e;outline-offset:2px}
.site-search button,.site-header #themeToggle,.site-header #mobileToggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;border:1px solid #dce5df;border-radius:12px;background:#fff;color:#24523f;padding:0;box-shadow:none}
.site-search button{border:0;background:transparent;flex:none}.site-header #mobileToggle{display:none}
.site-theme-moon{display:none}.dark .site-theme-sun{display:none}.dark .site-theme-moon{display:inline-flex}
.site-desktop-nav{border-top:1px solid #edf0ee;background:#fff}
.site-desktop-nav>.container{min-height:54px;display:flex;align-items:center}
.site-menu{display:flex;align-items:center;gap:5px;list-style:none;margin:0;padding:0;width:100%}
.site-menu>li{position:relative;flex:none}.site-menu a,.site-menu summary{display:flex;align-items:center;gap:7px;padding:11px 13px;min-height:44px;font-size:13px;font-weight:600;border-radius:9px;color:#35483e;cursor:pointer;white-space:nowrap;text-decoration:none;list-style:none}
.site-menu summary::-webkit-details-marker{display:none}.site-menu summary>.site-icon:last-child{width:14px;height:14px;transition:transform .16s}.site-menu-details[open]>summary>.site-icon:last-child{transform:rotate(180deg)}
.site-menu a:hover,.site-menu summary:hover,.site-menu details[open]>summary{background:#eef7f1;color:#10694b}
.site-menu .site-menu-button{background:#126b4e;color:#fff}.site-menu .site-menu-button:hover{background:#0d533d;color:#fff}
.site-submenu{position:absolute;top:calc(100% + 4px);left:0;min-width:235px;max-width:min(340px,calc(100vw - 40px));padding:8px;list-style:none;border:1px solid #dfe8e3;border-radius:14px;background:#fff;box-shadow:0 12px 40px #153c2520;max-height:65vh;overflow:auto;z-index:51}
.site-menu>li:nth-last-child(-n+2) .site-submenu{left:auto;right:0}.site-submenu a,.site-submenu summary{white-space:normal;overflow-wrap:anywhere;font-weight:500}.site-submenu .site-submenu{position:static;border:0;box-shadow:none;min-width:0;margin:0;padding:2px 0 2px 12px;max-height:none;max-width:none;background:transparent}
.site-header #mobileNav{border-top:1px solid #e5ebe7;max-height:calc(100dvh - 144px);overflow-y:auto;overscroll-behavior:contain;background:#fff}
.site-header #mobileNav[hidden]{display:none!important}.site-header #mobileNav nav{padding-top:10px;padding-bottom:14px}
#mobileNav .site-menu{display:block}#mobileNav .site-menu>li{border-bottom:1px solid #edf0ee}#mobileNav .site-menu a,#mobileNav .site-menu summary{white-space:normal;min-height:48px;width:100%;padding:12px;font-size:14px}#mobileNav .site-menu summary span{flex:1}#mobileNav .site-submenu{position:static;border:0;box-shadow:none;min-width:0;max-width:none;padding:0 0 6px 12px;max-height:none;background:transparent}
.site-mobile-report{display:flex;align-items:center;gap:8px;color:#10694b;background:#e7f5ee;padding:12px;border-radius:10px;margin-top:12px;font-size:13px;font-weight:600}
.site-header.site-nav-compact .site-desktop-nav{display:none}.site-header.site-nav-compact #mobileToggle{display:inline-flex}
.site-modern>.site-footer{margin-top:64px;background:#103f30;border:0;color:#edf7f1;border-radius:0}
.site-footer>.container{padding-top:48px;padding-bottom:22px}.site-footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:64px}
.site-footer h2{font-size:17px;line-height:1.4;font-weight:700;margin:0 0 22px;color:#fff}.site-footer h2:after{content:'';display:block;width:34px;height:3px;background:#86cba4;border-radius:3px;margin-top:10px}
.site-footer-brand>a{display:flex;align-items:center;gap:14px;color:#fff}.site-footer-brand img{width:56px;height:56px;object-fit:contain}.site-footer-brand strong{font-size:20px;line-height:1.35}.site-footer-brand p{color:#c3d9cd;font-size:13px;line-height:1.9;margin:18px 0}.site-footer .site-social{border:1px solid #ffffff22;width:40px;height:40px}
.site-visitor dl{margin:0;display:grid;gap:12px}.site-visitor dl>div{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px}.site-visitor dt{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.5;color:#dcebe2}.site-visitor dt .site-icon{color:#9ed9b9;width:16px;height:16px}.site-visitor dd{margin:0;font-size:14px;line-height:1.5;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0}
.site-footer-contact p{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.8;color:#d1e4d8;margin:14px 0;overflow-wrap:anywhere}.site-footer-contact p>.site-icon{margin-top:5px;color:#9ed9b9}.site-footer-contact p a:hover{text-decoration:underline;text-underline-offset:4px}.site-footer-aspirasi{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#dbf0e4;margin-top:10px;text-decoration:underline;text-underline-offset:5px}
.site-footer-bottom{border-top:1px solid #ffffff20;margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;color:#b9d0c3}.site-footer-bottom>div{display:flex;gap:20px}.site-footer-bottom a:hover{color:#fff}
.site-scroll-up{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:14px;background:#13825b;color:#fff;display:flex;align-items:center;justify-content:center;z-index:40;box-shadow:0 4px 16px #0002}.site-scroll-up[hidden]{display:none!important}
.achievement-card{height:100%;min-width:0}.achievement-card>a{flex:none}.achievement-card>a>img{height:auto!important;aspect-ratio:16/9;width:100%;object-fit:cover}.achievement-card .achievement-card-body{display:flex;flex:1;flex-direction:column;padding:20px;gap:9px}.achievement-card-meta{min-height:44px;align-content:flex-start;line-height:1.6}.achievement-card h3{font-size:16px;line-height:1.5;margin:0;min-height:4.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}.achievement-card p{font-size:13px;line-height:1.7;margin:0;min-height:3.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.public-share{margin-top:28px;border-top:1px solid #e2e8e5;padding-top:22px}.public-share>h2{font-size:18px;font-weight:700;margin:0}.public-share>p{font-size:12px;color:#63766a;margin:6px 0 16px}.public-share-buttons,.public-share-dialog-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.public-share-buttons>a,.public-share-buttons>button,.public-share-dialog-actions>a,.public-share-dialog-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:#f7f9f8;border:1px solid #dae5df;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:600;color:#264936;cursor:pointer}.public-share-buttons .site-icon{width:18px;height:18px}.public-share-buttons>a:hover,.public-share-buttons>button:hover{background:#e9f5ed}.public-share-buttons .public-share-whatsapp{color:#fff;background:#15834f;border-color:#15834f}.public-share-buttons .public-share-whatsapp:hover{background:#0d6a3e}.public-share-status{display:block;min-height:20px;margin-top:10px;font-size:12px;color:#146344}
.public-share-dialog{position:fixed;inset:0;margin:auto;width:min(580px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #d8e5dd;border-radius:22px;background:#fff;color:#254535;box-shadow:0 24px 90px #07251650;z-index:80}.public-share-dialog::backdrop{background:#09231977;backdrop-filter:blur(4px)}.public-share-dialog:not([open]){display:none}.public-share-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.public-share-dialog-head h3{font-size:19px;font-weight:700}.public-share-dialog-head button{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#f0f6f2}.public-share-dialog>p{font-size:13px;line-height:1.8;margin:14px 0;color:#63766a}.public-share-dialog>label{display:block;font-size:12px;font-weight:600}.public-share-dialog textarea{display:block;width:100%;margin:8px 0 18px;background:#f7faf8;color:#334c3e;border:1px solid #d8e5dd;border-radius:12px;padding:12px;font-size:12px;line-height:1.7;resize:vertical;min-height:120px}.public-share-dialog-actions [hidden]{display:none!important}.public-share-dialog [data-share-dialog-status]{display:block;font-size:12px;margin-top:14px;min-height:18px}.public-share-dialog-actions button:disabled{opacity:.55;cursor:wait}
.site-header :focus-visible,.site-footer :focus-visible,.public-share :focus-visible{outline:3px solid #80bd9e;outline-offset:3px}
.dark .site-modern>.site-header,.dark .site-desktop-nav,.dark .site-submenu,.dark .site-header #mobileNav{background:#12231c;border-color:#2e4036}.dark .site-brand,.dark .site-menu a,.dark .site-menu summary{color:#e0efe6}.dark .site-brand small{color:#abc4b5}.dark .site-header #themeToggle,.dark .site-header #mobileToggle{background:#182d22;border-color:#365443;color:#d6ebdf}.dark .site-search{background:#1a3025;border-color:#365443}.dark .site-search input,.dark .site-search button{color:#d6ebdf}.dark .site-menu a:hover,.dark .site-menu summary:hover,.dark .site-menu details[open]>summary{background:#20392b;color:#b7e8cc}.dark .public-share-dialog{background:#172b20;border-color:#375644;color:#e0efe6}.dark .public-share-dialog textarea,.dark .public-share-dialog-head button,.dark .public-share-buttons>button,.dark .public-share-buttons>a:not(.public-share-whatsapp),.dark .public-share-dialog-actions>a,.dark .public-share-dialog-actions>button{background:#21392b;border-color:#3c5e49;color:#d1e9dc}.dark .public-share>p,.dark .public-share-dialog>p{color:#b5cabe}.dark .public-share{border-color:#375644}.dark .public-share-status{color:#a7dfbf}
@media(max-width:1100px){.site-report{display:none}.site-footer-grid{gap:32px}.site-brand{max-width:55%}}
@media(max-width:1023px){.site-desktop-nav{display:none}.site-header #mobileToggle{display:inline-flex}.site-header>.container.site-brand-row{min-height:85px}.site-topbar-contact>span:first-child{display:none}.site-footer-grid{grid-template-columns:1fr 1fr}.site-footer-brand{grid-column:1/-1}.site-footer-brand p{max-width:540px}.site-brand{max-width:55%}.site-brand strong{font-size:18px}}
@media(max-width:639px){.site-header .container,.site-footer .container{padding-left:16px;padding-right:16px}.site-header .site-topbar-inner{min-height:34px;gap:8px}.site-topbar-contact{max-width:52%;font-size:10px}.site-topbar-contact>span{gap:5px}.site-topbar-contact .site-icon{width:13px;height:13px}.site-topbar .site-socials{gap:1px}.site-topbar .site-social{min-width:26px;min-height:32px;border-radius:7px}.site-topbar .site-social .site-icon{width:13px;height:13px}.site-header>.container.site-brand-row{gap:12px;padding-top:13px;padding-bottom:13px;min-height:78px;flex-wrap:wrap}.site-brand{max-width:calc(100% - 100px);gap:9px;flex:1}.site-brand>img{width:42px;height:42px}.site-brand strong{font-size:14px;letter-spacing:-.2px}.site-brand small{font-size:10px;margin-top:3px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-header-tools{gap:6px}.site-search{display:none}.site-header #themeToggle,.site-header #mobileToggle{width:40px;height:40px;min-width:40px}.site-header #mobileNav{max-height:calc(100dvh - 112px)}.site-footer>.container{padding-top:36px}.site-footer-grid{grid-template-columns:1fr;gap:32px}.site-footer h2{margin-bottom:18px}.site-footer-brand strong{font-size:19px}.site-footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;line-height:1.8}.site-scroll-up{right:16px;bottom:20px}.achievement-card .achievement-card-body{padding:18px}.public-share-buttons{display:grid;grid-template-columns:1fr 1fr}.public-share-buttons>a,.public-share-buttons>button{padding:10px;font-size:12px}.public-share-dialog{padding:18px}.public-share-dialog-actions>a,.public-share-dialog-actions>button{flex:1 1 44%}}
@media(prefers-reduced-motion:reduce){.site-header *,.site-footer *,.public-share *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Override older generic header rules without changing other page headers. */
.site-modern>.site-header nav ul ul a{display:flex;font-size:13px}
.site-modern>.site-header>.container>.site-brand>img{width:56px;height:56px}
.site-modern>.site-header.site-nav-compact #mobileToggle{display:inline-flex!important}
.site-mobile-search{display:flex;width:100%;margin-bottom:12px}
@media(max-width:639px){.site-modern>.site-header>.container>.site-brand>img{width:42px;height:42px}.site-mobile-search{display:flex}}
.site-modern main .achievement-card h3{line-height:1.5}
.site-modern main .achievement-card p{line-height:1.7}
.site-modern main .achievement-card-meta{height:44px;overflow:hidden;flex-shrink:0}
.site-modern main .achievement-card-meta>span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}