.tp-chip{align-items:baseline;gap:var(--space-2);min-width:0;padding:var(--space-1-5) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-note);line-height:1.4;text-decoration:none;display:inline-flex}.tp-chip-icon{min-width:var(--space-3);font-weight:var(--font-weight-bold);text-align:center;flex:none;line-height:1.5}.tp-chip-body{align-items:baseline;gap:var(--space-1) var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.tp-chip-label{font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.tp-chip-status{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.tp-chip-detail{color:var(--color-text-secondary);flex-basis:100%}.tp-chip-source{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-basis:100%}.tp-chip-source a{color:var(--color-action)}.tp-chip-source a:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs)}.tp-chip--offered{background:var(--color-verified-bg);border-color:var(--color-verified-border)}.tp-chip--offered .tp-chip-icon,.tp-chip--offered .tp-chip-status{color:var(--color-verified-text)}.tp-chip--not-offered{background:var(--color-neutral-bg);border-color:var(--color-neutral-border)}.tp-chip--not-offered .tp-chip-icon,.tp-chip--not-offered .tp-chip-status{color:var(--color-neutral-text)}.tp-chip--not-checked{background:var(--color-surface);border-color:var(--color-border)}.tp-chip--not-checked .tp-chip-label{font-weight:var(--font-weight-medium);color:var(--color-neutral-text)}.tp-chip--not-checked .tp-chip-icon,.tp-chip--not-checked .tp-chip-status{color:var(--color-text-muted)}.tp-chip--topic{width:fit-content;max-width:100%;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;align-items:center}.tp-chip--topic[href]:hover{border-color:var(--color-highlight);color:var(--color-highlight-text);background:var(--color-highlight-wash)}.tp-chip--topic:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:2px}@media (max-width:720px){.tp-chip--topic[href]{min-height:var(--touch-target)}}