/*
  spiral.camp — black, minimal, crawlable
  No JavaScript. Typography leans on system monospace.
*/

/* Base */
:root {
  color-scheme: dark;
  --bg: #000;
  --fg: #ffffff;
  --muted: #9a9a9a;
  --line: #1a1a1a;
}

* { box-sizing: border-box; }

html, body { height: 100%; }

body {
  background: var(--bg);
  
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4rem;
  
  margin: 0;
  padding: 2rem;

  color: var(--fg);
  font-family: "Courier Prime", Courier, "Courier New", monospace;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.01em;
}

main { display: block; }

a, a:visited { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
a:hover { text-decoration: underline; }

/* Layout */
.wrap {
  display: inherit;
  flex-direction: inherit;
  align-items: inherit;
  gap: inherit;
}

/* Headings */
h1, h2, h3 { font-weight: 400; margin: 0; font-size: inherit; }
h1 { opacity: 1; }
h2 { text-transform: lowercase; letter-spacing: 0.06em; opacity: 0.7; }

/* Dispatch and article styles moved to styles/components/dispatches.css */

/* Accessibility affordances for focus */
:focus-visible { outline: 2px dashed #555; outline-offset: 2px; }