:root {
  color-scheme: light;
  font-family: Inter, "Noto Sans SC", system-ui, sans-serif;
  background: #f3efe7;
  color: #1c2420;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 32px; }
main { width: min(720px, 100%); border: 1px solid #c9c1b2; background: #fffdf8; padding: clamp(28px, 6vw, 64px); box-shadow: 12px 12px 0 #1c2420; }
.eyebrow { margin: 0 0 18px; font-size: 12px; letter-spacing: .18em; color: #8a4b2a; font-weight: 700; }
h1 { margin: 0; font-size: clamp(36px, 8vw, 64px); line-height: 1.02; letter-spacing: -.04em; }
.lede { margin: 24px 0 32px; font-size: 18px; line-height: 1.7; color: #4b544e; }
dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; padding-top: 24px; border-top: 1px solid #ddd6c8; }
dt { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #7b837d; }
dd { margin: 6px 0 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; overflow-wrap: anywhere; }
@media (max-width: 520px) { dl { grid-template-columns: 1fr; } }