:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: #fafafa; color: #111; }
header { background: #fff; border-bottom: 1px solid #eee; padding: 16px; position: sticky; top: 0; z-index: 1; }
.container { max-width: 980px; margin: 0 auto; padding: 16px; }
.brand { font-weight: 800; font-size: 18px; }
.sub { color: #666; font-size: 13px; margin-top: 4px; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
@media (max-width: 720px) { .grid { grid-template-columns: 1fr; } }
.card { background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 14px; }
.card h3 { margin: 0 0 8px 0; }
.meta { color: #666; font-size: 13px; }
.price { font-weight: 800; margin-top: 10px; }
.actions { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.btn { display: inline-block; padding: 10px 12px; border-radius: 12px; border: 1px solid #ddd; background: #fff; color: #111; text-decoration: none; font-weight: 700; font-size: 14px; }
.btn.primary { background: #111; color: #fff; border-color: #111; }
footer { color: #666; font-size: 13px; padding: 20px 16px; }
small code { background:#fff; border:1px solid #eee; padding:2px 6px; border-radius:8px; }