:root { color-scheme: light; --paper: #f5f2e9; --ink: #203d36; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); -webkit-font-smoothing: antialiased; }
::selection { background: #e0b47e; color: #203d36; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid #97633e; outline-offset: 5px; }
.site-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; border-top: 1px solid rgb(32 61 54 / 15%); padding: 24px 0; color: #677168; font: 12px/1.6 system-ui, sans-serif; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.site-footer a { display: inline-block; padding: 8px 0; color: var(--ink); text-decoration: underline; text-decoration-color: rgb(32 61 54 / 30%); text-underline-offset: 4px; }
.site-footer a:hover { text-decoration-color: currentColor; }
@keyframes arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: no-preference) { [data-arrive] { animation: arrive .8s ease-out both; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }