/* risk meter (pillar page). Namespaced .rm-*; uses site.css variables. */
.rm{width:100%;max-width:680px;margin:34px 0 10px;text-align:left}
.rm h2{font:600 13px var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cy);margin:0 0 .6em}
.rm .rm-cap{color:var(--dim);font:15px/1.7 var(--f-body);margin:0 0 16px;opacity:.9}
.rm .rm-hud{display:flex;align-items:center;min-height:174px;padding:8px 12px;background:rgba(14,11,46,.55);border:1px solid var(--edge);border-radius:10px;box-shadow:0 0 18px rgba(107,92,255,.12),inset 0 0 18px rgba(107,92,255,.06)}
.rm .rm-gwrap{position:relative;flex:1;min-width:0;min-height:170px;overflow:hidden}
.rm .rm-gwrap canvas{display:block;position:absolute;left:0;top:0}
.rm .rm-note{font:11px var(--f-mono);color:var(--mut);letter-spacing:.06em;margin:10px 2px 0;opacity:.85}