html { color-scheme: light; }
body {
  margin: 0;
  background: #f3e6c8;
  color: #2a1408;
  font-family: Georgia, "Noto Serif SC", serif;
  line-height: 1.5;
}
.wrap { max-width: 40rem; margin: 0 auto; padding: 28px 20px 48px; }
a { color: #6b3a12; }
.kicker { margin: 0 0 8px; font-family: "Segoe UI", sans-serif; font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; }
h1 { margin: 0 0 8px; font-size: 2rem; line-height: 1.2; }
.meta { margin: 0 0 20px; font-family: "Segoe UI", sans-serif; }
.facts { width: 100%; border-collapse: collapse; margin: 0 0 24px; font-family: "Segoe UI", sans-serif; font-size: 0.95rem; }
.facts th, .facts td { text-align: left; padding: 6px 8px 6px 0; vertical-align: baseline; border-bottom: 1px solid rgba(42, 20, 8, 0.15); }
.facts th { width: 9rem; font-weight: 650; }
.note p { margin: 0 0 12px; }
.related { margin-top: 28px; }
.related h2 { margin: 0 0 8px; font-size: 1.05rem; }
.related ul { margin: 0 0 16px; padding-left: 1.2rem; }
.crumb { margin: 0 0 18px; padding: 0; list-style: none; font-family: "Segoe UI", sans-serif; font-size: 0.9rem; }
.crumb li { display: inline; }
.crumb li + li::before { content: " / "; }