/* ankra:theme terracotta */
:root {
  color-scheme: light;
  --bg: #faf9f7;
  --surface: #ffffff;
  --surface-alt: #f3efe9;
  --ink: #1a1a1a;
  --muted: #66625c;
  --line: #e8e3db;
  --accent: #8a4b2d;
  --accent-ink: #ffffff;
  --accent-soft: #f4e7df;
  --danger: #b42318;
  --success: #2f6b3a;
  --warning: #8a5300;
}
/* /ankra:theme */
body { margin: 0; font: 16px/1.65 Georgia, 'Times New Roman', serif; color: var(--ink); background: var(--bg); }
.page { max-width: 640px; margin: 0 auto; padding: 64px 20px 96px; }
.intro h1 { font-size: 34px; margin: 0 0 8px; letter-spacing: -0.01em; }
.intro p { margin: 0 0 8px; color: var(--muted); }
.links a { color: var(--accent); }
h2 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--muted); margin: 48px 0 12px; font-family: system-ui, sans-serif; }
.work, .posts { list-style: none; margin: 0; padding: 0; }
.work li, .posts li { padding: 14px 0; border-top: 1px solid var(--line); }
.work strong { display: block; }
.work span, .posts span { color: var(--muted); font-size: 15px; }
.posts a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line); }
.posts a:hover { border-color: var(--accent); }