/* RMI icons, 2026 style: fine line, 24 px grid, 1.5 stroke, round ends, currentColor.
   Load rmi-icons-sprite.svg once, right after <body>.
   Line icon: <svg class="ri" aria-hidden="true"><use href="#i-mathematics"></use></svg>
   Framed icon: <span class="ri-badge"><svg class="ri" aria-hidden="true"><use href="#i-mathematics"></use></svg></span>
   Icons take the text colour: Porcelain on black pages, black on white documents. */

.ri {
  width: 1.25em;
  height: 1.25em;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: -0.2em;
}

.ri-badge {
  display: inline-grid;
  place-items: center;
  width: 56px;
  height: 56px;
  flex: none;
  border-radius: 50%;
  border: 1px solid #2A2A2E;
  color: #F5F3EE;
  background: transparent;
}
.ri-badge .ri { width: 26px; height: 26px; }

/* Old colourway classes stay valid but are all black and white now */
.ri-badge.is-light { color: #0B0B0C; border-color: #DCD9D2; }
.ri-badge.is-teal,
.ri-badge.is-kids { color: #F5F3EE; border-color: #8A8A90; }

.ri-badge.is-sm { width: 40px; height: 40px; }
.ri-badge.is-sm .ri { width: 19px; height: 19px; }
.ri-badge.is-lg { width: 80px; height: 80px; }
.ri-badge.is-lg .ri { width: 36px; height: 36px; }