/* PRM Banyuraden public search v2: slim launcher + PRM-style blurred overlay. */
.prm-home-search, .prm-search-sticky, .prm-search-dialog {
  --prm-search-ink: #104522;
  --prm-search-muted: #647568;
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
}
.prm-home-search *, .prm-search-sticky *, .prm-search-dialog *,
.prm-home-search *::before, .prm-search-sticky *::before, .prm-search-dialog *::before {
  box-sizing: border-box;
}
#fProduk .prm-home-search {
  width: min(100%, 570px) !important;
  max-width: 570px !important;
  min-height: 46px !important;
  margin: 5px auto 13px !important;
  padding: 0 !important;
  display: block !important;
  flex: 0 0 100%;
  border: 0 !important;
  border-radius: 15px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.prm-search-launch {
  display: flex !important;
  align-items: center;
  width: 100%;
  min-height: 46px;
  gap: 11px;
  padding: 7px 11px 7px 15px;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(17,91,46,.2) !important;
  border-radius: 15px !important;
  box-shadow: 0 5px 16px rgba(16,69,34,.075);
  color: #516b58 !important;
  font: 650 12px/1.4 'Plus Jakarta Sans', Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-align: left;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.prm-search-launch:hover {
  background: #fff !important;
  border-color: rgba(22,139,45,.48) !important;
  box-shadow: 0 8px 23px rgba(16,69,34,.12);
  transform: translateY(-1px);
}
.prm-search-launch > svg { width: 18px; height: 18px; flex: 0 0 18px; color: #168b2d; }
.prm-search-launch > span:not(.prm-search-launch__arrow) {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prm-search-launch kbd {
  flex: 0 0 auto;
  padding: 4px 6px;
  border: 1px solid #e1ece3;
  border-radius: 7px;
  background: #f4f8f4;
  color: #7b8d80;
  font: 700 10px/1.1 'Plus Jakarta Sans', Arial, sans-serif;
}
.prm-search-launch__arrow {
  display: grid;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  place-items: center;
  border-radius: 9px;
  background: #e9f3eb;
  color: #135e31;
  font-size: 16px;
  font-weight: 750;
}
.prm-search-launch:focus-visible,
.prm-search-panel button:focus-visible,
.prm-search-panel a:focus-visible {
  outline: 3px solid rgba(22,139,45,.4) !important;
  outline-offset: 2px;
}
.prm-search-sticky[hidden], .prm-search-dialog[hidden], .prm-search-panel__clear[hidden], .prm-search-panel__archive[hidden] { display: none !important; }
.prm-search-sticky {
  position: fixed;
  top: calc(var(--prm-search-sticky-top, 0px) + 7px);
  right: 18px;
  width: min(240px, calc(100vw - 30px));
  z-index: 900;
  animation: prmSearchCompactIn .22s cubic-bezier(.16,.8,.24,1) both;
}
.prm-search-launch--sticky {
  min-height: 38px;
  height: 38px;
  padding: 5px 7px 5px 12px;
  gap: 8px;
  border-radius: 12px !important;
  font-size: 11px !important;
  box-shadow: 0 6px 20px rgba(8,43,21,.17);
}
.prm-search-launch--sticky > svg { width: 16px; height: 16px; flex-basis: 16px; }
.prm-search-launch--sticky .prm-search-launch__arrow { width: 24px; height: 24px; flex-basis: 24px; }
@keyframes prmSearchCompactIn { from {opacity:0;translate:0 -9px} to {opacity:1;translate:0 0} }
/* Match PRM shell's established sequential first-load motion. */
@media (max-width:680px) {
  html.prm-mobile-motion-pending #prmHomeSearch { visibility: hidden; opacity: 0; }
  body.prm-mobile-intro-running #prmHomeSearch {
    animation: prmMobileIntroEnter 310ms cubic-bezier(.16,.8,.24,1) 610ms both !important;
  }
}
@media (min-width:681px) {
  html.prm-desktop-motion-pending #prmHomeSearch { visibility: hidden; opacity: 0; }
  body.prm-desktop-home-entered #prmHomeSearch {
    animation: prmDesktopShellIn .46s cubic-bezier(.16,.8,.24,1) 120ms both;
  }
}
.prm-search-dialog {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: start center;
  padding: min(13dvh, 115px) 18px 20px;
  color: #183522;
}
.prm-search-dialog__scrim {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0 !important;
  background: rgba(8,28,17,.48) !important;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  cursor: default;
  animation: prmSearchDimIn .22s ease-out both;
}
.prm-search-panel {
  position: relative;
  width: min(100%, 690px);
  max-height: calc(100dvh - min(13dvh, 115px) - 24px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d2e3d7;
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 26px 90px rgba(0,0,0,.25);
  animation: prmSearchDialogIn .27s cubic-bezier(.16,.9,.24,1) both;
}
.prm-search-panel__header {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 21px 22px 0;
}
.prm-search-panel__icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border: 1px solid #cfe6d5;
  border-radius: 13px;
  background: #e8f4eb;
  color: #147337;
}
.prm-search-panel__icon svg { width: 20px; height: 20px; }
.prm-search-panel__header > div { flex: 1; min-width: 0; }
.prm-search-panel__header small {
  display: block;
  margin-bottom: 3px;
  color: #548564;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .09em;
}
.prm-search-panel__header h2 {
  margin: 0 !important;
  color: #104522 !important;
  font: 850 20px/1.25 'Plus Jakarta Sans', Arial, sans-serif !important;
}
.prm-search-panel__close {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #e0e9e2 !important;
  border-radius: 11px;
  background: #f7faf7 !important;
  color: #486652 !important;
  cursor: pointer;
}
.prm-search-panel__close svg { width: 18px; height: 18px; }
.prm-search-panel__description {
  margin: 9px 22px 16px !important;
  color: #647568 !important;
  font: 600 12px/1.5 'Plus Jakarta Sans', Arial, sans-serif !important;
}
.prm-search-panel__form {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  margin: 0 22px;
  padding: 6px 7px 6px 14px;
  border: 1px solid #bedac7;
  border-radius: 14px;
  background: #f7faf7;
  transition: box-shadow .18s ease, border-color .18s ease;
}
.prm-search-panel__form:focus-within {border-color:#168b2d;box-shadow:0 0 0 3px rgba(22,139,45,.12);}
.prm-search-panel__form > svg { width: 20px; height: 20px; flex: 0 0 20px; color: #168b2d; }
.prm-search-panel__form input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 34px;
  height: 34px;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #173821 !important;
  font: 650 13px/1.4 'Plus Jakarta Sans', Arial, sans-serif !important;
}
.prm-search-panel__form input::placeholder { color: #849387; opacity: 1; }
.prm-search-panel__clear {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  height: 28px;
  width: 28px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px;
  background: #e7eee9 !important;
  color: #4e6f58 !important;
  font-size: 20px;
  cursor: pointer;
}
.prm-search-panel__submit {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border: 0 !important;
  border-radius: 10px;
  background: #156d39 !important;
  color: #fff !important;
  cursor: pointer;
}
.prm-search-panel__submit svg { width: 18px; height: 18px; }
.prm-search-panel__filters {
  display: flex;
  flex: 0 0 auto;
  gap: 7px;
  margin: 14px 22px 0;
  padding: 2px 1px 7px;
  overflow-x: auto;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}
.prm-search-panel__filters::-webkit-scrollbar { display: none; }
.prm-search-panel__filters button {
  flex: 0 0 auto;
  padding: 8px 12px !important;
  min-height: 33px;
  border: 1px solid #d9e8dd !important;
  border-radius: 999px !important;
  background: #f5f9f5 !important;
  color: #467253 !important;
  font: 750 11px/1.2 'Plus Jakarta Sans', Arial, sans-serif !important;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease;
}
.prm-search-panel__filters button:hover {background:#eaf4ec !important;border-color:#b8d9c1 !important;}
.prm-search-panel__filters button.is-active {
  border-color: #145a31 !important;
  background: #145a31 !important;
  color: #fff !important;
}
.prm-search-panel__main {padding: 4px 16px 12px; overflow: auto; min-height: 75px; overscroll-behavior: contain;}
.prm-search-panel__status {
  margin: 6px 7px 10px !important;
  color: #68766c !important;
  font: 700 11px/1.5 'Plus Jakarta Sans', Arial, sans-serif !important;
}
.prm-search-panel__list { margin: 0 !important; padding: 0 !important; list-style: none !important; display: grid; gap: 3px; }
.prm-search-panel__list li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.prm-search-panel__result {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 8px;
  border-radius: 12px;
  text-decoration: none !important;
  color: #163e24 !important;
  transition: background .15s ease;
}
.prm-search-panel__result:hover, .prm-search-panel__result:focus-visible {background:#f0f7f1;}
.prm-search-panel__type {
  display: grid;
  flex: 0 0 65px;
  place-items: center;
  padding: 5px 4px;
  border-radius: 8px;
  background: #e9f4ec;
  color: #236b3c;
  font-size: 10px;
  font-weight: 800;
}
.prm-search-panel__copy {display:grid;flex:1;min-width:0;gap:4px;}
.prm-search-panel__copy strong {font-size:12px;line-height:1.35;font-weight:800;overflow-wrap:anywhere;}
.prm-search-panel__copy small {font-size:11px;line-height:1.4;color:#647568;}
.prm-search-panel__result > svg {width:16px;height:16px;flex:0 0 16px;color:#168b2d;}
.prm-search-panel__archive {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  padding: 11px 12px;
  margin: 7px 0 0;
  border-radius: 10px;
  background: #f1f7f2;
  color: #155b2e !important;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none !important;
}
.prm-search-panel__archive:hover {background:#e5f0e7;}
.prm-search-panel__foot {
  padding: 11px 22px 14px;
  border-top: 1px solid #e9f0ea;
  color: #7a887d;
  font-size: 10px;
  font-weight: 650;
}
body.prm-search-dialog-open {overflow:hidden !important;}
body.prm-search-dialog-open #main-scroll-container {overflow:hidden !important;}
body.prm-search-dialog-open .prm-search-sticky {visibility:hidden;pointer-events:none;}
@keyframes prmSearchDimIn {from{opacity:0}to{opacity:1}}
@keyframes prmSearchDialogIn {from{opacity:0;transform:translateY(13px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:680px) {
  #fProduk .prm-home-search {
    width: min(100%, 490px) !important;
    min-height: 44px !important;
    margin: 6px auto 12px !important;
  }
  .prm-search-launch {min-height:44px;padding:6px 9px 6px 13px;font-size:11px !important;gap:9px;}
  .prm-search-launch kbd {display:none;}
  .prm-search-sticky {right:10px;width:190px;}
  .prm-search-launch--sticky {min-height:36px;height:36px;font-size:10px !important;padding-left:10px;}
  .prm-search-dialog {padding: max(50px, 10dvh) 12px 12px;}
  .prm-search-panel {border-radius:20px;max-height:calc(100dvh - max(50px, 10dvh) - 12px);}
  .prm-search-panel__header {padding:17px 15px 0;}
  .prm-search-panel__header h2 {font-size:18px !important;}
  .prm-search-panel__description {margin:8px 15px 13px !important;font-size:11px !important;}
  .prm-search-panel__form {margin:0 15px;min-height:48px;gap:8px;}
  .prm-search-panel__form input {font-size:16px !important;}
  .prm-search-panel__filters {margin:12px 15px 0;}
  .prm-search-panel__filters::-webkit-scrollbar { display: none; }
.prm-search-panel__filters button {font-size:10px !important;padding:7px 11px !important;min-height:31px;}
  .prm-search-panel__main {padding:2px 9px 9px;}
  .prm-search-panel__foot {padding:10px 15px 12px;font-size:9px;}
  .prm-search-panel__type {flex-basis:58px;font-size:9px;}
  .prm-search-panel__result {gap:8px;padding:9px 7px;}
}
@media (prefers-reduced-motion:reduce) {
  #prmHomeSearch,.prm-search-sticky,.prm-search-dialog__scrim,.prm-search-panel {animation:none !important;opacity:1 !important;visibility:visible !important;}
  .prm-search-launch,.prm-search-panel__filters button,.prm-search-panel__form {transition:none !important;}
  .prm-search-launch:hover {transform:none;}
}


.prm-search-dialog.is-closing .prm-search-dialog__scrim{animation:prmSearchDimOut .19s ease-in both}
.prm-search-dialog.is-closing .prm-search-panel{animation:prmSearchDialogOut .19s ease-in both}
@keyframes prmSearchDimOut{to{opacity:0}}
@keyframes prmSearchDialogOut{to{opacity:0;transform:translateY(8px) scale(.985)}}
#prmHomeV2 .prm-h2-head__directory-actions{display:flex;align-items:center;gap:7px;margin:0 0 0 auto;flex:0 0 auto;min-width:0}
#prmHomeV2 .prm-h2-head__directory-actions .prm-h2-news-all--head{margin-left:0}
#prmHomeV2 .prm-h2-directory-link{display:inline-grid;place-items:center;flex:0 0 37px;width:37px;height:38px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.11);color:#f7e5b7;text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}
#prmHomeV2 .prm-h2-directory-link svg{width:18px;height:18px;transition:transform .2s ease}
#prmHomeV2 .prm-h2-directory-link:hover,#prmHomeV2 .prm-h2-directory-link:focus-visible{background:#fff;color:#125f35;border-color:#c5ddcc;transform:translateY(-2px)}
#prmHomeV2 .prm-h2-directory-link:hover svg{transform:scale(1.06)}
#prmHomeV2 .prm-h2-head__controls > .prm-h2-directory-link{margin-left:3px}
#prmHomeV2 .prm-h2-popular > .prm-h2-head > .prm-h2-directory-link{margin-left:auto}
@media(max-width:680px){
 #prmHomeV2 .prm-h2-head__directory-actions{gap:5px}
 #prmHomeV2 .prm-h2-directory-link{width:36px;height:38px;flex-basis:36px;border-radius:11px}
 #prmHomeV2 .prm-h2-head__directory-actions .prm-h2-news-all--head{min-width:75px;width:75px;flex-basis:75px}
 #prmHomeV2 .prm-h2-head__controls > .prm-h2-directory-link{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
 .prm-search-dialog.is-closing .prm-search-dialog__scrim,.prm-search-dialog.is-closing .prm-search-panel{animation:none!important}
 #prmHomeV2 .prm-h2-directory-link,#prmHomeV2 .prm-h2-directory-link svg{transition:none!important}
}


/* UX polish V4: motion linked to PRM color, never instant jump. */
.prm-search-panel__filters{position:relative;isolation:isolate}
.prm-search-panel__pill-indicator{
  position:absolute;left:0;top:2px;height:33px;width:0;border-radius:999px;
  background:#145a31;pointer-events:none;z-index:-1;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),width .25s cubic-bezier(.2,.8,.2,1);
}
.prm-search-panel__filters button.is-active{background:transparent!important;border-color:transparent!important;color:#fff!important}
.prm-search-panel__filters button{position:relative;z-index:1;transition:color .23s ease,border-color .23s ease,background .23s ease!important}
.prm-search-panel__animated-result{animation:prmSearchResultIn .27s cubic-bezier(.18,.82,.2,1) both;animation-delay:calc(var(--result-index,0)*26ms)}
.prm-search-panel__status{transition:opacity .18s ease}
@keyframes prmSearchResultIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.prm-search-panel__form .prm-search-panel__clear{
  flex:0 0 0px;width:0;height:30px;min-width:0;margin:0;padding:0!important;
  overflow:hidden;opacity:0;transform:scale(.72);pointer-events:none;visibility:hidden;
  border:1px solid transparent!important;border-radius:10px!important;
  background:#e8f2ea!important;color:#246c41!important;
  font:800 19px/1 'Plus Jakarta Sans',Arial,sans-serif!important;
  transition:flex-basis .2s ease,width .2s ease,opacity .17s ease,transform .2s ease,visibility 0s linear .2s;
}
.prm-search-panel__form .prm-search-panel__clear.is-visible{
  flex-basis:30px;width:30px;opacity:1;transform:scale(1);
  visibility:visible;pointer-events:auto;border-color:#d1e6d7!important;
  transition:flex-basis .2s ease,width .2s ease,opacity .17s ease,transform .2s ease,visibility 0s;
}
.prm-search-panel__form .prm-search-panel__clear.is-visible:hover{background:#d9ebdf!important;color:#115c2c!important}
.prm-search-sticky{width:min(285px,calc(100vw - 32px));opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-9px) scale(.97);animation:none!important;
 transition:opacity .24s ease,transform .26s cubic-bezier(.18,.82,.2,1),visibility 0s linear .26s}
.prm-search-sticky.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .24s ease,transform .26s cubic-bezier(.18,.82,.2,1),visibility 0s}
.prm-search-launch--sticky{height:42px;min-height:42px;font-size:12px!important}
#prmHomeV2 .prm-h2-directory-link{
  background:#fff9ec!important;color:#145b32!important;border:1px solid #d8d9a8!important;
  box-shadow:0 2px 7px rgba(0,0,0,.08)!important;
}
#prmHomeV2 .prm-h2-directory-link svg rect,
#prmHomeV2 .prm-h2-directory-link svg path{stroke:#145b32!important;opacity:1!important}
#prmHomeV2 .prm-h2-directory-link:hover{background:#e7f5e9!important;transform:translateY(-2px)}
@media(max-width:680px){
  .prm-search-sticky{width:min(218px,calc(100vw - 24px))}
  .prm-search-launch--sticky{height:40px;min-height:40px;font-size:11px!important}
  .prm-search-panel__pill-indicator{height:31px}
}
@media(prefers-reduced-motion:reduce){
 .prm-search-panel__pill-indicator,.prm-search-panel__filters button,.prm-search-panel__form .prm-search-panel__clear,.prm-search-sticky{transition:none!important}
 .prm-search-panel__animated-result{animation:none!important}
}


/* UX V5: mobile headline follows search, including entrance order. */
@media (max-width:680px) {
 #fProduk .prm-digitalization-statement--mobile {
   flex:0 0 100%;width:100%;max-width:100%;
   margin:0 auto 8px;padding:3px 10px 5px;
 }
 body.prm-mobile-intro-running #prmHomeSearch {animation-delay:565ms!important}
 #prmHomeSearchSticky.prm-search-sticky {
   top:9px!important;right:10px;
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls{
   display:flex;flex-wrap:nowrap;align-items:center;gap:7px;
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-directory-link{
   order:-1;flex:0 0 38px;width:38px;height:42px;margin:0!important;
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls .prm-h2-content-tabs{
   width:auto!important;flex:1 1 0!important;min-width:0;
   grid-template-columns:repeat(2,minmax(0,1fr));
 }
}
#prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-directory-link{
 order:-1;margin-left:0!important;margin-right:7px;
}
@media(prefers-reduced-motion:reduce){
 body.prm-mobile-intro-running #prmHomeSearch {animation:none!important}
}


/* UX V6: desktop header-integrated search next to Login; mobile reading toolbar. */
@media(min-width:681px){
  #prmHomeSearchSticky.prm-search-sticky{
    top:var(--prm-search-desktop-top,12px)!important;
    right:var(--prm-search-desktop-right,112px)!important;
    width:var(--prm-search-desktop-width,295px)!important;
    height:var(--prm-search-desktop-height,38px)!important;
    transform:translateX(12px) scale(.975);
    transform-origin:right center;
    z-index:910;
  }
  #prmHomeSearchSticky.prm-search-sticky.is-visible{
    transform:translateX(0) scale(1);
  }
  #prmHomeSearchSticky .prm-search-launch--sticky{
    height:100%!important;min-height:0!important;
    border-radius:12px!important;
    box-shadow:0 2px 8px rgba(8,43,21,.08)!important;
  }
}
@media(max-width:680px){
  #prmHomeSearchSticky.prm-search-sticky{
    position:fixed!important;
    top:0!important;right:0!important;left:0!important;
    width:100%!important;height:61px!important;
    padding:8px 12px 10px!important;
    border-bottom:1px solid rgba(19,76,41,.16);
    border-radius:0!important;
    background:rgba(248,252,246,.95)!important;
    -webkit-backdrop-filter:blur(15px) saturate(110%);
    backdrop-filter:blur(15px) saturate(110%);
    box-shadow:0 8px 19px rgba(7,45,23,.10);
    transform:translateY(-14px);
    z-index:910;
  }
  #prmHomeSearchSticky.prm-search-sticky.is-visible{
    transform:translateY(0);
  }
  #prmHomeSearchSticky .prm-search-launch--sticky{
    width:100%!important;height:42px!important;min-height:42px!important;
    border-radius:12px!important;
    box-shadow:0 2px 8px rgba(8,43,21,.06)!important;
  }
  /* Visual viewport is what remains after mobile keyboard and browser chrome. */
  #prmSearchDialog.prm-search-dialog{
    top:var(--prm-visible-top,0px)!important;
    bottom:auto!important;left:0;right:0;
    height:var(--prm-visible-height,100dvh)!important;
    min-height:0!important;
    padding:clamp(14px,6dvh,45px) 12px 10px!important;
    align-content:start;
    overflow:hidden;
  }
  #prmSearchDialog .prm-search-panel{
    max-height:calc(var(--prm-visible-height,100dvh) - clamp(14px,6dvh,45px) - 12px)!important;
    min-height:0;
  }
  #prmSearchDialog.has-keyboard{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  #prmSearchDialog.has-keyboard .prm-search-panel{
    max-height:calc(var(--prm-visible-height,100dvh) - 16px)!important;
  }
  #prmSearchDialog .prm-search-panel__main{
    min-height:0;
    flex:1 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}
