a.rv-pill,
button.rv-pill {
    --ph: var(--hue, var(--stage-b));
    display: inline-block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: left;
    color: var(--text-primary);
    text-decoration: none;
    white-space: normal;
    max-width: 100%;
    overflow-wrap: break-word;
    background: #FFFFFF;
    border: 1px solid var(--hairline, #E5DFD6);
    border-radius: 6px;
    padding: 0.125rem 0.5rem;
    margin: 0;
    cursor: pointer;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.rv-pill .pill-id {
    font: inherit;
    font-weight: 600;
    font-feature-settings: "tnum" 1, "zero" 1;
    color: var(--ph);
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

.rv-pill .pill-name { font: inherit; color: inherit; }

a.rv-pill:hover, button.rv-pill:hover { border-color: var(--ph); }
a.rv-pill:focus-visible, button.rv-pill:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-color: var(--ph); }

.rv-pill.st-A { --ph: var(--stage-a); }
.rv-pill.st-B { --ph: var(--stage-b); }
.rv-pill.st-C { --ph: var(--stage-c); }
.rv-pill.st-D { --ph: var(--stage-d); }
.rv-pill.st-E { --ph: var(--stage-e); }
.rv-pill.st-F { --ph: var(--stage-f); }

p > a.rv-pill { display: inline; }