/* #4 — animated gradient shine on every test title card (like the TTJ card) */
.bf-hero,.hl-hero,.lt-hero,.so-hero,.ag-hero,.hd-hero,.tm-hero,.at-hero,.tu-hero,.tt-hero,.cs-hero{position:relative;overflow:hidden}
.bf-hero::before,.hl-hero::before,.lt-hero::before,.so-hero::before,.ag-hero::before,.hd-hero::before,.tm-hero::before,.at-hero::before,.tu-hero::before,.tt-hero::before{
  content:"";position:absolute;top:-40%;left:-60%;width:55%;height:180%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);
  animation:heroShine 5.5s ease-in-out 1s infinite;z-index:0}
.bf-hero>*,.hl-hero>*,.lt-hero>*,.so-hero>*,.ag-hero>*,.hd-hero>*,.tm-hero>*,.at-hero>*,.tu-hero>*,.tt-hero>*{position:relative;z-index:1}
@keyframes heroShine{0%,55%{left:-60%}82%,100%{left:130%}}
@media(prefers-reduced-motion:reduce){.bf-hero::before,.hl-hero::before,.lt-hero::before,.so-hero::before,.ag-hero::before,.hd-hero::before,.tm-hero::before,.at-hero::before,.tu-hero::before,.tt-hero::before{animation:none}}

/* #2 — "Test xulosasi" summary block (replaces the old AI analysis) */
.tl-xulosa{margin-top:14px;border:1px solid #e2e8f0;border-radius:14px;background:linear-gradient(135deg,#f0f9ff,#faf5ff);overflow:hidden}
body.tl-dark .tl-xulosa{background:linear-gradient(135deg,#12202a,#1a1830);border-color:#2b3946}
.tl-xulosa .tx-h{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;color:#0e7490;padding:12px 15px 8px}
body.tl-dark .tl-xulosa .tx-h{color:#5ec9d8}
.tl-xulosa .tx-h svg{width:17px;height:17px;flex:none}
.tl-xulosa .tx-row{display:flex;justify-content:space-between;gap:14px;padding:8px 15px;border-top:1px solid #eef2f6;font-size:13.5px}
body.tl-dark .tl-xulosa .tx-row{border-color:#26313b}
.tl-xulosa .tx-row span{color:#5b6470;font-weight:600}
body.tl-dark .tl-xulosa .tx-row span{color:#9fb0bc}
.tl-xulosa .tx-row b{color:#0f172a;font-weight:800;text-align:right}
body.tl-dark .tl-xulosa .tx-row b{color:#eef4f8}