/* RC141: Berita Mitra standalone presentation only. M3 family host/editorial CSS moved to channel-editorial.css. */
.pe-home-mitra-slot:has(>.pe-mitra-section){padding-bottom:var(--pe-mitra-section-bottom-d,0)}
.pe-mitra-section{box-sizing:border-box;margin:var(--pe-mitra-section-top-d,0) 0 0;padding:var(--pe-mitra-panel-pad-y-d,22px) var(--pe-mitra-panel-pad-x-d,22px);border:1px solid var(--pe-mitra-panel-border-light,#b8dce5);border-radius:var(--pe-mitra-panel-radius-d,4px);background:var(--pe-mitra-panel-gradient-custom,linear-gradient(120deg,var(--pe-mitra-panel-bg-light,#dff7fb),var(--pe-mitra-panel-bg2-light,#eadfff)));overflow:hidden}
.pe-mitra-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:var(--pe-mitra-header-gap-d,16px)}
.pe-mitra-heading{min-width:0;flex:1}
.pe-mitra-heading h2{margin:0;font-family:var(--pe-font-family);font-size:var(--pe-font-section-desktop);font-weight:var(--pe-font-weight-section-desktop);line-height:var(--pe-mitra-section-line-d,1.2);color:var(--pe-mitra-section-d-light,#173f6b)}
.pe-mitra-title-mobile{display:none}
.pe-mitra-heading .pe-heading-first{color:var(--pe-mitra-section-first-d-light,#174B9B)}
.pe-mitra-heading .pe-heading-rest{color:var(--pe-mitra-section-d-light,#20242a)}
.pe-mitra-rule{position:relative;height:var(--pe-mitra-rule-height,2px);margin-top:8px;background:var(--pe-mitra-rule-light,#d8e2e8)}
.pe-mitra-rule span{display:block;width:var(--pe-mitra-accent-width,72px);height:var(--pe-mitra-accent-height,3px);background:var(--pe-mitra-accent-light,#174B9B)}
.pe-mitra-logo-link{display:block;flex:0 0 auto}
.pe-mitra-logo{display:block;width:auto;max-width:var(--pe-mitra-logo-w-d,82px);height:auto;max-height:var(--pe-mitra-logo-h-d,50px);object-fit:contain}
.pe-mitra-slider{position:relative}
.pe-mitra-viewport{position:relative;overflow:hidden;touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain}
.pe-mitra-track{position:relative;z-index:1;display:flex;width:100%;gap:var(--pe-mitra-card-gap-d,16px);overflow:visible;transform:translate3d(0,0,0);will-change:auto}
.pe-mitra-track.is-ghost{position:absolute;z-index:2;inset:0 auto auto 0;width:100%;pointer-events:none}
.pe-mitra-track.is-dragging,.pe-mitra-section.is-dragging{user-select:none;-webkit-user-select:none}
.pe-mitra-card{flex:0 0 calc((100% - (var(--pe-mitra-card-gap-d,16px) * 2))/3);min-width:0}
.pe-mitra-image-link,.pe-mitra-card-title a{color:inherit;text-decoration:none}
.pe-mitra-image-frame{display:block;position:relative;overflow:hidden;aspect-ratio:var(--pe-mitra-ratio-d,16 / 10);border-radius:var(--pe-image-radius);background:var(--pe-color-media)}
.pe-mitra-image-frame>img,.pe-mitra-image-frame>.pe-latest-img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transform-origin:center center;transition:transform var(--pe-image-zoom-duration) var(--pe-image-motion-ease)!important;will-change:transform}
.pe-mitra-card-title{margin:var(--pe-mitra-image-title-gap-d,8px) 0 0;font-family:var(--pe-font-family);font-size:var(--pe-font-layout-desktop);font-weight:var(--pe-font-weight-layout-desktop);line-height:var(--pe-mitra-headline-line-d,1.35)}
.pe-mitra-card-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--pe-mitra-headline-lines-d,3);overflow:hidden;color:var(--pe-mitra-headline-d-light,#20242a)}
.pe-mitra-card-title a:hover,.pe-mitra-card-title a:focus-visible{color:var(--pe-mitra-headline-hover-d-light,#174B9B)}
.pe-mitra-date{display:block;margin-top:var(--pe-mitra-title-date-gap-d,6px);font-family:var(--pe-font-family);font-size:var(--pe-font-meta-desktop);font-weight:var(--pe-font-weight-meta-desktop);line-height:var(--pe-mitra-date-line-d,1.35);color:var(--pe-mitra-date-d-light,#71808b)}
.pe-mitra-arrow{position:absolute;top:38%;z-index:3;width:var(--pe-mitra-arrow-size,30px);height:var(--pe-mitra-arrow-size,30px);padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--pe-mitra-arrow-bg-light,#174B9B);color:var(--pe-mitra-arrow-text-light,#fff);font-size:var(--pe-font-fixed-icon);line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.14)}
.pe-mitra-prev{left:calc(var(--pe-mitra-arrow-size,30px) / -2)}
.pe-mitra-next{right:calc(var(--pe-mitra-arrow-size,30px) / -2)}
.pe-mitra-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:var(--pe-mitra-dots-top-d,14px)}
.pe-mitra-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--pe-mitra-dot-idle-light,#88d7df);cursor:pointer}
.pe-mitra-dots button.is-active{background:var(--pe-mitra-dot-active-light,#c145db)}
.pe-mitra-arrow svg{width:58%;height:58%;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.pe-mitra-arrow[hidden],.pe-mitra-dots[hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.pe-mitra-section .pe-mitra-card:hover .pe-mitra-image-frame>.pe-latest-img:not(img){transform:scale(var(--pe-image-zoom-scale))}}
@media(max-width:900px){
  .pe-home-mitra-slot:has(>.pe-mitra-section){padding-bottom:var(--pe-mitra-section-bottom-m,0)}
  .pe-mitra-section{margin:var(--pe-mitra-section-top-m,0) 0 0;padding:var(--pe-mitra-panel-pad-y-m,16px) var(--pe-mitra-panel-pad-x-m,16px);border-radius:var(--pe-mitra-panel-radius-m,4px)}
  .pe-mitra-header{margin-bottom:var(--pe-mitra-header-gap-m,12px)}
  .pe-mitra-title-desktop{display:none}.pe-mitra-title-mobile{display:inline}
  .pe-mitra-heading .pe-heading-first{color:var(--pe-mitra-section-first-m-light,#174B9B)}
  .pe-mitra-heading .pe-heading-rest{color:var(--pe-mitra-section-m-light,#20242a)}
  .pe-mitra-heading h2{font-size:var(--pe-font-section-mobile);font-weight:var(--pe-font-weight-section-mobile);line-height:var(--pe-mitra-section-line-m,1.2);color:var(--pe-mitra-section-m-light,#173f6b)}
  .pe-mitra-logo{max-width:var(--pe-mitra-logo-w-m,66px);max-height:var(--pe-mitra-logo-h-m,42px)}
  .pe-mitra-track{gap:var(--pe-mitra-card-gap-m,12px)}
  .pe-mitra-card{flex-basis:100%}
  .pe-mitra-image-frame{aspect-ratio:var(--pe-mitra-ratio-m,16 / 10)}
  .pe-mitra-card-title{margin-top:var(--pe-mitra-image-title-gap-m,8px);font-size:var(--pe-font-layout-mobile);font-weight:var(--pe-font-weight-layout-mobile);line-height:var(--pe-mitra-headline-line-m,1.35)}
  .pe-mitra-card-title a{-webkit-line-clamp:var(--pe-mitra-headline-lines-m,3);color:var(--pe-mitra-headline-m-light,#20242a)}
  .pe-mitra-card-title a:hover,.pe-mitra-card-title a:focus-visible{color:var(--pe-mitra-headline-hover-m-light,#174B9B)}
  .pe-mitra-date{margin-top:var(--pe-mitra-title-date-gap-m,6px);font-size:var(--pe-font-meta-mobile);font-weight:var(--pe-font-weight-meta-mobile);line-height:var(--pe-mitra-date-line-m,1.35);color:var(--pe-mitra-date-m-light,#71808b)}
  .pe-mitra-dots{margin-top:var(--pe-mitra-dots-top-m,12px)}
}
/* Global image zoom remains presentation-only and unchanged. */
.pe-mitra-section .pe-mitra-card:hover .pe-mitra-image-frame>img,.pe-mitra-section .pe-mitra-card:focus-within .pe-mitra-image-frame>img{transform:scale(var(--pe-image-zoom-scale))!important}
@media(prefers-reduced-motion:reduce){
  .pe-mitra-track{transition:none!important}
  .pe-mitra-image-frame>img,.pe-mitra-image-frame>.pe-latest-img,.pe-mitra-section .pe-mitra-card:hover .pe-mitra-image-frame>img,.pe-mitra-section .pe-mitra-card:focus-within .pe-mitra-image-frame>img{transition:none!important;transform:none!important;will-change:auto}
}