/* The native checkbox owns selection, keyboard support and form submission. */
.experience-tags-editor { list-style: none; }
.experience-tags-editor fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.experience-tags-editor legend { border: 0; margin: 0 0 8px; padding: 0; font-size: 20px; font-weight: 600; color: #222; }
.experience-tags-editor p { margin: 0 0 16px; font-size: 14px; line-height: 1.6; color: #666; }
.experience-tag-options { display: flex; flex-wrap: wrap; gap: 8px; }
.host-ui .experience-tags-editor .experience-tag-option { display: inline-flex; position: relative; margin: 0; font-size: 14px; font-weight: 400; max-width: 100%; cursor: pointer; }
.experience-tag-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.host-ui .experience-tags-editor .experience-tag-option span { box-sizing: border-box; display: flex; align-items: center; min-height: 44px; padding: 10px 15px; border: 1px solid #ccc; border-radius: 24px; background: #fff; color: #333; line-height: 1.5; overflow-wrap: anywhere; }
.host-ui .experience-tags-editor .experience-tag-option input:checked + span { background: #fff2f1; border-color: #ab2931; color: #ab2931; }
.experience-tag-option input:checked + span::before { content: '✓'; margin-right: 6px; }
.experience-tag-option input:focus-visible + span { outline: 2px solid #222; outline-offset: 3px; }
.experience-tags-public { clear: both; margin: 16px 0 20px; }
.experience-tag-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.experience-tag-list li { display: block; max-width: 100%; padding: 6px 12px; border-radius: 18px; background: #f7f7f7; color: #444; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }