/* Tambahan kecil untuk halaman data dinamis. Memakai token & komponen yang sudah ada (pop-card, chip, show-more). */
.tx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:0 0 24px}
.tx-grid .pop-card{flex:none;min-width:0}
.tx-subnav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.tx-subnav .chip{text-decoration:none;display:inline-block}
.tx-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tx-select{background:#1a1a1a;border:1px solid #333;color:#fff;padding:11px 12px;border-radius:3px;font-family:"Minecraft",Arial,sans-serif;font-size:13px;cursor:pointer}
.tx-select:focus-visible{outline:2px solid #3b8526;outline-offset:2px}
.tx-note{font-family:Arial,Helvetica,sans-serif;font-size:13px;opacity:.7;margin:0 0 16px}
.tx-more{display:block;margin:0 auto 24px}
.tx-more[hidden],.tx-pager[hidden]{display:none}
.tx-pager{display:flex;gap:16px;justify-content:center;align-items:center;font-family:"Minecraft",Arial,sans-serif;font-size:13px;margin-bottom:24px}
.tx-pager a{color:#6fce49;text-decoration:none}
.tx-pager a:hover{color:#fff}
.tx-all{align-self:center;font-family:"Minecraft",Arial,sans-serif;font-size:13px;color:#6fce49;text-decoration:none;white-space:nowrap}
.tx-all:hover{color:#fff;text-decoration:underline}
.tx-kicker{display:block;font-size:14px;letter-spacing:2px;opacity:.6;margin-bottom:6px}
.popular-nav{align-items:center}

/* skeleton loading */
.tx-skel{pointer-events:none}
.tx-skel .pop-card-media,.tx-skel .pop-card-title,.tx-skel .pop-card-desc{background:linear-gradient(90deg,#2d2d2d 25%,#3a3a3a 37%,#2d2d2d 63%);background-size:400% 100%;animation:tx-shimmer 1.3s ease infinite;color:transparent;border-radius:3px}
.tx-skel .pop-card-media{aspect-ratio:16/10}
.tx-skel .pop-card-title{height:22px;margin-top:14px}
.tx-skel .pop-card-desc{height:42px;margin-top:10px}
@keyframes tx-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media (prefers-reduced-motion:reduce){.tx-skel .pop-card-media,.tx-skel .pop-card-title,.tx-skel .pop-card-desc{animation:none}}

.tx-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.tx-related .pop-card{flex:none}