.t-activity { border: 1px solid var(--line-22); background: var(--wash-05); margin-bottom: 4px; font-family: var(--font-ui); min-width: 0; }
.t-activity[hidden] { display: none; }
.t-activity__summary { display: grid; grid-template-columns: 8px auto minmax(0, 1fr) auto 10px; align-items: center; gap: 10px; min-height: 46px; padding: 12px 14px; cursor: pointer; list-style: none; }
.t-activity__summary::-webkit-details-marker { display: none; }
.t-activity__summary::after { content: '+'; color: var(--bone-dim); }
.t-activity[open] .t-activity__summary::after { content: '−'; }
.t-activity__indicator { width: 6px; height: 6px; background: var(--bone-muted); border-radius: 50%; }
.t-activity[data-state="running"] .t-activity__indicator { background: var(--bone); animation: activity-pulse 1.8s ease-in-out infinite; }
.t-activity__label { font-size: 10px; font-weight: 600; letter-spacing: .04em; color: var(--bone); }
.t-activity__status { font-size: 10px; color: var(--bone-dim); line-height: 1.5; }
.t-activity__elapsed { font: 10px ui-monospace, Consolas, monospace; color: var(--bone-dim); white-space: nowrap; }
.t-activity__events { margin: 0 14px; padding: 0; list-style: none; border-top: 1px solid var(--line-14); }
.t-activity__event { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line-12); }
.t-activity__event:last-child { border-bottom: 0; }
.t-activity__event-text { min-width: 0; }
.t-activity__event-name { display: block; font: 11px/1.5 ui-monospace, Consolas, monospace; color: var(--bone); overflow-wrap: anywhere; }
.t-activity__detail { display: block; margin-top: 4px; color: var(--bone-dim); font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.t-activity__result { font: 10px/1.6 ui-monospace, Consolas, monospace; color: var(--bone-dim); text-align: right; }
.t-activity__event[data-state="running"] .t-activity__result { color: var(--bone-bright); }
.t-activity__event[data-state="failed"] .t-activity__result { text-decoration: underline; text-underline-offset: 3px; }
.t-activity__note { padding: 10px 14px 14px; color: var(--bone-muted); font: 10px/1.6 var(--font-ui); }
@keyframes activity-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .t-activity[data-state="running"] .t-activity__indicator { animation: none; } }
@media (max-width: 600px) {
.t-activity__summary { grid-template-columns: 8px 1fr auto 10px; gap: 7px; }
.t-activity__status { grid-column: 2 / 5; grid-row: 2; }
.t-activity__elapsed { grid-column: 3; grid-row: 1; }
.t-activity__summary::after { grid-column: 4; grid-row: 1; }
.t-activity__event { gap: 10px; }
.t-activity__result { max-width: 75px; }
}

/* Chronicle uses the same trace with its paper palette. */
#answer-activity { --line-22:#dcd8ca; --line-14:#dedace; --line-12:#dedace; --wash-05:#f1eee3; --bone:#373e36; --bone-dim:#5c6155; --bone-muted:#626657; --bone-bright:#373e36; --font-ui:Arial,sans-serif; margin:16px 0; }
#answer-activity:empty { display:none; }
#answer-activity .t-activity__note { margin:0; }