.trend-network-module { margin: 22px 0; }
.trend-network-module .controls-panel {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 18px 26px;
  justify-content: space-between;
}
.trend-network-module .window-tabs { display: flex; gap: 10px; }
.trend-network-module .window-tab, .trend-network-module #reset-view {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--moss);
  cursor: pointer;
  font-weight: 700;
  padding: 4px 2px;
}
.trend-network-module .window-tab.active, .trend-network-module .window-tab:hover, .trend-network-module #reset-view:hover { border-color: var(--amber); color: var(--amber); }
.trend-network-module .control-line { align-items: center; display: flex; gap: 10px; min-width: 310px; }
.trend-network-module .control-line input { accent-color: var(--moss); width: 160px; }
.trend-network-module .legend { align-items: center; color: var(--muted); display: flex; flex-wrap: wrap; gap: 12px; font-size: .9rem; }
.trend-network-module .swatch { border-radius: 50%; display: inline-block; height: 11px; margin-right: 5px; width: 11px; }
.trend-network-module .swatch.hot { background: var(--hot); }
.trend-network-module .swatch.steady { background: var(--warm); }
.trend-network-module .swatch.cool { background: var(--cool); }
.trend-network-module .line-sample { border-top: 4px solid #191714; display: inline-block; margin-right: 5px; transform: translateY(-3px); width: 24px; }
.trend-network-module .network-title-row { align-items: flex-start; display: flex; justify-content: space-between; gap: 20px; margin-bottom: 10px; }
.trend-network-module .muted { color: var(--muted); margin: 6px 0 0; }
.trend-network-module .network-canvas {
  background: #fffefa;
  border: 1px solid var(--line);
  border-radius: 10px;
  height: min(720px, 72vh);
  min-height: 520px;
  overflow: hidden;
  position: relative;
}
.trend-network-module .network-svg { display: block; height: 100%; width: 100%; }
.trend-network-module .network-link {
  cursor: pointer;
  stroke: #191714;
  stroke-linecap: round;
  transition: opacity .15s ease, stroke .15s ease;
}
.trend-network-module .network-link:hover, .trend-network-module .network-link.selected { opacity: 1 !important; stroke: var(--amber); }
.trend-network-module .network-node { cursor: pointer; outline: none; }
.trend-network-module .network-node:focus-visible text { stroke: #fff3d8; }
.trend-network-module .network-node text {
  dominant-baseline: middle;
  font-weight: 800;
  paint-order: stroke fill;
  stroke: #fffefa;
  stroke-width: 5px;
  stroke-linejoin: round;
  user-select: none;
}
.trend-network-module .network-node.selected text { stroke: #fff3d8; }
.trend-network-module .network-node .hit-area { fill: transparent; pointer-events: all; stroke: transparent; }
.trend-network-module .details-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.trend-network-module .meta-pill {
  background: #f1ebe2;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: .84rem;
  padding: 3px 9px;
}
.trend-network-module .article-list { display: grid; gap: 10px; margin-top: 14px; }
.trend-network-module .article-card {
  border-left: 4px solid var(--moss);
  padding: 8px 0 8px 12px;
}
.trend-network-module .article-card strong { display: block; }
.trend-network-module .article-card span { color: var(--muted); display: block; font-size: .86rem; margin-top: 2px; }
.trend-network-module .empty-state { color: var(--muted); font-style: italic; }
@media (max-width: 760px) {
  .trend-network-module .network-title-row { display: block; }
  .trend-network-module .control-line { min-width: 100%; }
  .trend-network-module .network-canvas { min-height: 620px; }
}