/* ============================================================
   PENJABARAN TIAP LAYANAN — daftar rincian yang dibuka saat diklik
   ============================================================ */
.svc .rinci{ margin-top:16px; border-top:1px solid var(--line); padding-top:12px }
.svc .rinci summary{
  list-style:none; cursor:pointer; display:flex; align-items:center; gap:8px;
  font:700 11px "Chakra Petch","Archivo",sans-serif; letter-spacing:.18em; text-transform:uppercase;
  color:var(--cy); transition:color .2s ease;
}
.svc .rinci summary::-webkit-details-marker{ display:none }
.svc .rinci summary::after{
  content:""; width:7px; height:7px; margin-left:auto; flex:none;
  border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
  transform:rotate(45deg) translate(-2px,-2px); transition:transform .25s ease;
}
.svc .rinci[open] summary::after{ transform:rotate(-135deg) translate(-2px,-2px) }
.svc .rinci summary:hover{ color:#A5F3FC }
.svc .rinci summary:focus-visible{ outline:2px solid rgba(56,189,248,.7); outline-offset:4px; border-radius:4px }

.svc .rinci ul{ margin:12px 0 2px; padding:0; list-style:none }
.svc .rinci li{
  position:relative; padding:8px 0 8px 22px; font-size:14.2px; line-height:1.6;
  color:var(--muted); border-top:1px solid rgba(28,40,54,.6);
}
.svc .rinci li:first-child{ border-top:0 }
.svc .rinci li::before{
  content:""; position:absolute; left:2px; top:16px; width:8px; height:1px;
  background:linear-gradient(90deg,var(--cy),transparent);
}
.svc .rinci[open] ul{ animation:tb-buka .28s ease both }
@keyframes tb-buka{ from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:none} }
@media (prefers-reduced-motion:reduce){ .svc .rinci[open] ul{ animation:none } }