/* The Bronnen screen (B9 part 2, editor/bronnen.js): the add form, one card per source, the facts, mobile first. */
.sources .source-add .source-kind { border: 0; padding: 0; margin: 10px 0; display: flex; gap: 14px; flex-wrap: wrap; }
.sources .source-add .source-kind label { min-height: 44px; display: inline-flex; align-items: center; }
.sources .source-add input[type="url"], .sources .source-add input[type="text"], .sources .source-add textarea { width: 100%; box-sizing: border-box; }
.sources .source-add input[type="file"] { max-width: 100%; }
.sources .source-add .hint { font-size: 14px; }
.sources .note { font-weight: 600; }
.sources .source-list { display: grid; gap: 12px; }
.sources .source h3 { margin: 0 0 4px; font-size: 17px; overflow-wrap: anywhere; }
.sources .source p, .sources .fact p { margin: 6px 0; overflow-wrap: anywhere; }
.sources .fact-list { list-style: none; padding: 0; margin: 8px 0; display: grid; gap: 10px; }
.sources .fact { border-top: 1px solid var(--line); padding-top: 8px; }
.sources .fact .fact-kind { font-size: 14px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.sources .fact textarea { width: 100%; box-sizing: border-box; font-size: 15px; }
.sources .remove-source { margin-top: 10px; padding: 10px; border: 1px solid var(--warn); border-radius: var(--radius); }
.sources .row { margin-top: 8px; }
/* "Wat Buddy onthoudt" (finding 34): the customer's words, each with "Vergeet dit"; the line to add one. */
.sources .kept { margin-top: 16px; }
.sources .kept-list { list-style: none; padding: 0; margin: 8px 0; display: grid; gap: 8px; }
.sources .kept-list li { display: flex; gap: 10px; align-items: center; justify-content: space-between; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 8px; }
.sources .kept-list span { flex: 1 1 12rem; overflow-wrap: anywhere; }
.sources .kept-add input { width: 100%; box-sizing: border-box; min-height: 44px; }
.sources .kept-avoid { display: block; font-size: 14px; }