:root { --ink:#1a1d23; --accent:#2563eb; --bg:#fafafa; --card:#fff; }
* { box-sizing: border-box; }
body { margin:0; font-family:-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--ink); background:var(--bg); line-height:1.6; }
.container { max-width:880px; margin:0 auto; padding:0 1.25rem; }
.site-header { background:#fff; border-bottom:1px solid #e5e7eb; }
.site-header .container { display:flex; justify-content:space-between; align-items:center; padding:.75rem 1.25rem; }
.brand { font-weight:800; font-size:1.15rem; color:var(--ink); text-decoration:none; }
nav a { margin-left:1rem; color:var(--accent); text-decoration:none; }
main { padding:2rem 0 3rem; }
.hero h1 { font-size:2rem; line-height:1.2; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1rem; }
.card { background:var(--card); border:1px solid #e5e7eb; border-radius:8px; padding:1rem 1.25rem; }
.card h3 { margin-top:0; } .card h3 a { color:var(--ink); }
.price { font-weight:700; }
.meta { color:#6b7280; font-size:.85rem; }
blockquote { border-left:3px solid var(--accent); margin:1rem 0; padding:.25rem 1rem; color:#374151; }
code { background:#f3f4f6; padding:.1rem .35rem; border-radius:4px; }
table { border-collapse:collapse; width:100%; margin:1rem 0; }
td,th { border:1px solid #e5e7eb; padding:.4rem .6rem; text-align:left; }
.site-footer { border-top:1px solid #e5e7eb; background:#fff; padding:1.5rem 0; font-size:.85rem; }
.disclaimer { color:#9ca3af; }