*, *::before, *::after { box-sizing: border-box; }

body.mq {
  margin: 0;
  background: var(--mq-paper);
  color: var(--mq-ink);
  font-family: var(--mq-body);
  font-size: var(--fs-body);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

.mq :focus-visible {
  outline: 2px solid var(--mq-brand);
  outline-offset: 2px;
  border-radius: var(--r-cell);
}

a { color: var(--mq-brand); text-decoration: none; }
a:hover { color: var(--mq-brand-2); }