/* components.css — 2026-09-08 — append to notes.css */
/* :root block only if these names aren't already defined there */
:root { --bg:#f9f9f9; --hover:#f8f8f8; --border:#dddddd; --muted:#595959; --text:#111111; --accent:#0055cc; --data-2:#2a7a2a; --alert:#cc2200; }

.fig { display:block; width:100%; margin:1.5rem 0 0; }
.fig svg { display:block; width:100%; height:auto; }
.fig-caption { color:var(--muted); font-size:.85em; margin:.35rem 0 1.5rem; }

.c-table { width:100%; border-collapse:collapse; margin-top:1.5rem; }
.c-table td { padding:.55rem .6rem; border-bottom:1px solid var(--border); }
.c-table .c-head td { color:var(--muted); border-bottom:1px solid var(--muted); }
.c-table .sep { border-left:1px solid var(--border); }
.c-table .pos { color:var(--data-2); }
.c-table .neg { color:var(--alert); }

.regmap { display:flex; align-items:center; gap:.5rem; margin-top:1.5rem; }
.regfield { border:1px solid var(--text); padding:.65rem .5rem; text-align:center; white-space:nowrap; }
.regfield.internal { border-style:dashed; border-color:var(--border); color:var(--muted); }
.regfield.accent { border-color:var(--accent); color:var(--accent); }
.regmap .msb { color:var(--muted); font-size:.85em; white-space:nowrap; }

/* changelog — 2026-09-08 */
.changelog { border-left:1px solid var(--border); padding-left:1.5rem; margin:1.5rem 0; }
.changelog p { margin:.5rem 0; }
.cl-date { color:var(--muted); }