#prmHomeV2 .prm-h2-directory-link{
  aspect-ratio:1 / 1!important;
  width:38px!important;height:38px!important;
  min-width:38px!important;min-height:38px!important;
  flex:0 0 38px!important;
  align-self:center;justify-self:center;
  padding:0!important;box-sizing:border-box!important;
}
#prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-directory-link{
  width:38px!important;height:38px!important;
  flex:0 0 38px!important;
}
@media(prefers-reduced-motion:reduce){
  #prmHomeSearchSticky.prm-search-sticky,
  #prmHomeSearchSticky.prm-search-sticky.is-visible{transition:none!important;transform:none!important}
}


/* V7 mobile: an inset PRM card, not an edge-to-edge toolbar. */
@media(max-width:680px){
  #prmHomeSearchSticky.prm-search-sticky{
    position:fixed!important;
    top:9px!important;
    left:16px!important;
    right:16px!important;
    width:calc(100% - 32px)!important;
    height:55px!important;
    padding:5px!important;
    border:1px solid rgba(195,218,200,.96)!important;
    border-radius:18px!important;
    background:rgba(255,253,247,.97)!important;
    box-shadow:0 9px 26px rgba(5,40,21,.16)!important;
    backdrop-filter:blur(14px) saturate(110%);
    -webkit-backdrop-filter:blur(14px) saturate(110%);
    transform:translateY(-12px) scale(.97);
    transform-origin:top center;
  }
  #prmHomeSearchSticky.prm-search-sticky.is-visible{
    transform:translateY(0) scale(1);
  }
  #prmHomeSearchSticky .prm-search-launch--sticky{
    width:100%!important;
    height:43px!important;
    min-height:43px!important;
    padding:4px 7px 4px 12px!important;
    border-radius:13px!important;
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  /* Keep scrolled-to PRM controls below the reading search card. */
  body.prm-mobile-reading #main-scroll-container{
    scroll-padding-top:78px!important;
  }
  body.prm-mobile-reading #prmHomeV2 .prm-h2-head,
  body.prm-mobile-reading #prmHomeV2 [data-reveal]{
    scroll-margin-top:78px;
  }
}
@media(max-width:355px){
  #prmHomeSearchSticky.prm-search-sticky{
    left:12px!important;
    right:12px!important;
    width:calc(100% - 24px)!important;
    height:51px!important;
    border-radius:15px!important;
  }
  #prmHomeSearchSticky .prm-search-launch--sticky{
    height:39px!important;
    min-height:39px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #prmHomeSearchSticky.prm-search-sticky,
  #prmHomeSearchSticky.prm-search-sticky.is-visible{
    transition:none!important;
  }
}

