/* Plaintext letterhead styles. Tailwind handles layout; these are the few repeated patterns. */

a {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
a:hover { text-decoration-thickness: 2px; }

/* Section headings read like a plain-text document: "## Heading" */
.heading { font-weight: 600; }
.heading::before { content: "## "; opacity: 0.4; }

/* Numbered beliefs with a hanging number */
.item { display: grid; grid-template-columns: 3ch 1fr; }
.num { opacity: 0.5; }

/* Hairline rule with the mark centred, as on the letterhead */
.rule {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.rule::before,
.rule::after {
  content: "";
  flex: 1;
  height: 1px;
  background: currentColor;
  opacity: 0.6;
}
.rule img { width: 1.5rem; height: 1.5rem; }

::selection { background: #14234b; color: #fbfaf7; }