.decision-list { display: grid; gap: 16px; }
.decision-card { display: grid; gap: 10px; }
.decision-card h2, .decision-comparison h2 { font-size: 19px; line-height: 1.3; margin: 0; }
.decision-card p { margin: 0; }
.decision-card > .btn { justify-self: start; }
.decision-top, .decision-tabs, .decision-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.decision-tabs { margin-bottom: 16px; border-bottom: 1px solid var(--border-2); }
.decision-tabs a { display: block; padding: 12px 4px; border-bottom: 3px solid transparent; }
.decision-tabs a.active { border-bottom-color: var(--accent); color: var(--accent); font-weight: 700; }
.decision-meta { color: var(--text-2); line-height: 1.6; }
.decision-effect { margin-bottom: 20px; border-left: 4px solid var(--accent); }
.decision-effect h2 { margin-top: 0; font-size: 18px; }
.decision-comparison { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px; margin-bottom: 16px; }
.decision-kicker { color: var(--text-2); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.decision-facts { display: grid; gap: 8px; margin: 20px 0; }
.decision-facts > div { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 12px; }
.decision-facts dt { color: var(--text-2); }
.decision-facts dd { margin: 0; }
.decision-evidence { margin: 16px 0; }
.decision-evidence summary { cursor: pointer; font-weight: 600; padding: 8px 0; }
.decision-evidence pre, .decision-comparison pre, .decision-effect pre { white-space: pre-wrap; overflow-wrap: anywhere; font-family: var(--font); }
.decision-saved pre { white-space: pre-wrap; overflow-wrap: anywhere; font-family: var(--font); }
.decision-sessions { padding-left: 20px; line-height: 1.7; }
.decision-actions { margin: 20px 0; }
.decision-actions .btn { min-height: 44px; white-space: normal; }
.decision-dialog { margin: auto; width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; border: 1px solid var(--border-2); border-radius: 14px; padding: 24px; background: var(--surface); color: var(--text); box-shadow: var(--shadow-lg); }
.decision-dialog::backdrop { background: rgb(0 0 0 / .45); }
.decision-dialog h2 { margin-top: 0; }
#decision-confirm-error, .decision-effect [role="alert"] { color: var(--danger-fg); }
.decision-card, .decision-comparison > *, .decision-dialog { min-width: 0; overflow-wrap: anywhere; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }