.jr-root .jre-summary { padding: .85rem 1rem; margin-block: 1rem; border: 1px solid var(--border-color,var(--ft-border)); border-radius: .65rem; color: var(--text-primary,var(--ft-text-primary)); background: var(--bg-card,var(--ft-bg-card)); }
.jr-root .jre-summary p { margin: 0 0 .5rem; line-height: 1.65; }
.jr-root .jre-intro,.jr-root .jre-status { color: var(--text-secondary,var(--ft-text-secondary)); font-size: .85rem; }
.jr-root .jre-line { margin-top: .65rem; display: grid; gap: .6rem; }
.jr-root .jre-event { border-inline-start: 2px solid var(--ft-claret); padding: .6rem .85rem; background: var(--ft-bg-tint); overflow-wrap: anywhere; font-size: .85rem; }
.jr-root .jre-name { display: block; color: var(--text-primary,var(--ft-text-primary)); }
.jr-root .jre-tags { display: flex; gap: .4rem; flex-wrap: wrap; margin-block: .4rem; }
.jr-root .jre-tag { border: 1px solid var(--border-color,var(--ft-border)); border-radius: 1rem; padding: .15rem .55rem; color: var(--text-primary,var(--ft-text-primary)); background: var(--bg-card,var(--ft-bg-card)); }
.jr-root .jre-assessment { margin-block: .4rem; white-space: pre-wrap; color: var(--text-primary,var(--ft-text-primary)); }
.jr-root .jre-evidence { display: inline-block; min-height: 44px; padding-block: .65rem; color: var(--ft-claret); text-decoration: underline; text-underline-offset: 3px; }
.jr-root .jre-summary .jr-button { min-height: 44px; }
.jr-root .jre-summary :is(a,button):focus-visible,.jr-root .jre-evidence:focus-visible { outline: 2px solid var(--ft-claret); outline-offset: 3px; }
@media(max-width:640px) { .jr-root .jre-summary { padding: .75rem; } .jr-root .jre-event { padding: .5rem .65rem; } }