/* Software, school and award marks, shared by every story. Each mark is a one-colour CSS mask, so it takes the
   text colour of wherever it sits (dark or light page) and never looks pasted on.
   <span class="tool"><i class="mk" style="--m: url(../img/logos/rhinoceros.svg)" aria-hidden="true"></i>Rhino</span> */
.tools { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.tool { display: inline-flex; align-items: center; gap: .5em; white-space: nowrap; }
.mk { flex: none; display: inline-block; width: 1.1em; height: 1.1em; background: currentColor;
      -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; opacity: .88; }
.mk.school { width: 2.1em; height: 2.1em; opacity: .92; }
.inst { display: inline-flex; align-items: center; gap: .7em; }