/* Demo layer: brand fixes B1-B4, demo ribbon, person block. Loaded after variants.css. */
:root{--ink:#1a1a1a;--ink-2:#4a4a4a;--ink-3:#6f6f6f;--line:#dedad4;--bg:#f2f0ed;--sunk:#ebe8e3;--red:#E4002B;--red-strong:#C8102E;--red-soft:#fdecee;
 --ok:#1e6b45;--ok-bg:#e3f2e9;--attn:#8a5a00;--attn-bg:#fbefd4;--display:"Oswald","Arial Narrow",sans-serif;--body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif}
body{font-family:var(--body)}
/* one thin red bar at the very top (B1) */
body::before{content:"";display:block;height:4px;background:var(--red)}
/* brand row in ink, square red mark, no stripes (B1) */
html .sidebar .brand,html[data-look] .sidebar .brand{background:#1a1a1a;color:#fff}
html[data-look] .sidebar .brand::before{display:none}
html .brand-mark,html[data-look] .sidebar .brand-mark{background:var(--red);color:#fff;border-radius:0;font-family:var(--display);font-weight:600}
html[data-look] .sidebar .brand small{color:rgb(255 255 255 / 70%)}
/* square language switch */
html .lang,html[data-look] .lang{border-radius:0}
/* person block */
.kr-person{display:grid;gap:8px;padding:14px 16px;border-top:1px solid #333;color:#fff;background:#1a1a1a}
.kr-person .who{display:flex;gap:10px;align-items:center;min-width:0}
.kr-person .av{width:32px;height:32px;flex:none;background:#3a3a3a;color:#fff;display:grid;place-items:center;font:600 12px var(--body)}
.kr-person b{display:block;font:600 14px/1.15 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kr-person small{display:block;font-size:12px;color:#bdbdbd}
.kr-person .acts{display:flex;gap:4px;flex-wrap:wrap}
.kr-person a{display:inline-flex;align-items:center;gap:6px;color:#fff;font:600 13px var(--body);text-decoration:none;padding:4px 6px}
.kr-person a:hover,.kr-person a:focus-visible{background:#333}
.kr-ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:square;flex:none}
.sidebar-foot[data-co="persona"]{display:none}
@media (max-width:820px){.kr-person{display:grid}}
/* Demo status badge: amber, square, same height as the Draft badge, inline in the top bar */
.kr-demo{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;background:#fbefd4;color:#8a5a00;border:1px solid #e3c27a;font:700 12px/1 var(--body);white-space:nowrap;border-radius:0;vertical-align:middle}
.kr-demo i{width:7px;height:7px;background:#c98a00;display:inline-block}
.kr-demo.corner{position:absolute;top:12px;right:12px}