/* Bloodhound Studios public site - the only stylesheet.
   Same-origin, no @import, no webfont, no external request of any kind.
   Every page links this file relatively: "style.css" from the root,
   "../style.css" from a title subfolder. Nothing else styles these pages. */

body {
  max-width: 42rem;
  margin: 2rem auto;
  padding: 0 1rem;
  font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #222;
  background: #fff;
  overflow-wrap: break-word;
}

h1 { font-size: 1.6rem; line-height: 1.25; }
h2 { font-size: 1.15rem; line-height: 1.3; margin-top: 2rem; }
h3 { font-size: 1rem; margin-top: 1.5rem; }

a { color: #1a5fb4; }
a:focus-visible { outline: 2px solid #1a5fb4; outline-offset: 2px; }

code { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 0.95em; }

ul { padding-left: 1.25rem; }
li { margin: 0.25rem 0; }

hr { border: 0; border-top: 1px solid #ddd; margin: 2rem 0 1rem; }

.meta { color: #666; }

@media (prefers-color-scheme: dark) {
  body { color: #e6e6e6; background: #161616; }
  a { color: #7aa8e8; }
  a:focus-visible { outline-color: #7aa8e8; }
  hr { border-top-color: #3a3a3a; }
  .meta { color: #a8a8a8; }
}
