.work-memory { flex: 0 0 auto; padding: 10px 24px; border-bottom: 1px solid var(--line); background: var(--panel); font-size: 14px; line-height: 1.5; }
.work-memory summary { cursor: pointer; overflow-wrap: anywhere; }
.work-memory summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.work-memory summary strong { margin-inline-end: 12px; }
.work-memory-content { max-height: min(24vh, 220px); overflow: auto; padding-block: 12px 4px; }
.work-memory p { margin: 0 0 12px; max-width: 75ch; overflow-wrap: anywhere; }
.work-memory h2 { font-size: 14px; margin: 18px 0 6px; }
.work-memory ol { margin: 6px 0 12px; padding-inline-start: 24px; }
.work-memory li { margin-block: 6px; overflow-wrap: anywhere; }
.work-memory pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; max-width: 75ch; margin: 0; }
.work-memory button { cursor: pointer; min-height: 40px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-soft); padding: 8px 12px; }
.work-memory button:hover { background: var(--cream); }
.work-memory button:disabled { opacity: .55; cursor: default; }
.work-memory [hidden] { display: none; }
.work-memory-warning { color: var(--danger); font-weight: 600; }
@media (max-width: 700px) { .work-memory { padding: 10px 14px; } .work-memory summary strong { display: block; } }