/*! csr-blue-green-ui test bundle */
:root{--bg:#0b6b3a;--bg2:#0c3f26;--accent:#7bf1a8;--text:#ffffff}
*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{background:linear-gradient(160deg,var(--bg) 0%,var(--bg2) 100%);color:var(--text);
font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
#root{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px}
.card{width:100%;max-width:820px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18);
border-radius:16px;padding:28px 32px;box-shadow:0 24px 64px rgba(0,0,0,.35)}
.colour{font-size:64px;font-weight:800;letter-spacing:.06em;line-height:1.05;color:var(--accent);margin:0}
.role{display:inline-block;margin:10px 0 22px;padding:4px 12px;border-radius:999px;
background:var(--accent);color:var(--bg2);font-weight:700;font-size:13px;letter-spacing:.12em}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.12);
font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
th{width:34%;color:var(--accent);font-weight:600;letter-spacing:.04em}
.chunk-ok{color:var(--accent);font-weight:700}
.chunk-bad{color:#ffd0d0;font-weight:700;background:#8b1111;padding:2px 6px;border-radius:4px}
.note{margin-top:20px;font-size:12.5px;opacity:.75;line-height:1.6}
noscript{font-size:20px;font-weight:700}