/* Modernist, from the app: flat, red on white, Archivo, zero radius, 2px rules. */
:root {
  --ink: #1a1717;
  --accent: #ec3013;
  --neutral: #6b6666;
  --hairline: #d7d3d3;
  --ground: #f2f0ef;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: "Archivo", -apple-system, "Helvetica Neue", Arial, sans-serif;
  background: var(--ground);
  color: var(--ink);
  line-height: 1.55;
}
main { max-width: 640px; margin: 0 auto; padding: 40px 20px 80px; }
header.site {
  display: flex; justify-content: space-between; align-items: baseline;
  padding-bottom: 10px; border-bottom: 2px solid rgba(26, 23, 23, 0.4);
}
header.site .wordmark {
  font-weight: 800; letter-spacing: 0.18em; font-size: 17px;
  color: var(--ink); text-decoration: none;
}
header.site nav a {
  color: var(--accent); text-decoration: none; font-weight: 600;
  font-size: 14px; margin-left: 18px;
}
h1 { font-size: 32px; font-weight: 800; margin: 34px 0 6px; letter-spacing: -0.01em; }
h2 {
  font-size: 13px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;
  margin: 36px 0 10px; padding-top: 14px; border-top: 2px solid rgba(26, 23, 23, 0.4);
}
p, li { font-size: 16px; color: var(--ink); }
p + p { margin-top: 12px; }
ul { list-style: none; }
li { padding: 10px 0; border-bottom: 1px solid var(--hairline); }
li strong { font-weight: 600; }
a { color: var(--accent); }
.meta { font-size: 13px; color: var(--neutral); margin-bottom: 8px; }
.button {
  display: flex; justify-content: space-between; align-items: center;
  background: var(--accent); color: #fff; text-decoration: none;
  font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  padding: 18px 20px; margin-top: 28px; font-size: 15px;
}
footer { margin-top: 60px; font-size: 12px; color: var(--neutral); }