/* Staging (Marc 9 Nov 10:34 NL): the bar 'STAGING' on every page, in a colour production never uses. Only served into a page with
   ENG_ENVIRONMENT=staging (eng/staging.py). */
#eng-staging{position:fixed;top:0;left:0;right:0;z-index:2147483646;height:24px;line-height:24px;text-align:center;
  font:700 13px/24px system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.2em;color:#1c1917;
  background:repeating-linear-gradient(45deg,#f59e0b 0 14px,#fbbf24 14px 28px);border-bottom:1px solid #b45309;pointer-events:none}
html{scroll-padding-top:24px}
body{padding-top:24px!important}
/* the role picker (judy-20261110-0239z): the bar leads to it; only the link takes clicks */
#eng-staging a{pointer-events:auto;color:#1c1917;letter-spacing:.05em;margin-left:1em;text-decoration:underline;font-weight:700}
#eng-staging a:focus-visible{outline:2px solid #1c1917;outline-offset:2px}
.staging-roles{max-width:880px;margin:24px auto;padding:0 16px}
.staging-roles ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.staging-roles li{border:1px solid var(--eng-line,#d6d3d1);border-radius:10px;padding:12px}
.staging-roles li .who{font-weight:700;display:block}
.staging-roles li .role{color:var(--eng-muted,#57534e);display:block;margin-bottom:8px}
.staging-roles li .why{color:var(--eng-muted,#57534e);font-size:.9em}
.staging-roles .acting{background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;padding:12px;margin:12px 0}