/* "What arrives in your repository" (scripts/site/interactives/repo-change.ts). Custom properties
   only. Dye meanings: teal = passed or approved, saffron = waiting or for information, madder =
   problems found, indigo = action or link. */
.ix-rc {
  --ix-ok: var(--teal-ink); --ix-wait: var(--saffron-ink); --ix-broken: var(--madder-ink); --ix-action: var(--indigo-ink);
  --ix-ink: var(--ink); --ix-ink-2: var(--ink-2); --ix-line: var(--line); --ix-surface: var(--surface); --ix-ground: var(--cotton);
  color: var(--ix-ink); background: var(--ix-surface); border: 1px solid var(--ix-line); padding: clamp(var(--space-6), 3vw, var(--space-8)); margin: var(--space-8) 0;
}
.ix-rc-label { display: inline-block; margin: 0 0 var(--space-5); font: var(--type-label); color: var(--ix-ink-2); border: 1px solid var(--ix-line); padding: var(--space-2) var(--space-4); }
.ix-rc-pr { border-bottom: 1px solid var(--ix-line); padding-bottom: var(--space-5); margin-bottom: var(--space-6); }
.ix-rc-title { font: var(--type-strong); margin: 0 0 var(--space-2); }
.ix-rc-state { display: inline-block; font: var(--type-label); padding: var(--space-3) var(--space-4); border: 2px solid var(--ix-ink-2); color: var(--ix-ink-2); margin-right: var(--space-3); vertical-align: middle; }
.ix-rc-meta { margin: 0; color: var(--ix-ink-2); font-size: var(--fs-small); }
.ix-rc-grid { display: grid; gap: var(--space-7) var(--space-9); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1000px) { .ix-rc-grid { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }
.ix-rc h3 { font: var(--type-strong); margin: 0 0 var(--space-4); }
.ix-rc-files > ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ix-line); }
.ix-rc-files li { border-bottom: 1px solid var(--ix-line); }
.ix-rc summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: var(--space-5); padding: var(--space-3) var(--space-2); }
.ix-rc summary code { font: var(--type-label); overflow-wrap: anywhere; flex: 1; color: var(--ix-action); }
.ix-rc summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.ix-rc-plus { font: var(--type-label); color: var(--ix-ok); }
.ix-rc-why { margin: var(--space-2) var(--space-2) var(--space-4); font-size: var(--fs-small); }
.ix-rc-why span { display: block; font-size: var(--fs-small); color: var(--ix-ink-2); }
.ix-rc pre, .prose .ix-rc pre { margin: 0 0 var(--space-4); padding: var(--space-5) var(--space-5); max-height: 360px; overflow: auto; background: var(--ix-ground); border: 1px solid var(--ix-line); font: var(--type-label); max-width: 100%; }
.ix-rc pre:focus-visible { outline: 3px solid var(--focus); }
.ix-rc-more { font-size: var(--fs-small); color: var(--ix-ink-2); margin: 0 var(--space-2) var(--space-5); }
.ix-rc-rest { margin-top: var(--space-4); font-size: var(--fs-small); }
.ix-rc-rest ul { margin: 0; padding-left: var(--space-7); display: grid; gap: var(--space-1); }
.ix-rc-rest code { font: var(--type-label); overflow-wrap: anywhere; }
.ix-rc-checks { list-style: none; margin: 0 0 var(--space-7); padding: 0; display: grid; gap: var(--space-5); }
.ix-rc-checks li { border-left: 4px solid var(--ix-tone, var(--ix-line)); padding: var(--space-2) 0 var(--space-2) var(--space-5); }
.ix-rc-checks p { margin: var(--space-2) 0 0; font-size: var(--fs-small); color: var(--ix-ink-2); overflow-wrap: anywhere; }
.ix-rc-success { --ix-tone: var(--ix-ok); }
.ix-rc-failure { --ix-tone: var(--ix-broken); }
.ix-rc-neutral { --ix-tone: var(--ix-wait); }
.ix-rc-icon, .ix-rc-concl { color: var(--ix-tone); font-weight: 700; }
.ix-rc-icon { margin-right: var(--space-3); }
.ix-rc-perms { width: 100%; border-collapse: collapse; font-size: var(--fs-small); }
.ix-rc-perms th, .ix-rc-perms td { text-align: start; vertical-align: top; padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--ix-line); }
.ix-rc-never-head { font-weight: 700; margin: var(--space-6) 0 var(--space-3); }
.ix-rc-never { margin: 0; padding-left: var(--space-7); display: grid; gap: var(--space-2); font-size: var(--fs-small); }
.ix-rc-never li::marker { color: var(--ix-broken); }
.ix-rc-commands { font-size: var(--fs-small); color: var(--ix-ink-2); margin: var(--space-6) 0 0; overflow-wrap: anywhere; }
.ix-rc-commands code { font: var(--type-label); }
.ix-rc-caption { font-size: var(--fs-small); color: var(--ix-ink-2); margin: var(--space-4) 0 0; max-width: 90ch; }
.ix-rc pre code { color: var(--ix-ink); background: none; padding: 0; font: inherit; }