/* Trends Network Menu (scoped & dark-mode ready) */
.trends-network{position:relative;display:inline-block}
.trends-network__btn{display:flex;align-items:center;gap:6px;height:36px;background:none;border:none;cursor:pointer;
  font:600 14px var(--font2, system-ui, -apple-system, Segoe UI, Roboto, sans-serif);
  color: currentColor;}
.trends-network__icon{width:22px;height:22px;fill:currentColor}
.trends-network__label::after{content:"";display:inline-block;width:8px;height:8px;margin-left:5px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E") no-repeat center/contain;
  transition:transform .2s;}
.trends-network__btn[aria-expanded="true"] .trends-network__label::after{transform:rotate(180deg)}

.trends-network__menu{display:none;position:fixed;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);
  padding:15px 10px;z-index:1200;max-height:355px;overflow:auto}
.trends-network__menu.is-open{display:block}
.trends-network__nav{max-width:1024px;margin:0 auto}
.trends-network__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.trends-network__list li{width:calc(25% - 9px)}
.trends-network__list a{display:block;font:700 14px var(--font2, system-ui, sans-serif);color:#333;text-decoration:none}
.trends-network__list a:hover{color:var(--primary, #0073e6)}
@media (max-width:768px){.trends-network__list li{width:calc(50% - 6px)}}

/* Dark mode support (sesuaikan kelas bila perlu) */
body.is-dark-mode .trends-network__btn,
html.dark-mode .trends-network__btn,
body.dark .trends-network__btn{color:#fff}