/* Insights-only styles. Loaded by every /insights/ page in every language.
   css/style.css is never modified. */
.topic-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px}
.topic-chip{display:inline-block;padding:7px 15px;border:1px solid var(--line);border-radius:999px;
  font-size:.82rem;color:var(--muted);text-decoration:none;transition:.2s;background:var(--card)}
.topic-chip:hover{color:var(--text);border-color:rgba(120,180,220,.35)}
.topic-chip.is-on{color:#061018;background:var(--grad);border-color:transparent;font-weight:600}
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:34px 0 6px}
.pager .pg{display:inline-flex;min-width:38px;height:38px;padding:0 12px;align-items:center;
  justify-content:center;border:1px solid var(--line);border-radius:10px;font-size:.88rem;
  color:var(--muted);text-decoration:none;background:var(--card);transition:.2s}
.pager a.pg:hover{color:var(--text);border-color:rgba(120,180,220,.35)}
.pager .pg.is-on{color:#061018;background:var(--grad);border-color:transparent;font-weight:700}
.post-hero{margin:0 0 26px;display:block}
.post-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;
  border-radius:var(--radius);border:1px solid var(--line);background:var(--card)}
.post-hero figcaption{font-size:.84rem;color:var(--muted);margin-top:8px}
.prose img{max-width:100%;height:auto;border-radius:14px;border:1px solid var(--line);margin:22px 0}
.lang-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  padding:16px 0;margin:0 0 4px;border-top:1px solid var(--line)}
.lang-row-label{font-size:.82rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.lang-row a{display:inline-block;padding:5px 13px;border:1px solid var(--line);border-radius:999px;
  font-size:.82rem;color:var(--muted);text-decoration:none;transition:.2s;background:var(--card)}
.lang-row a:hover{color:var(--text);border-color:rgba(120,180,220,.35)}
.lang-row a.is-current{color:#061018;background:var(--grad);border-color:transparent;font-weight:600}
.prose figure{margin:22px 0}
.prose figcaption{font-size:.84rem;color:var(--muted);margin-top:8px;text-align:center}
@media(max-width:640px){.topic-bar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;
  padding-bottom:6px;-webkit-overflow-scrolling:touch}.topic-chip{flex:0 0 auto}}