.nav a {
  width: 112px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0 8px;
  text-align: center;
  line-height: 1.15;
  white-space: nowrap;
  transition: background-color .18s ease, color .18s ease;
}

.nav a:hover,
.nav a:focus-visible {
  background: var(--ink);
  color: var(--paper);
}

.nav a:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 3px;
}

@media (max-width: 850px) {
  .nav a {
    width: 86px;
    height: 38px;
    padding: 0 5px;
    font-size: 8px;
  }
}

.article-body strong{font-weight:800}
.article-body em{font-style:italic}
.article-body code{padding:2px 5px;background:#deddd7;font-family:ui-monospace,monospace;font-size:.85em}
.format-toolbar{display:flex;flex-wrap:wrap;gap:7px}
.format-toolbar button{border:1px solid #555;background:#222;color:#f2f1ed;padding:8px 10px;cursor:pointer;font:8px ui-monospace,monospace;letter-spacing:.08em}
.format-toolbar button:hover,.format-toolbar button:focus-visible{background:#d8ff00;color:#090909;border-color:#d8ff00}
.body-editor{min-height:350px;padding:16px;background:#171717;color:#f2f1ed;border:1px solid #555;outline:none;line-height:1.6;white-space:normal}.body-editor:focus{border-color:#d8ff00;box-shadow:0 0 0 1px #d8ff00}.body-editor p{margin:0 0 1em}.body-editor h2{margin:1.6em 0 .6em;font-size:28px;line-height:1}.body-editor h3{margin:1.4em 0 .5em;font-size:20px}.body-editor blockquote{margin:1.4em 0;padding:12px 16px;border-left:3px solid #d8ff00;color:#d8ff00}.body-editor ul{padding-left:24px}.body-editor strong{font-weight:800}