:root { color-scheme: dark; }
body {
  background: #0d0d0d;
  color: #d0d0d0;
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 15px;
  line-height: 1.6;
  max-width: 720px;
  margin: 2rem auto;
  padding: 0 1rem;
}
h1, h2 { color: #f0f0f0; font-weight: 600; }
h1 { font-size: 1.6rem; margin-bottom: 0.2rem; }
h2 { font-size: 1.1rem; margin-top: 2.2rem; }
a { color: #7dd3fc; }
a:hover { color: #bae6fd; }
hr { border: none; border-top: 1px dashed #333; margin: 2rem 0; }
pre {
  background: #161616;
  border: 1px solid #262626;
  padding: 1rem;
  overflow-x: auto;
  font-size: 13px;
  line-height: 1.5;
}
.quote { color:#737373; font-style: italic }
code { color: #e6e6e6f2; }
.tag { color: #737373; }
nav { margin-bottom: 2rem; font-size: 13px; }
nav a { margin-right: 1rem; }
footer { margin-top: 3rem; font-size: 12px; color: #737373; }

.tier {
  border: 1px solid #262626;
  padding: 1rem 1.2rem;
  margin-bottom: 1rem;
  background: #141414;
}
.tier h2 { margin-top: 0; }
.tier .price { color: #f0f0f0; font-size: 1.3rem; }
.tier .price span { color: #737373; font-size: 0.9rem; }
.tier ul { padding-left: 1.2rem; margin: 0.6rem 0 0; }