/* ------------------------------------------------------------------------ */
/*   FONTS                                                                  */
/* ------------------------------------------------------------------------ */
@font-face {
  font-display: swap;
  font-family: "JetBrains Mono";
  font-weight: normal;
  src: url("/assets/fonts/JetBrainsMono-Regular.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "JetBrains Mono";
  font-weight: bold;
  src: url("/assets/fonts/JetBrainsMono-ExtraBold.woff2") format("woff2");
}

:root {
  --mono-font: "JetBrains Mono", monospace;
}

/* ------------------------------------------------------------------------ */
/*   GENERAL                                                                */
/* ------------------------------------------------------------------------ */
body {
  grid-template-columns: 1fr min(60rem, 90%) 1fr;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
}

body > header {
  background-color: var(--theme-color);
  color: var(--accent-text);
  padding-bottom: 0rem;
}

body > header > *:only-child {
  margin-block-start: 1rem;
}

aside > ul {
  padding-inline-start: inherit;
}

code,
pre,
pre span,
kbd,
samp {
  font-size: 0.95em;
}

pre {
  font-size: 0.8em;
}

aside {
  padding: 0.9em;
  width: 33%;
}

aside > *:first-child {
  margin-top: 0;
}

aside > *:last-child {
  margin-bottom: 0;
}

.icon {
  display: inline-block;
  fill: currentColor;
  height: 1.3em;
  margin-right: 0.2rem;
  padding-right: 0.25rem;
  stroke-width: 0;
  stroke: currentColor;
  vertical-align: sub;
  width: 1em;
}

.logo {
  height: 0.75em;
  vertical-align: baseline;
  margin-right: 0.3em;
}

.theme-color {
  color: var(--theme-color);
  font-size: 1.2em;
}

/* ------------------------------------------------------------------------ */
/*   TABLES                                                                 */
/* ------------------------------------------------------------------------ */
/* Keep the command column on one line; the Purpose column absorbs the wrap. */
#commands td:first-child {
  white-space: nowrap;
}

/* Keep the dbxignore + git-counterpart columns on one line; Notes wraps. */
#command-parity-with-git td:nth-child(-n + 2) {
  white-space: nowrap;
}