/* Colors copied from src/lib/theme.ts (see BRAND.md section 3). */
:root {
  --paper: #E7E1CA;
  --surface: #F3EEDC;
  --ink: #1E2820;
  --muted: #5C6454;
  --line: #CBC2A3;
  --green: #2C4A35;
  --rust: #A3452B;
  --wood: #5A3A24;
  --woodEdge: #2A1A0E;
  --signText: #EDB648;
  --signSub: #E8D9B5;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

header {
  background: var(--wood);
  border-bottom: 4px solid var(--woodEdge);
  padding: 16px;
}

.sign {
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--signText);
  text-decoration: none;
}

.sign img { width: 56px; height: 56px; border-radius: 12px; }
.sign strong { display: block; font: 700 22px/1.2 Georgia, "Times New Roman", serif; letter-spacing: 0.04em; }
.sign span { display: block; color: var(--signSub); font-size: 14px; }

nav {
  max-width: 720px;
  margin: 12px auto 0;
  display: flex;
  gap: 20px;
}

nav a { color: var(--signSub); font-weight: 600; text-decoration: none; font-size: 15px; }
nav a[aria-current="page"] { color: var(--signText); }

main {
  max-width: 720px;
  margin: 24px auto;
  padding: 24px 20px;
  background: var(--surface);
  border: 1.5px solid var(--line);
  border-radius: 6px;
}

h1, h2 { font-family: Georgia, "Times New Roman", serif; color: var(--green); line-height: 1.25; }
h1 { font-size: 30px; margin: 0 0 4px; }
h2 { font-size: 21px; margin: 28px 0 6px; }
.date { color: var(--muted); margin: 0 0 20px; }
a { color: var(--rust); }
li { margin-bottom: 6px; }

footer {
  max-width: 720px;
  margin: 0 auto 32px;
  padding: 0 20px;
  color: var(--muted);
  font-size: 14px;
}