:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  background: #f4efe6;
  color: #1c1915;
  font-family: "Outfit", "Segoe UI", sans-serif;
}
a { color: #3f4f4a; }
.wrap { max-width: 40rem; margin: 0 auto; padding: 4.5rem 1.5rem 3rem; }
.brand { font-family: "Cormorant Garamond", Palatino, serif; font-size: 2.6rem; letter-spacing: -0.02em; margin: 0; }
.brand a { color: inherit; text-decoration: none; }
nav.top { display: flex; gap: 1rem; margin: 1rem 0 2.5rem; font-size: 0.95rem; }
nav.top a { color: #7a7266; text-decoration: none; }
nav.top a[aria-current="page"], nav.top a:hover { color: #1c1915; }
.links { display: flex; flex-direction: column; gap: 1.25rem; margin-top: 2rem; }
.links a {
  font-family: "Cormorant Garamond", Palatino, serif;
  font-size: 2rem;
  text-decoration: none;
  color: #0693e3;
}
.prose { font-size: 1.05rem; line-height: 1.6; }
.prose h1, .prose h3, .prose h4 { font-family: "Cormorant Garamond", Palatino, serif; font-weight: 500; }
.prose img { max-width: 100%; height: auto; }
footer.site { margin-top: 4rem; color: #7a7266; font-size: 0.85rem; }