/* remove-exif-data: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.exif-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.exif-item { border: 1px solid var(--line); border-radius: var(--r-panel); padding: 14px 16px; background: var(--paper); }
.exif-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.exif-head strong { flex: 1 1 200px; min-width: 0; overflow-wrap: anywhere; }
.exif-badge { font-size: 0.82rem; font-weight: 600; padding: 3px 10px; border-radius: 999px; }
.exif-badge.is-risk { background: var(--bad-soft); color: var(--bad); }
.exif-badge.is-some { background: var(--warn-soft); color: var(--warn); }
.exif-badge.is-clean { background: var(--good-soft); color: var(--good); }
.exif-data { margin: 12px 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 6px 16px; }
.exif-data div { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--line); }
.exif-data dt { color: var(--slate); }
.exif-data dd { margin: 0; font-weight: 600; text-align: right; overflow-wrap: anywhere; min-width: 0; }
.exif-data .is-risk dd { color: var(--bad); }
.exif-item .note { margin-top: 8px; }
tr.is-error td { color: var(--bad); }