.flush { margin-top: 0; }
.card { margin-bottom: 20px; }
.field { margin-bottom: 12px; }
.field label { display: block; margin-bottom: 4px; }
textarea { resize: vertical; }
h3 { font-size: 16px; margin: 20px 0 4px; }
.warn-box { background: var(--chip); border: 1px solid var(--warn); color: var(--warn); padding: 10px 12px; border-radius: 8px; }
.rendered { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 12px; overflow-wrap: anywhere; }
.rendered:empty { display: none; }
.rendered p, .rendered ul { margin: 0 0 10px; }
.rendered h3 { margin: 0 0 8px; font-size: 18px; }
.rendered button.wl { min-height: 44px; padding: 2px 8px; border: 0; border-bottom: 2px solid var(--accent); border-radius: 4px; background: var(--chip); color: var(--accent); font-weight: 600; }
.rendered button.wl.missing { border-bottom-style: dashed; }
.list { list-style: none; padding: 0; margin: 8px 0 0; }
.list li { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 8px 12px; margin-bottom: 8px; overflow-wrap: anywhere; }
.list li button { width: 100%; text-align: left; border: 0; background: transparent; padding: 6px 0; font-weight: 600; }
.list .snip { display: block; font-size: 13px; color: var(--muted); font-weight: 400; }
mark { background: var(--chip); color: var(--ink); outline: 1px solid var(--accent); border-radius: 2px; }