:root {
  color-scheme: light;
  color: #1c1a18;
  background: #f3f1ee;
  font: 1rem/1.6 system-ui, sans-serif;
}

body { margin: 0; }
a { color: #51402d; text-underline-offset: .16em; }
a:hover { text-decoration-thickness: .14em; }
a:focus-visible { outline: 2px solid #51402d; outline-offset: 4px; }
main, .site-header nav, footer { width: min(100% - 2rem, 46rem); margin-inline: auto; }
.site-header { border-block-end: 1px solid #d7d0c6; }
.site-header nav { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem 1.5rem; padding-block: 1rem; }
.brand { font-family: Georgia, serif; font-weight: 700; }
main { padding-block: 2.5rem 4rem; overflow-wrap: anywhere; }
h1, h2, h3 { font-family: Georgia, serif; line-height: 1.2; }
h1 { font-size: clamp(2rem, 5vw, 3rem); margin-block: .5rem 1rem; }
h2 { margin-block: 2rem .75rem; }
h3 { margin-block: 1.5rem .5rem; }
ul, ol { padding-inline-start: 1.5rem; }
.meta { color: #5c5850; font-size: .9rem; }
.breadcrumbs ol, .article-list { padding: 0; list-style: none; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .25rem .75rem; font-size: .9rem; }
.breadcrumbs li + li::before { content: '›'; margin-inline-end: .75rem; }
.article-list li { padding-block: 1.25rem; border-block-end: 1px solid #d7d0c6; }
.article-list h2, .article-list p { margin-block: 0 .5rem; }
.pagination, .actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1rem; }
.pagination { margin-block-start: 1.5rem; }
.cta { margin-block: 2rem; padding: 1.25rem; background: #eae4db; border-radius: .75rem; }
.cta h2 { margin-block-start: 0; }
.actions a { padding: .5rem .875rem; border: 1px solid #77624c; border-radius: .5rem; }
.actions a:first-child { color: #fff; background: #51402d; }
.prose img { max-inline-size: 100%; block-size: auto; }
.prose pre, .prose table { display: block; max-inline-size: 100%; overflow-x: auto; }
.prose td, .prose th { padding: .5rem .75rem; border-block-end: 1px solid #d7d0c6; text-align: start; }
footer { border-block-start: 1px solid #d7d0c6; padding-block: 1rem; }