/* ===== Global typography & layout ===== */

/* Body text — clean, easy to read */
body {
  margin: 0;
  padding: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI",
               Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  background-color: #e9e6df;
  /* very subtle wallpaper-ish texture */
  background-image:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,0.07) 0,
      rgba(255,255,255,0.07) 2px,
      transparent 2px,
      transparent 6px
    );
  color: #1a1a1a;
}

/* Centered white column */
.page {
  max-width: 800px;
  margin: 1.5rem auto 2.5rem;
  padding: 1.5rem 1rem 2rem;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}

/* Headings + tagline — creaky Mercouris serif */
h1, h2, h3, .tagline {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Headings */

h2 {
  font-size: 1.9rem;
  font-weight: 600;
  margin-top: 1.4rem;
  margin-bottom: 1rem;
}

h3 {
  font-size: 1.3rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.6rem;
}

/* Date line under article titles */
.date {
  font-size: 0.95rem;
  color: #555;
  margin-top: 0;
  margin-bottom: 0.4rem;
}

/* Navigation line */

.nav {
  margin: 0.25rem 0 0.75rem 0;
  font-size: 0.95rem;
}

/* Tagline (About page) */

.tagline {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-weight: 700;       /* bold enough but not heavy */
  font-size: 1.27rem;     /* slightly larger */
  margin-top: 0.3rem;
  margin-bottom: 1.25rem;
  color: #2a2a2a;         /* darker for legibility */
}


/* Paragraphs */

p {
  margin-top: 0.4rem;
  margin-bottom: 0.9rem;
}

/* Blockquotes for quoted lines / Kremlin text etc. */

blockquote {
  margin: 1.1rem 1.5rem;
  padding-left: 1rem;
  border-left: 3px solid #c5c0b5;
  font-style: italic;
  color: #444;
}

/* Horizontal rule */

hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 0.5rem 0 1rem 0;
}

/* Links */

a {
  color: #1a4f8b;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Footer */

footer {
  margin-top: 1.5rem;
  font-size: 0.9rem;
  color: #555;
}

footer p {
  margin: 0.2rem 0;
}

/* ===== Print styling ===== */

@media print {
  body {
    background: #ffffff;
  }

  .page {
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
  }

  a {
    color: #000;
    text-decoration: none;
  }

  hr {
    border-top-color: #999;
  }
}