:root { color-scheme: dark; background: #20221f; color: #f4f1e8; }
html { scroll-behavior: smooth; }
body { margin: 0; }
.site-shell { width: 100%; max-width: 1024px; margin-inline: auto; overflow-wrap: anywhere; }
a { color: inherit; text-decoration: none; }
.site-shell a { display: inline-flex; align-items: center; min-height: 2.75rem; min-width: 2.75rem; }
.site-shell a:focus-visible { outline: 2px solid #74b6d8; outline-offset: .3rem; }
.site-shell a:hover { color: #74b6d8; }
.skip-link { position: fixed; z-index: 10; top: .5rem; left: .5rem; padding: .5rem 1rem; color: #20221f; background: #f4f1e8; transform: translateY(-200%); }
.site-shell .skip-link:hover { color: #20221f; }
.skip-link:focus { transform: none; }
#main-content:focus { outline: none; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }