/* Blog archive: pagination, and the topic chips now that they are links.

   The prototype had no pager, so this one is built entirely out of the chip's
   own shape from treasurup.css - same size, padding, radius, colours and
   transition - rather than introducing a second visual language. */

.tu2026 a.btopic{text-decoration:none}
/* The tags themselves are left exactly as they are in WordPress; only the
   chip's rendering is normalised, so a row of mixed-case tags reads as one
   set of labels. */
.tu2026 .btopic{text-transform:capitalize}

.tu2026 .bpager{display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  justify-content:center;margin-top:44px}
.tu2026 .bpage{font-size:13px;font-weight:700;padding:9px 15px;border-radius:999px;
  text-decoration:none;border:1px solid transparent;background:var(--paper);color:var(--ink-62);
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.tu2026 a.bpage:hover{color:var(--ink);border-color:var(--t4)}
.tu2026 .bpage.on{background:var(--deep);border-color:var(--deep);color:#fff}
.tu2026 .bpage.is-off{opacity:.38}
.tu2026 .bpage-gap{font-size:13px;font-weight:700;color:var(--ink-45);padding:0 2px}

/* The featured article belongs to the unfiltered first page; on any other view
   the token renders nothing and the whole band steps aside with it. */
.tu2026 #featured:not(:has(.feature)){display:none}