/* Reviewer-only join context. Semantic color tokens only; scoped under .jr (modals mount on body). */
.jr { display: grid; gap: 14px; }
.jr-h { margin: 0 0 6px; font-size: var(--s1-text-micro); font-weight: 650; color: var(--s1-mute); text-transform: none; }
.jr-verdict, .jr-ai, .jr-consult { border: 1px solid var(--s1-line-soft); border-left: 3px solid var(--tone, var(--s1-line-soft)); border-radius: var(--s1-radius-control); background: var(--s1-column); padding: 12px 14px; display: grid; gap: 8px; }
.jr-vhead { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: space-between; }
.jr-reasons, .jr-list { margin: 0; padding-left: 18px; color: var(--s1-ink-2); font-size: var(--s1-text-small); }
.jr-list { list-style: none; padding-left: 0; display: grid; gap: 4px; }
.jr-people { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; font-size: var(--s1-text-small); }
.jr-chips { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.jr-role { color: var(--s1-mute); font-size: var(--s1-text-micro); }
.jr-more > summary { cursor: pointer; font-weight: 600; font-size: var(--s1-text-small); }
.jr-more > summary:focus-visible { outline: 2px solid var(--s1-ink); outline-offset: 2px; border-radius: 4px; }
.jr-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 8px 0 0; }
.jr-facts dt { color: var(--s1-mute); font-size: var(--s1-text-micro); font-weight: 650; }
.jr-facts dd { margin: 0; font-size: var(--s1-text-small); }
.jr-decision { margin: 0; font-weight: 650; }
.jr-note { margin: 0; padding: 8px 12px; border-left: 3px solid var(--s1-line-soft); color: var(--s1-ink-2); font-size: var(--s1-text-small); white-space: pre-wrap; overflow-wrap: anywhere; }
.jr-resp p { margin: 4px 0 0; color: var(--s1-ink-2); font-size: var(--s1-text-small); overflow-wrap: anywhere; }
.jr-lbl { display: grid; gap: 4px; font-size: var(--s1-text-small); font-weight: 600; }
.jr-check { display: flex; gap: 8px; align-items: center; font-size: var(--s1-text-small); }
.jr-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.jr-actions[hidden], [data-jr="askform"][hidden], .jr-err[hidden] { display: none; }
.jr-chip-row { display: inline-flex; gap: 6px; flex-wrap: wrap; }
@media (max-width: 720px) { .jr-people, .jr-facts { grid-template-columns: minmax(0, 1fr); } }