:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #20312b;
  background: #f7f8f5;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
body { min-width: 320px; min-height: 100vh; margin: 0; }
a { color: inherit; }
.site-wrap { width: min(100% - 40px, 880px); margin: 0 auto; padding: 12vh 0 72px; }
.site-header { display: flex; justify-content: flex-end; margin-bottom: 72px; }
.site-admin-link {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid #c6d1ca;
  border-radius: 999px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
.site-admin-link:hover, .site-admin-link:focus-visible { background: #e9eee9; }
.site-content { max-width: 720px; }
.site-eyebrow { margin: 0 0 16px; color: #5f7369; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(2rem, 6vw, 4rem); line-height: 1.08; letter-spacing: -.04em; }
.site-body { margin-top: 26px; color: #4f6259; font-size: 18px; line-height: 1.7; white-space: pre-wrap; }
.site-empty { max-width: 650px; padding: 30px 0; }
.site-empty p:last-of-type { max-width: 540px; margin-top: 18px; color: #5f7369; font-size: 17px; line-height: 1.65; }
.site-page-list { display: grid; gap: 12px; margin-top: 34px; padding: 0; list-style: none; }
.site-page-list a { text-decoration-thickness: 1px; text-underline-offset: 4px; }
.site-error { color: #7b3b33; }
@media (max-width: 600px) {
  .site-wrap { width: min(100% - 32px, 880px); padding-top: 8vh; }
  .site-header { margin-bottom: 52px; }
}