/* guide-page tag chips (taxonomy-v1) */
.tx-chips { box-sizing: border-box; max-width: var(--max, 1180px); margin: 6px auto 0; padding: 0 18px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font-size: .8rem; }
.tx-chips .tx-chips-l { font-weight: 800; letter-spacing: .06em; text-transform: uppercase; font-size: .7rem; color: var(--muted, inherit); margin-right: 2px; }
.tx-chips a { display: inline-flex; align-items: center; min-height: 32px; padding: 3px 11px; border: 1px solid var(--line, currentColor); border-radius: 999px; color: var(--ink, inherit); text-decoration: none; font-weight: 700; }
.tx-chips a:hover, .tx-chips a:focus-visible { text-decoration: underline; }
/* hub directory (taxonomy-v1 hubs) */
.tx-dir { max-width: var(--max, 1180px); margin: 32px auto; padding: 0 18px; box-sizing: border-box; }
.tx-dir h2 { font: 650 1.5rem/1.2 "Newsreader", Georgia, serif; margin: 0 0 10px; }
.tx-dir ul { list-style: none; margin: 0 0 22px; padding: 0; columns: 3 220px; column-gap: 24px; }
.tx-dir li { break-inside: avoid; padding: 4px 0; }
.tx-dir a { color: inherit; font-weight: 700; }
.tx-dir .tx-rel a { display: inline-block; margin: 0 8px 8px 0; }

/* guide header tags (taxonomy-v1): badges + style tags are links now */
a.cat-badge, a.ts-tag { text-decoration: none; }
a.cat-badge:hover, a.cat-badge:focus-visible, a.ts-tag:hover, a.ts-tag:focus-visible { text-decoration: underline; }

.tx-viewall { display: flex; align-items: center; min-height: 44px; padding: 0 14px; margin-top: 8px; font-weight: 700; text-decoration: none; color: inherit; border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent); }
.tx-viewall:hover, .tx-viewall:focus-visible { text-decoration: underline; }