:root { --ink: #23201b; --paper: #f6f1e7; --rule: #b9a88a; --accent: #6b4f2a; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink);
  font: 17px/1.65 Georgia, "Times New Roman", serif; }
header { border-bottom: 3px double var(--rule); padding: 22px 16px 14px; text-align: center; }
header .name { font-size: 1.6rem; letter-spacing: .06em; text-transform: uppercase; margin: 0; }
header .name a { color: inherit; text-decoration: none; }
header .sub { margin: 4px 0 0; font-style: italic; color: var(--accent); }
article { max-width: 660px; margin: 0 auto; padding: 24px 16px 40px; }
h1 { font-size: 1.35rem; margin: 0 0 4px; }
h2 { font-size: 1.05rem; margin: 28px 0 6px; color: var(--accent); }
dt { font-weight: bold; margin-top: 18px; }
dd { margin: 4px 0 0 0; }
.stamp { color: #6f675a; font-size: .92rem; margin: 0 0 20px; }
code { font-size: .85rem; background: #ebe3d3; padding: 1px 4px; overflow-wrap: anywhere; }
a { color: var(--accent); }
footer { border-top: 1px solid var(--rule); text-align: center; padding: 14px 16px 28px; font-size: .95rem; }
footer a { margin: 0 8px; }