.log { max-width: 850px; }
.log h1 { margin-top: 8px; }
.log h2 { font: 600 20px/1.25 'Space Grotesk', system-ui, sans-serif; }
.fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.fields label { display: grid; align-content: start; gap: 5px; color: var(--ink2); font-size: 13px; }
.fields input, .fields select, .fields textarea { width: 100%; min-width: 0; min-height: 44px; padding: 9px; color-scheme: dark; color: var(--ink); background: var(--bg); border: 1px solid #395363; border-radius: 8px; font: inherit; }
.fields .wide { grid-column: 1 / -1; }
.log summary { cursor: pointer; color: var(--link); padding: 8px 0; }
.details-fields { margin-top: 8px; }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.actions button { background: #b8e5fc; color: var(--bg); }
.actions button:disabled { opacity: .55; }
#history article + article { border-top: 1px solid var(--line); }
#history article { padding: 10px 0; }
#history h3, #history p, #summary p { margin: .3em 0; }
#history article p { overflow-wrap: anywhere; }
@media (max-width: 500px) { .fields { grid-template-columns: 1fr; } }