#decision { scroll-margin-top: 100px; }
.decision-reason { max-width: 820px; font-size: 17px; line-height: 1.7; }
.decision-path { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; list-style: none; padding: 0; margin: 24px 0 32px; }
.decision-path li { min-width: 0; padding: 16px 12px; border: 1px solid var(--line); border-top: 2px solid var(--accent); border-radius: 8px; background: var(--paper); animation: decision-in 240ms var(--ease); }
.decision-path .edge { display: block; min-height: 24px; color: var(--muted); font: 11px/1.6 var(--mono); }
.decision-path b { display: block; font: 600 18px var(--display); margin: 8px 0; }
.decision-path code { display: block; overflow-wrap: anywhere; font-size: 11px; line-height: 1.65; }
#origins td:nth-child(2) { overflow-wrap: anywhere; min-width: 180px; }
#origins tr.selected td { background: var(--paper); font-weight: 600; }
#decision details { min-width: 0; margin: 12px 0; }
#decision summary { min-height: 44px; padding: 12px 0; cursor: pointer; }
#decision pre { max-height: 380px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
@keyframes decision-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-width: 900px) { .decision-path { grid-template-columns: minmax(0, 1fr); }.decision-path li { padding: 12px 16px; }.decision-path .edge { min-height: 0; }.decision-path code { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .decision-path li { animation: none; } }