@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,300;0,6..12,400;0,6..12,600;1,6..12,300;1,6..12,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Special+Elite&display=swap");

:root {
  --bs-primary: #1a1a1a;
  --bs-primary-rgb: 26, 26, 26;
  --bs-font-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-weight: 300;
  --bs-body-color: #4a4540;
  --bs-heading-color: #1a1a1a;
  --bs-link-color: #8b2020;
  --bs-link-color-rgb: 139, 32, 32;
  --bs-link-hover-color: #5c1515;
  --bs-border-width: 0;
  --ribbon: #8b2020;
}

/* Paper background with subtle noise texture */
body {
  background-color: #f5f2ec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  letter-spacing: 0.5px;
}

/* Titles use Special Elite - the typewriter face */
h1, .h1 {
  font-family: 'Special Elite', cursive;
  text-transform: none;
  letter-spacing: 1px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--bs-heading-color);
}

h2, .h2,
h3, .h3,
h4, .h4 {
  font-family: 'Playfair Display', Georgia, serif;
  text-transform: none;
  letter-spacing: 0.5px;
  font-weight: 700;
  color: var(--bs-heading-color);
}

h5, .h5,
h6, .h6 {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 600;
  color: var(--bs-heading-color);
}

/* Navbar */
.navbar {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
}

.navbar-nav .nav-link {
  padding-top: 0.715rem;
  padding-bottom: 0.715rem;
}

.navbar-brand {
  font-family: 'Special Elite', cursive;
  font-size: 1.5rem;
  margin-right: 2rem;
  letter-spacing: 2px;
}

.nav-item {
  margin-right: 1rem;
}

.site-header .navbar {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
}

/* Buttons */
.btn {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Post content */
.content img {
  max-width: 100%;
  height: auto;
}

.content pre,
.content code {
  font-family: 'Special Elite', 'Courier New', monospace;
  background: #ede9e1;
  border-radius: 0;
}

.content pre {
  padding: 1rem 1.25rem;
  overflow-x: auto;
  border-left: 3px solid var(--ribbon);
}

/* Blockquotes styled as typed excerpts */
.content blockquote {
  border-left: 3px solid var(--ribbon);
  margin-left: 0;
  padding: 0.75rem 1.25rem;
  background: #ede9e1;
  font-family: 'Special Elite', cursive;
  font-size: 0.975rem;
  color: #4a4540;
}

.content blockquote p:last-child {
  margin-bottom: 0;
}

/* Horizontal rule as a row of dashes */
.content hr {
  border: none;
  text-align: center;
  letter-spacing: 6px;
  color: #b0a99f;
  overflow: visible;
  height: 1.5rem;
}
.content hr::after {
  content: '- - - - - - - - - -';
  font-family: 'Special Elite', cursive;
}

/* Links in content */
.content a {
  color: var(--ribbon);
  text-decoration-color: #d4a0a0;
  text-underline-offset: 2px;
}

.content a:hover {
  color: #5c1515;
  text-decoration-color: var(--ribbon);
}

/* Post header */
.post-header .badge {
  margin-right: 0.25rem;
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 1px;
  background-color: var(--ribbon) !important;
}

.post-header time {
  font-family: 'Special Elite', cursive;
  font-size: 0.85rem;
  color: #7a7268;
}

/* Footer */
.site-footer {
  font-size: 0.8rem;
  letter-spacing: 1px;
}

/* Home featured label */
.featured-label {
  font-family: 'Special Elite', cursive;
  font-size: 0.7rem;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--ribbon);
  margin-bottom: 0.75rem;
}

/* Post navigation */
.post-nav {
  border-top: 1px solid #d8d3ca;
}

.post-nav-label {
  font-family: 'Special Elite', cursive;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 400;
  color: #7a7268;
}

.post-nav a {
  font-family: 'Special Elite', cursive;
  font-size: 0.975rem;
  text-decoration: none;
  color: #1a1a1a;
}

.post-nav a:hover {
  color: var(--ribbon);
}

/* Archive and Books index */
.archive-list {
  list-style: none;
  padding: 0;
}

.archive-list li {
  padding: 0.35rem 0;
  border-bottom: 1px dashed #d8d3ca;
  font-size: 0.9375rem;
}

.archive-list li:last-child {
  border-bottom: none;
}

.archive-list a {
  text-decoration: none;
  color: #1a1a1a;
}

.archive-list a:hover {
  color: var(--ribbon);
}

.archive-date {
  display: inline-block;
  min-width: 3.5rem;
  font-family: 'Special Elite', cursive;
  font-size: 0.75rem;
  letter-spacing: 1px;
  color: #7a7268;
  text-transform: uppercase;
}

/* Books/Topics page section headings */
.books-index h4,
.archive-index h4 {
  font-family: 'Special Elite', cursive;
  font-size: 1.1rem;
  letter-spacing: 1px;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #d8d3ca;
  margin-top: 2rem;
}

/* Narrow reading width */
@media (min-width: 992px) {
  .container { max-width: 880px; }
}
@media (min-width: 1200px) {
  .container { max-width: 940px; }
}