/* Shared blog/article category identity; explicit approved ink/surface pairs. */
.renew-category-styles .renew-category-tone--blue { --renew-category-ink: #2058a5; --renew-category-surface: #e0edff; --renew-category-border: rgb(32 88 165 / .2); }
.renew-category-styles .renew-category-tone--violet { --renew-category-ink: #5532a4; --renew-category-surface: #e8e0ff; --renew-category-border: rgb(85 50 164 / .2); }
.renew-category-styles .renew-category-tone--teal { --renew-category-ink: #1f6758; --renew-category-surface: #dcf3ec; --renew-category-border: rgb(31 103 88 / .2); }
.renew-category-styles .renew-category-tone--ochre { --renew-category-ink: #924510; --renew-category-surface: #ffeadb; --renew-category-border: rgb(146 69 16 / .2); }
.renew-category-styles .renew-category-tone--raspberry { --renew-category-ink: #a12b60; --renew-category-surface: #ffe2ed; --renew-category-border: rgb(161 43 96 / .2); }
.renew-category-styles .renew-category-tone--cyan { --renew-category-ink: #146582; --renew-category-surface: #ddf4fc; --renew-category-border: rgb(20 101 130 / .2); }
.renew-category-styles .renew-category-tone--neutral { --renew-category-ink: #56616f; --renew-category-surface: #f1f2f3; --renew-category-border: rgb(86 97 111 / .2); }
.renew-category-icon { display: block; flex: 0 0 18px; width: 18px; height: 18px; color: var(--renew-category-ink, #56616f); }
.renew-main .renew-category-styles .renew-category-link,
.renew-main .renew-category-styles .renew-category-link:is(:hover, :focus-visible) { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; color: var(--renew-category-ink); text-decoration: none; }
.renew-category-badge { box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; max-width: 100%; border: 1px solid var(--renew-category-border); border-radius: 999px; background: var(--renew-category-surface); font: 500 13px/1.5 var(--renew-body); }
.renew-category-link:is(:hover, :focus-visible) .renew-category-badge { border-color: var(--renew-category-ink); }
.renew-category-badge > span { overflow-wrap: anywhere; }
.renew-category-badge .renew-category-icon { flex-basis: 16px; width: 16px; height: 16px; }