.correction-journal { min-width: 0; }
.correction-journal [hidden] { display: none !important; }
.correction-journal-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 12px; align-items: end; margin: 20px 0; }
.correction-journal label { display: grid; gap: 6px; min-width: 0; font-weight: 600; }
.correction-journal input, .correction-journal select { width: 100%; min-width: 0; min-height: 44px; box-sizing: border-box; }
.correction-journal button { min-height: 44px; white-space: normal; }
.correction-journal button:focus-visible, .correction-journal summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.correction-journal-card { padding: 18px; margin: 14px 0; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); overflow-wrap: anywhere; }
.correction-journal-card h3 { margin: 10px 0; }
.correction-journal-meta, .correction-journal-pages { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.correction-journal-state { padding: 4px 9px; border-radius: 6px; background: var(--soft); color: var(--ink); }
.correction-journal-state[data-state=needs_clarification] { background: var(--amber); color: #604000; }
.correction-journal-state[data-state=seen] { background: var(--green); color: #214c34; }
.correction-journal-flags { color: #705000; }
.correction-journal-changes, .correction-journal-fields { margin: 12px 0; }
.correction-journal-changes > div, .correction-journal-fields > div { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr); gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.correction-journal dd { margin: 0; min-width: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.correction-journal dd span, .correction-journal dd strong { display: block; }
.correction-journal dialog { width: min(820px, calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); box-sizing: border-box; padding: 20px; border: 1px solid var(--line); border-radius: 12px; overflow: auto; overflow-wrap: anywhere; }
.correction-journal dialog::backdrop { background: #142c4280; }
.correction-journal dialog .workspace-heading { flex-wrap: wrap; }
.correction-journal details { padding: 8px 0; }
.correction-journal summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-weight: 600; }
.correction-journal summary::before { content: '▸'; margin-right: 8px; }
.correction-journal details[open] > summary::before { content: '▾'; }
.correction-journal-note { border-left: 3px solid var(--muted); padding-left: 12px; margin: 12px 0; }
#correction-journal-review { display: grid; gap: 12px; margin-top: 20px; }
@media (max-width: 480px) {
  .correction-journal-card, .correction-journal dialog { padding: 12px; }
  .correction-journal-changes > div, .correction-journal-fields > div { grid-template-columns: minmax(0, 1fr); }
  .correction-journal dt { font-weight: 600; }
}