.abi-tm-wrap{display:block;box-sizing:border-box;width:min(1200px,calc(100vw - 32px));max-width:none;margin:0 0 2em calc(50% - min(600px,50vw - 16px));padding:0;clear:both;float:none}
.abi-tm-wrap.is-contained{width:100%;max-width:100%;margin:0 0 2em 0}
.abi-tm,.abi-tmm{--abi-b1:#0047BB;--abi-b2:#0773E6;--abi-b3:#00AAFF;--abi-o1:#FFC800;--abi-o2:#FFA010;--abi-o3:#FF6B1A;--abi-ink:#0B2A66;--abi-mute:#5B6F94;--abi-line:#C9DBF5;--abi-chip:#EAF2FE}
.abi-tm{display:block;width:100%;min-width:0;font-family:inherit;font-size:16px;line-height:1.4;color:var(--abi-ink);text-align:left}
.abi-tm *,.abi-tm *::before,.abi-tm *::after,.abi-tmm *,.abi-tmm *::before,.abi-tmm *::after{box-sizing:border-box}

/* header */
.abi-tm .abi-tm__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin:0 0 30px}
.abi-tm .abi-tm__ttl{margin:0;padding:0;font-size:clamp(26px,3.2vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--abi-ink)}
.abi-tm .abi-tm__hl{color:var(--abi-o3)}
.abi-tm .abi-tm__sub{margin:0;max-width:620px;font-size:15px;line-height:1.55;color:var(--abi-mute)}
.abi-tm .abi-tm__stat{display:inline-flex;align-items:center;gap:7px;font-size:clamp(16px,1.8vw,20px);font-weight:800;color:#12A150}
.abi-tm .abi-tm__stat svg{width:20px;height:20px;fill:none;stroke:#12A150;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.abi-tm .abi-tm__sum{display:inline-flex;align-items:center;gap:12px;margin-top:6px;padding:10px 20px;border-radius:99px;background:linear-gradient(120deg,var(--abi-b1),var(--abi-b2) 62%,var(--abi-b3));color:#fff;box-shadow:0 12px 24px -12px rgba(7,71,187,.6)}
.abi-tm .abi-tm__big{font-size:34px;font-weight:800;line-height:1;letter-spacing:-.02em;color:#fff}
.abi-tm .abi-tm__sd{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}
.abi-tm .abi-tm__sd small{font-size:12px;color:rgba(255,255,255,.92)}
.abi-tm .abi-tm__sum .abi-tm__st{font-size:18px;background-image:linear-gradient(90deg,#FFC800 var(--p),rgba(255,255,255,.35) var(--p))}
.abi-tm__st{display:inline-block;font-size:15px;line-height:1;letter-spacing:1px;color:transparent;background-image:linear-gradient(90deg,#FFA010 var(--p),#D5E1F5 var(--p));-webkit-background-clip:text;background-clip:text;white-space:nowrap}
.abi-tm .abi-tm__srcs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.abi-tm .abi-tm__chip,.abi-tm a.abi-tm__chip{display:inline-flex;align-items:center;gap:7px;padding:6px 14px 6px 6px;border-radius:99px;background:#fff;border:1px solid var(--abi-line);font-size:13px;line-height:1;color:var(--abi-ink)!important;text-decoration:none!important;transition:transform .2s,border-color .2s,box-shadow .2s}
.abi-tm a.abi-tm__chip:hover{transform:translateY(-2px);border-color:var(--abi-b2);box-shadow:0 8px 18px -10px rgba(7,71,187,.5)}
.abi-tm .abi-tm__ci{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--abi-b2),var(--abi-b3));font-style:normal;font-size:12px;font-weight:800;color:#fff}
.abi-tm .abi-tm__chip b{font-weight:700}
.abi-tm .abi-tm__chip em{font-style:normal;font-weight:800;color:var(--abi-o3)}
.abi-tm .abi-tm__chip small{font-size:12px;color:var(--abi-mute)}

/* baris berjalan */
.abi-tm .abi-tm__rows{display:flex;flex-direction:column;gap:14px;width:100%}
.abi-tm .abi-tm__row{overflow:hidden;padding:8px 0 14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.abi-tm .abi-tm__track{display:flex;width:max-content;animation:abiTmMv var(--dur,40s) linear infinite;animation-delay:var(--dl,0s);will-change:transform}
.abi-tm .abi-tm__row.is-ltr .abi-tm__track{animation-direction:reverse}
@keyframes abiTmMv{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.abi-tm .abi-tm__row:hover .abi-tm__track,.abi-tm .abi-tm__row:focus-within .abi-tm__track,.abi-tm.is-off .abi-tm__track{animation-play-state:paused}
.abi-tm .abi-tm__grp{display:flex;gap:16px;padding-right:16px}

/* kartu */
.abi-tm__c{flex:none;display:flex;flex-direction:column;gap:12px;width:300px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--abi-line);box-shadow:0 12px 22px -16px rgba(7,71,187,.45);cursor:pointer;text-align:left;transition:transform .25s,border-color .25s,box-shadow .25s}
.abi-tm__c:hover,.abi-tm__c:focus-visible{transform:translateY(-3px);border-color:var(--abi-b2);box-shadow:0 18px 28px -16px rgba(7,71,187,.6);outline:0}
.abi-tm__c:focus-visible{outline:3px solid var(--abi-o2);outline-offset:2px}
.abi-tm__ct{display:flex;align-items:center;justify-content:space-between;gap:8px}
.abi-tm__pill{padding:4px 10px;border-radius:99px;background:var(--abi-chip);font-size:11px;font-weight:700;line-height:1.2;color:#0647A8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.abi-tm__q{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;min-height:calc(1.55em * 3);font-size:14px;line-height:1.55;color:#2B3F66;overflow-wrap:anywhere}
.abi-tm__cb{display:flex;align-items:center;gap:10px;margin-top:auto}
.abi-tm__av{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--c1,#0773E6),var(--c2,#00AAFF));font-size:15px;font-weight:800;color:#fff}
.abi-tm__who{display:flex;flex-direction:column;min-width:0;gap:2px}
.abi-tm__who b{font-size:13px;font-weight:800;line-height:1.2;color:var(--abi-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abi-tm__who small{font-size:12px;line-height:1.2;color:var(--abi-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.abi-tm .abi-tm__pv{margin:0 auto 14px;max-width:640px;padding:9px 14px;border-radius:10px;background:#FFF7E0;border-left:3px solid var(--abi-o2);font-size:12px;line-height:1.5;color:#7A4B00;text-align:center}
/* tombol bawah */
.abi-tm .abi-tm__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}
.abi-tm a.abi-tm__b1,.abi-tm a.abi-tm__b1:visited,.abi-tm a.abi-tm__b2,.abi-tm a.abi-tm__b2:visited{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 28px;border-radius:99px;font-family:inherit;font-size:15px;font-weight:700;line-height:1;text-decoration:none!important;transition:transform .25s,box-shadow .25s,background .25s}
.abi-tm a.abi-tm__b1{background:linear-gradient(135deg,#FFC800,#FFA010 60%,#FF8A1F);color:#06285F!important;box-shadow:0 12px 24px -10px rgba(255,107,26,.75)}
.abi-tm a.abi-tm__b2{background:#fff;color:#0647A8!important;border:1.5px solid var(--abi-b2)}
.abi-tm a.abi-tm__b1:hover,.abi-tm a.abi-tm__b2:hover{transform:translateY(-3px)}
.abi-tm a.abi-tm__b1:hover{box-shadow:0 18px 30px -10px rgba(255,107,26,.9)}
.abi-tm a.abi-tm__b2:hover{background:var(--abi-chip)}
.abi-tm .abi-tm__cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:680px){
 .abi-tm__c{width:260px;padding:16px}
 .abi-tm .abi-tm__row{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
 .abi-tm .abi-tm__cta a{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .abi-tm .abi-tm__track{animation:none}
 .abi-tm .abi-tm__row{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
 .abi-tm .abi-tm__grp[aria-hidden="true"]{display:none}
}

/* ---------- POPUP ULASAN LENGKAP ---------- */
.abi-tmm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:16px;font-family:inherit;font-size:16px;line-height:1.4;color:var(--abi-ink);text-align:left}
.abi-tmm.is-open{display:flex}
.abi-tmm .abi-tmm__ov{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(6,30,80,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.abi-tmm .abi-tmm__bx{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:26px 24px 24px;border-radius:22px;background:#fff;box-shadow:0 30px 70px -20px rgba(0,20,70,.6);animation:abiTmmIn .26s ease both}
.abi-tmm .abi-tmm__bx::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--abi-b1),var(--abi-b3),var(--abi-o1),var(--abi-o3))}
@keyframes abiTmmIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.abi-tmm button.abi-tmm__x{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border:0!important;border-radius:50%!important;background:var(--abi-chip)!important;color:#0647A8!important;font-family:inherit;font-size:22px;line-height:1;cursor:pointer;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.abi-tmm button.abi-tmm__x:hover{background:var(--abi-b2)!important;color:#fff!important}
.abi-tmm .abi-tmm__b{display:flex;flex-direction:column;gap:14px;padding-top:6px}
.abi-tmm .abi-tm__ct{padding-right:40px}
.abi-tmm .abi-tm__q{display:block;-webkit-line-clamp:unset;min-height:0;font-size:16px}
.abi-tmm .abi-tm__pill{max-width:none}
@media (max-width:560px){.abi-tmm{align-items:flex-end;padding:0}.abi-tmm .abi-tmm__bx{max-width:none;border-radius:22px 22px 0 0}}
@media(prefers-reduced-motion:reduce){.abi-tmm .abi-tmm__bx{animation:none}}