/* Hallmark · component: wordmark · genre: editorial · theme: existing-classic
 * Scope: brand only; no page restructuring or global typography changes.
 * Serif is deliberate for the classic academic wordmark; no external fonts.
 * Pre-emit critique: Philosophy 5 · Hierarchy 4 · Execution 4 · Specificity 5 · Restraint 5 · Variety 4
 */
:root {
  --brand-ink: #21364d;
  --brand-hover: #2b5279;
  --brand-accent: #a47b3e;
  --brand-muted: #657180;
  --brand-paper: #fff;
  --brand-focus: #2d8cf0;
  --brand-display: Georgia, 'Times New Roman', serif;
  --brand-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.tnoj-brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  color: var(--brand-ink);
  white-space: nowrap;
  vertical-align: middle;
}

.tnoj-wordmark {
  font-family: var(--brand-display);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}

.tnoj-brand-caption {
  width: 100%;
  padding-top: 4px;
  border-top: 2px solid var(--brand-accent);
  color: var(--brand-muted);
  font-family: var(--brand-body);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.13em;
  line-height: 1;
}

.tnoj-home:hover .tnoj-wordmark,
.tnoj-home:focus-visible .tnoj-wordmark {
  color: var(--brand-hover);
}

.tnoj-home:focus-visible {
  outline: 2px solid var(--brand-focus);
  outline-offset: 4px;
}

.tnoj-home:active .tnoj-wordmark {
  color: var(--brand-ink);
}