.form-field-stack > .topic-title-suggestions { margin-top: -4px; }
.topic-title-suggestions { display: grid; gap: 10px; padding: 14px 16px; border: 1px solid color-mix(in srgb, var(--brand-blue) 14%, var(--color-border)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-surface) 88%, var(--brand-blue-soft)); }
.topic-title-suggestions__kicker { margin: 0; font-size: 0.84rem; color: var(--color-muted); }
.topic-title-suggestions__status { margin: 0; font-size: 0.88rem; color: var(--color-muted); }
.topic-title-suggestions__warning { margin: 0; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--intent-danger) 34%, var(--color-border)); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--color-danger-subtle) 82%, var(--color-surface)); color: var(--intent-danger); font-size: 0.92rem; line-height: 1.5; }
.topic-title-suggestions__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.topic-title-suggestions__item { margin: 0; }
.topic-title-suggestions__link { display: grid; gap: 6px; padding: 12px 14px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-text); text-decoration: none; transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; }
.topic-title-suggestions__link:hover { border-color: var(--brand-blue); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-blue-soft) 58%, transparent); transform: translateY(-1px); text-decoration: none; }
.topic-title-suggestions__meta-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.topic-title-suggestions__title { font-size: 0.98rem; font-weight: 700; }
.topic-title-suggestions__meta { font-size: 0.8rem; color: var(--color-muted); }
.topic-title-suggestions__item--exact .topic-title-suggestions__link { border-color: color-mix(in srgb, var(--intent-danger) 40%, var(--color-border)); background: color-mix(in srgb, var(--accent-sun-soft) 70%, var(--color-surface)); }
.topic-title-suggestions__item--prefix .topic-title-suggestions__link { border-color: color-mix(in srgb, var(--brand-blue) 24%, var(--color-border)); }
.topic-title-suggestions__item--contains .topic-title-suggestions__link { border-color: color-mix(in srgb, var(--brand-blue) 16%, var(--color-border)); }
.topic-title-suggestions__item--semantic .topic-title-suggestions__link { border-color: color-mix(in srgb, var(--brand-blue) 28%, var(--color-border)); background: color-mix(in srgb, var(--brand-blue-soft) 42%, var(--color-surface)); }