/* Keep the reading surface below the inset search so controls never pass behind it. */
@media(max-width:680px){
  #main-scroll-container{transition:margin-top .23s cubic-bezier(.18,.82,.2,1)}
  body.prm-mobile-reading #main-scroll-container{
    margin-top:72px!important;
    scroll-padding-top:12px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #main-scroll-container{transition:none!important}
}


/* Desktop PRM Fullscreen control is immediately to the right of Login. */
@media(min-width:681px){
 .prm-mobile-masthead{grid-template-columns:58px minmax(0,1fr) auto var(--prm-home-fs-side,48px)!important;gap:10px!important}
 #prmHomeFullscreen.prm-home-fullscreen{
  position:relative;display:grid!important;grid-column:4;grid-row:1;place-items:center;
  width:var(--prm-home-fs-side,48px);height:var(--prm-home-fs-side,48px);padding:0;
  border:1px solid rgba(255,255,255,.9);border-radius:15px;background:rgba(255,255,255,.72);
  color:#104522;box-shadow:0 10px 26px rgba(20,68,39,.08),inset 0 0 0 1px rgba(20,83,45,.07);
  cursor:pointer;backdrop-filter:blur(12px) saturate(112%);
  transition:border-color .18s ease,background .18s ease,box-shadow .2s ease,transform .2s cubic-bezier(.16,.8,.24,1)
 }
 #prmHomeFullscreen:hover{border-color:#a9cdb2!important;background:#f8fcf9!important;transform:translateY(-2px)}
 #prmHomeFullscreen:focus-visible{outline:3px solid #60a97a;outline-offset:2px}
 #prmHomeFullscreen svg{position:absolute;width:21px;height:21px;pointer-events:none;transition:opacity .25s ease,transform .3s cubic-bezier(.16,.8,.24,1)}
 #prmHomeFullscreen .prm-home-fullscreen__expand{opacity:1;transform:rotate(0) scale(1)}
 #prmHomeFullscreen .prm-home-fullscreen__shrink{opacity:0;transform:rotate(75deg) scale(.65)}
 #prmHomeFullscreen.is-fullscreen .prm-home-fullscreen__expand{opacity:0;transform:rotate(-75deg) scale(.65)}
 #prmHomeFullscreen.is-fullscreen .prm-home-fullscreen__shrink{opacity:1;transform:rotate(0) scale(1)}
 #prmHomeFullscreen[hidden]{display:none!important}
}
@media(max-width:680px){#prmHomeFullscreen{display:none!important}}

/* V11: use the established PRM horizontal button composition, not inline-grid. */
#prmHomeV2 .prm-h2-directory-link__label{display:inline!important;font:800 10px/1 'Plus Jakarta Sans',Arial,sans-serif;white-space:nowrap}
#prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-directory-link{
 display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:118px!important;height:50px!important;min-height:50px!important;
 aspect-ratio:auto!important;box-sizing:border-box!important;gap:8px;padding:0 12px!important;margin:0 8px 0 0!important;
 border-radius:13px!important;white-space:nowrap
}
#prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-directory-link svg,
#prmHomeV2 .prm-h2-news .prm-h2-directory-link svg{
 display:block!important;width:18px!important;height:18px!important;flex:0 0 18px
}
#prmHomeV2 .prm-h2-news .prm-h2-head__directory-actions > .prm-h2-directory-link{
 display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:112px!important;height:40px!important;min-height:40px!important;
 aspect-ratio:auto!important;box-sizing:border-box!important;gap:7px;padding:0 10px!important;
 border-radius:12px!important;white-space:nowrap
}
@media(max-width:680px){
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls{
   display:grid!important;grid-template-columns:minmax(0,1fr) 82px;grid-template-rows:50px auto;
   align-items:center;gap:7px!important
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-directory-link{
   grid-column:1/-1;grid-row:1;justify-self:start;margin:0!important;min-width:112px!important
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls .prm-h2-content-tabs{
   grid-column:1;grid-row:2;width:100%!important;min-width:0;flex:none!important
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls .prm-h2-layout{
   grid-column:2;grid-row:2;justify-self:end
 }
 #prmHomeV2 .prm-h2-news .prm-h2-head__directory-actions{gap:6px;flex-wrap:nowrap}
 #prmHomeV2 .prm-h2-news .prm-h2-head__directory-actions > .prm-h2-directory-link{
   min-width:101px!important;padding:0 8px!important
 }
}
@media(prefers-reduced-motion:reduce){#prmHomeFullscreen,#prmHomeFullscreen svg{transition:none!important}}


/* V12: on mobile Tabel and Unggulan/Terbaru must share one horizontal row. */
#prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-directory-link{
 min-width:85px!important;width:85px!important;height:50px!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:7px!important;flex:0 0 85px!important;padding:0 9px!important;
}
@media(max-width:680px){
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls{
   display:grid!important;grid-template-columns:85px minmax(0,1fr) 76px!important;
   grid-template-rows:50px!important;gap:6px!important;align-items:center;
   width:100%;min-width:0
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-directory-link{
   grid-column:1;grid-row:1;justify-self:start;margin:0!important
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls .prm-h2-content-tabs{
   grid-column:2;grid-row:1;width:100%!important;min-width:0!important;
   height:50px!important;flex:none!important;gap:2px
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls .prm-h2-layout{
   grid-column:3;grid-row:1;width:76px;min-width:0;justify-self:end
 }
 #prmHomeV2 .prm-h2-news .prm-h2-head__directory-actions .prm-h2-news-all--head{
   display:inline-flex!important;align-items:center!important;justify-content:center!important;
   width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;
   flex:0 0 40px!important;padding:0!important;aspect-ratio:1 / 1!important
 }
 #prmHomeV2 .prm-h2-news .prm-h2-news-all--head .prm-h2-news-all__desktop,
 #prmHomeV2 .prm-h2-news .prm-h2-news-all--head .prm-h2-news-all__mobile{
   display:none!important
 }
 #prmHomeV2 .prm-h2-news .prm-h2-news-all--head svg{
   display:block!important;width:17px!important;height:17px!important;flex:0 0 17px!important
 }
}
@media(max-width:360px){
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls{
   grid-template-columns:79px minmax(0,1fr)!important;
   grid-template-rows:50px 38px!important
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-directory-link{
   min-width:79px!important;width:79px!important;flex-basis:79px!important
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls .prm-h2-layout{
   grid-column:2;grid-row:2;justify-self:end;width:76px
 }
}


/* V13: desktop has the full action label; mobile's compact action is text Tabel.
   Keep the three public controls in one right-aligned row, not stretched left. */
@media(min-width:681px){
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-directory-link{
  min-width:118px!important;width:auto!important;flex:0 0 auto!important;
  padding:0 12px!important;gap:8px!important
 }
}
@media(max-width:680px){
 #prmHomeV2 .prm-h2-latest .prm-h2-directory-link__desktop-word{display:none!important}
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:flex-end!important;
  margin:0!important;padding:0!important;gap:6px!important;
  width:100%!important;min-width:0!important
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-directory-link{
  display:inline-flex!important;flex:0 0 83px!important;
  width:83px!important;min-width:83px!important;height:50px!important;
  min-height:50px!important;margin:0!important;padding:0 8px!important;
  gap:6px!important;align-items:center!important;justify-content:center!important;
  align-self:auto!important
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-content-tabs{
  display:grid!important;flex:0 1 220px!important;
  width:220px!important;max-width:220px!important;min-width:0!important;
  height:50px!important;min-height:50px!important;
  margin:0!important;align-self:center!important
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-layout{
  display:none!important
 }
}
@media(max-width:360px){
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls{
  display:flex!important;justify-content:flex-end!important;
  flex-wrap:nowrap!important;gap:5px!important
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-directory-link{
  flex:0 0 76px!important;width:76px!important;min-width:76px!important;
  padding:0 6px!important;gap:5px!important
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > .prm-h2-content-tabs{
  flex:0 1 204px!important;width:204px!important;max-width:204px!important;
  min-width:0!important
 }
}


/* V14: table links are deliberately raised, visibly interactive PRM buttons.
   Persistent affordance must not rely on hover (touch devices do not hover). */
#prmHomeV2 .prm-h2-latest .prm-h2-head__controls > a.prm-h2-directory-link,
#prmHomeV2 .prm-h2-popular > .prm-h2-head > a.prm-h2-directory-link--popular{
  position:relative;
  box-sizing:border-box;
  cursor:pointer!important;
  -webkit-tap-highlight-color:rgba(30,119,64,.19);
  touch-action:manipulation;
  border:1px solid #8ebca0!important;
  background:#fff8e8!important;
  color:#104f2d!important;
  box-shadow:0 3px 0 #93bba0,0 7px 16px rgba(3,32,18,.17)!important;
  transition:background-color .18s ease,border-color .18s ease,
    box-shadow .2s ease,transform .2s cubic-bezier(.2,.8,.2,1)!important;
}
#prmHomeV2 .prm-h2-latest .prm-h2-head__controls > a.prm-h2-directory-link svg,
#prmHomeV2 .prm-h2-popular > .prm-h2-head > a.prm-h2-directory-link--popular svg{
  transition:transform .2s cubic-bezier(.2,.8,.2,1)!important;
}
#prmHomeV2 .prm-h2-popular > .prm-h2-head > a.prm-h2-directory-link--popular{
  border-color:#82b795!important;
  box-shadow:0 3px 0 #79a98b,0 6px 15px rgba(0,0,0,.19)!important;
}
@media(hover:hover) and (pointer:fine){
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > a.prm-h2-directory-link:hover,
 #prmHomeV2 .prm-h2-popular > .prm-h2-head > a.prm-h2-directory-link--popular:hover{
   background:#e7f5e9!important;
   border-color:#41875b!important;
   box-shadow:0 5px 0 #6da583,0 10px 22px rgba(0,40,18,.23)!important;
   transform:translateY(-2px)!important;
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > a.prm-h2-directory-link:hover svg,
 #prmHomeV2 .prm-h2-popular > .prm-h2-head > a.prm-h2-directory-link--popular:hover svg{
   transform:translateX(2px) scale(1.07)!important;
 }
}
#prmHomeV2 .prm-h2-latest .prm-h2-head__controls > a.prm-h2-directory-link:focus-visible,
#prmHomeV2 .prm-h2-popular > .prm-h2-head > a.prm-h2-directory-link--popular:focus-visible{
  outline:3px solid #f5ce60!important;
  outline-offset:3px!important;
  box-shadow:0 3px 0 #57946c,0 0 0 5px rgba(245,206,96,.18)!important;
}
#prmHomeV2 .prm-h2-latest .prm-h2-head__controls > a.prm-h2-directory-link:active,
#prmHomeV2 .prm-h2-popular > .prm-h2-head > a.prm-h2-directory-link--popular:active{
  background:#d2ebd8!important;
  border-color:#34794e!important;
  transform:translateY(2px) scale(.985)!important;
  box-shadow:0 1px 0 #759f81,0 3px 7px rgba(5,43,23,.13)!important;
}
@media(prefers-reduced-motion:reduce){
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > a.prm-h2-directory-link,
 #prmHomeV2 .prm-h2-popular > .prm-h2-head > a.prm-h2-directory-link--popular,
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > a.prm-h2-directory-link svg,
 #prmHomeV2 .prm-h2-popular > .prm-h2-head > a.prm-h2-directory-link--popular svg{
   transition:none!important;
 }
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > a.prm-h2-directory-link:hover,
 #prmHomeV2 .prm-h2-popular > .prm-h2-head > a.prm-h2-directory-link--popular:hover,
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > a.prm-h2-directory-link:active,
 #prmHomeV2 .prm-h2-popular > .prm-h2-head > a.prm-h2-directory-link--popular:active,
 #prmHomeV2 .prm-h2-latest .prm-h2-head__controls > a.prm-h2-directory-link:hover svg,
 #prmHomeV2 .prm-h2-popular > .prm-h2-head > a.prm-h2-directory-link--popular:hover svg{
   transform:none!important;
 }
}