.detail-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.detail-label-row .detail-label { margin-bottom: 0; }
.trace-button {
  border: 1px solid color-mix(in srgb, var(--reflection) 55%, var(--line));
  border-radius: 99px;
  background: color-mix(in srgb, var(--reflection) 12%, transparent);
  color: var(--reflection);
  padding: 4px 9px;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .05em;
  cursor: pointer;
}
.trace-button.active {
  background: color-mix(in srgb, var(--reflection) 24%, transparent);
  box-shadow: 0 0 12px color-mix(in srgb, var(--reflection) 20%, transparent);
}
.mlb-btn[data-trace-action].active {
  color: var(--reflection);
  border-color: var(--reflection);
  background: color-mix(in srgb, var(--reflection) 18%, transparent);
}
.mlb-btn[data-trace-action]:disabled {
  opacity: .34;
  cursor: not-allowed;
}

.argument-section{padding-top:18px}
.argument-empty{padding:12px;border:1px dashed var(--line2);border-radius:13px;background:rgba(255,255,255,.018)}
.argument-empty strong{display:block;font-size:10px;color:var(--muted)}
.argument-empty p{margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.55}
.argument-tabs{display:flex;gap:5px;overflow-x:auto;padding:0 0 8px;scrollbar-width:thin}
.argument-tabs button{flex:0 0 auto;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.025);color:var(--muted);padding:5px 8px;font-size:8px;cursor:pointer}
.argument-tabs button.active{color:var(--semantic);border-color:rgba(97,212,179,.45);background:var(--semantic-soft)}
.argument-card{border:1px solid rgba(97,212,179,.23);border-radius:15px;padding:12px;background:linear-gradient(145deg,rgba(97,212,179,.075),rgba(67,169,255,.025))}
.argument-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.argument-card-head span,.argument-card-head strong{display:block}
.argument-card-head span{color:var(--semantic);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.argument-card-head strong{font-size:11px;line-height:1.35;margin-top:4px}
.argument-card-head button{flex:0 0 auto;border:1px solid rgba(97,212,179,.35);border-radius:99px;background:rgba(97,212,179,.08);color:var(--semantic);padding:5px 8px;font-size:8px;cursor:pointer}
.argument-path{display:flex;align-items:center;gap:5px;overflow-x:auto;margin:12px -2px 10px;padding:3px 2px 7px;scrollbar-width:thin;scroll-snap-type:x proximity}
.argument-node{flex:0 0 108px;min-height:48px;display:flex;flex-direction:column;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:10px;background:rgba(4,13,24,.5);color:var(--text);padding:7px;text-align:left;cursor:pointer;scroll-snap-align:center}
.argument-node span{font-size:9px;line-height:1.25}
.argument-node small{color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.05em}
.argument-node.current{border-color:var(--semantic);box-shadow:0 0 0 1px rgba(97,212,179,.16),0 0 20px rgba(97,212,179,.09)}
.argument-edge{flex:0 0 42px;display:grid;place-items:center;color:var(--semantic);text-align:center}
.argument-edge i{font-style:normal;font-size:15px;line-height:1}
.argument-edge small{display:block;margin-top:3px;color:var(--muted);font-size:6px;line-height:1.15;max-width:44px}
.argument-narrative{margin:8px 0 0;font-size:10px;line-height:1.65}
.argument-narrative.secondary{color:var(--muted);font-size:9px}
.argument-subtitle{color:var(--evidence);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin:12px 0 6px}
.argument-boundaries article{border-left:2px solid rgba(212,199,97,.55);padding:2px 0 2px 9px;margin-top:8px}
.argument-boundaries strong{font-size:9px;line-height:1.35}
.argument-boundaries p{color:var(--muted);font-size:8px;line-height:1.5;margin:4px 0 0}

@media(max-width:760px){.argument-node{flex-basis:128px}.argument-card{padding:11px}.argument-path{margin-right:-5px}}