/* utilities.css: the atomic layer, loaded last on every page.
   layer 5 of 5: tokens > base > objects > components > utilities.
   one class, one declaration, no !important: these replace what used to be style="" attributes,
   and they sit last so they beat the single class rules before them. the foundation spacing
   classes (m-ws-top and friends in style.css) are em based; these are rem or vh, to keep the
   exact values the pages always had. */

/* margin top scale: the number is rem x 10 */
.mt-0 { margin-top: 0; }
.mt-12 { margin-top: 1.2rem; }
.mt-16 { margin-top: 1.6rem; }
.mt-20 { margin-top: 2rem; }
.mt-24 { margin-top: 2.4rem; }
.mt-40 { margin-top: 4rem; }
.mt-4vh { margin-top: 4vh; }

/* type and colour */
.fw-400 { font-weight: 400; }
.fs-15 { font-size: 15px; }
.fs-card { font-size: clamp(23px, 2.4vw, 26px); }   /* a card title in the plan: one step under .mid */
.c-white { color: #fff; }

/* display */
.d-block { display: block; }