:root {
  --tj-ink: #1b0b06;
  --tj-brown: #321200;
  --tj-paper: #f4efe5;
  --tj-cream: #e7dcc8;
  --tj-copper: #a97a4b;
  --tj-warning: #8a3126;
  --tj-rule: rgba(50, 18, 0, 0.24);
}

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

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--tj-paper);
  color: var(--tj-ink);
}

.tj-eyebrow,
.tj-ticker,
.tj-meta,
.tj-kicker {
  font-family: "IBM Plex Mono", "Courier New", monospace;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}

.tj-rule {
  border: 0;
  border-top: 1px solid var(--tj-rule);
  margin: var(--wp--preset--spacing--l) 0;
}

.tj-card {
  border: 1px solid var(--tj-rule);
  padding: var(--wp--preset--spacing--m);
}

.tj-insight {
  border-top: 1px solid var(--tj-brown);
  border-bottom: 1px solid var(--tj-brown);
  margin-block: var(--wp--preset--spacing--l);
  padding-block: var(--wp--preset--spacing--m);
}

.tj-insight__label {
  color: var(--tj-brown);
  display: block;
  margin-bottom: 0.6rem;
}

.tj-section-number {
  color: var(--tj-copper);
  font-family: "IBM Plex Mono", "Courier New", monospace;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
}

.tj-prose > * + * {
  margin-top: 1.25em;
}

@media (max-width: 600px) {
  .wp-site-blocks {
    overflow: clip;
  }
}