/* Plain, text-first; the palette of the Speak and Radiant pages. */
:root { --ink: #120F1C; --signal: #FF6B3D; --paper: #F7F4EE; --muted: #9A93B0; }
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--ink); color: var(--paper);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px; line-height: 1.6; -webkit-font-smoothing: antialiased;
}
main { max-width: 640px; margin: 0 auto; padding: 0 24px; }
a { color: var(--signal); }
header.site { padding: 48px 0 24px; }
header.site a { color: var(--paper); text-decoration: none; font-weight: 600; letter-spacing: -0.01em; }
footer.site { padding: 48px 0; color: var(--muted); font-size: 15px; }
footer.site a { color: var(--muted); }
.intro { color: var(--muted); }
h1 { font-size: 34px; line-height: 1.2; font-weight: 600; letter-spacing: -0.02em; margin: 24px 0 8px; }
h2 { font-size: 24px; font-weight: 600; margin: 40px 0 8px; }
.meta { color: var(--muted); font-size: 15px; margin: 0 0 32px; }
.tag { color: var(--muted); margin-left: 8px; }
ul.posts { list-style: none; padding: 0; }
ul.posts li { margin: 0 0 12px; }
ul.posts time { color: var(--muted); font-size: 15px; display: inline-block; min-width: 110px; }
blockquote { margin: 24px 0; padding-left: 16px; border-left: 2px solid var(--signal); color: var(--muted); }
code { font-size: 15px; background: rgba(247, 244, 238, 0.08); padding: 1px 4px; border-radius: 4px; }
pre { overflow-x: auto; background: rgba(247, 244, 238, 0.06); padding: 16px; border-radius: 8px; }
pre code { background: none; padding: 0; }
img { max-width: 100%; height: auto; }