:root { color-scheme: dark; }
body { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; background: #111; color: #e8e8e8; font: 16px/1.6 system-ui, sans-serif; }
a { color: #6da2ff; }
h1 { font-size: 2rem; margin-bottom: .2em; }
h2 { margin-top: 1.8em; }
.sub { color: #9a9a9a; margin-top: 0; }
.card { border: 1px solid #333; border-radius: 10px; padding: 16px 20px; background: #181818; margin: 12px 0; }
.grid { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
@media (max-width: 560px) { .grid { grid-template-columns: 1fr; } }
.price { font-size: 1.8rem; font-weight: 700; }
footer { margin-top: 3em; color: #9a9a9a; font-size: .9rem; }