/* fleuron.app — shared page styling. Folio by day, Ember by night. */
:root {
  --bg: #f7f2e7;
  --surface: #efe7d6;
  --ink: #221e19;
  --ink-2: #4c453c;
  --ink-3: #8d8474;
  --rule: #221e19;
  --accent: #8a2d1f;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #191512;
    --surface: #211c17;
    --ink: #ece5da;
    --ink-2: #b7ac9d;
    --ink-3: #7d7367;
    --rule: rgba(236, 229, 218, 0.55);
    --accent: #dd7355;
  }
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: var(--bg);
  color: var(--ink-2);
  font-family: "Iowan Old Style", "Palatino", "Book Antiqua", Georgia, serif;
  font-size: 1.0625rem;
  line-height: 1.65;
}
main {
  max-width: 38rem;
  margin: 0 auto;
  padding: 4.5rem 1.5rem 6rem;
}
.mark {
  color: var(--accent);
  font-size: 1.75rem;
  display: block;
  margin-bottom: 2.5rem;
}
h1 {
  color: var(--ink);
  font-size: 1.85rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 0.5rem;
}
.effective {
  color: var(--ink-3);
  font-size: 0.9rem;
  margin-bottom: 2.5rem;
}
h2 {
  color: var(--ink);
  font-size: 1.05rem;
  font-weight: 600;
  margin: 2.25rem 0 0.6rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--surface);
}
p + p { margin-top: 0.9rem; }
a { color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: 2px; }
strong { color: var(--ink); font-weight: 600; }
.lede { font-size: 1.15rem; color: var(--ink); }
footer {
  margin-top: 4rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--surface);
  color: var(--ink-3);
  font-size: 0.9rem;
}
footer a { color: var(--ink-3); }
nav.home { margin-bottom: 2.5rem; font-size: 0.9rem; }
nav.home a { color: var(--ink-3); text-decoration: none; }
nav.home a:hover { color: var(--accent); }