:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0 20px 80px;
  background: #f4f3f0; color: #0d0d0d;
  font: 16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.wrap { max-width: 780px; margin: 0 auto; }
header { display: flex; align-items: center; gap: 16px; padding: 24px 0; }
header a { color: inherit; text-decoration: none; font-weight: 700; letter-spacing: -.02em; }
main { background: #fff; border: 1px solid #e2e0d9; border-radius: 18px; padding: 32px; }
h1 { margin: 8px 0 0; font-size: clamp(28px, 5vw, 44px); line-height: 1.08; letter-spacing: -.03em; }
h2 { margin: 40px 0 12px; font-size: 20px; letter-spacing: -.02em; }
.kicker { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 600;
  letter-spacing: .16em; text-transform: uppercase; color: #63625b; }
.dot { width: 10px; height: 10px; border-radius: 50%; }
.lede { color: #63625b; margin-top: 12px; }
dl.facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 20px; margin: 28px 0 0; }
dt { font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #86847c; }
dd { margin: 6px 0 0; font-size: 20px; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.btn { display: inline-flex; align-items: center; min-height: 46px; padding: 0 22px; border-radius: 999px;
  border: 1px solid #0d0d0d; background: #0d0d0d; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
.btn--ghost { background: transparent; color: #0d0d0d; border-color: #c9c7bf; }
ul.list { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 32px; }
ul.list li { break-inside: avoid; padding: 4px 0; }
ul.list a { color: #0d0d0d; text-decoration: none; border-bottom: 1px solid #e2e0d9; }
ul.list a:hover { border-color: #0d0d0d; }
.meta { color: #86847c; font-size: 13px; }
footer { margin-top: 40px; color: #86847c; font-size: 13px; }
footer a { color: inherit; }
@media (max-width: 560px) { main { padding: 22px; } ul.list { columns: 1; } }