/* RavenChat: readable without CSS, lightweight with CSS. */
:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { margin: 0; font: 1rem/1.65 system-ui, sans-serif; color: #20252b; background: #fafafa; }
.container { max-width: 46rem; margin: 0 auto; padding: 0 1rem; }
a { color: #195b88; text-underline-offset: .15em; }
a:hover, a:focus-visible { text-decoration-thickness: .15em; }
.site-header { border-bottom: 1px solid #ccc; padding: 1.25rem 0; }
.brand { margin: 0; font-size: 1.8rem; font-weight: 700; }
.brand a { color: inherit; text-decoration: none; }
.tagline { margin: 0 0 1rem; color: #555; }
nav { display: flex; flex-wrap: wrap; gap: .4rem 1rem; }
main { padding-top: 1.5rem !important; padding-bottom: 2rem !important; min-height: 45vh; }
h1 { line-height: 1.25; }
footer { border-top: 1px solid #ccc; color: #555; font-size: .9rem; }
.skip { position: absolute; left: -10000px; }
.skip:focus { position: static; display: inline-block; padding: .5rem; }
@media (prefers-color-scheme: dark) {
  body { background: #15191e; color: #e6e9ed; }
  a { color: #8dc8f0; }
  .site-header, footer { border-color: #444; }
  .tagline, footer { color: #b5bbc2; }
}