body { font-family: system-ui, sans-serif; margin: 0 auto; max-width: 920px; padding: 2rem; line-height: 1.6; }
header, footer { margin: 2rem 0; }
a { color: inherit; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.card { border: 1px solid #ddd; border-radius: 16px; padding: 1rem; }
.card img, .article img { max-width: 100%; border-radius: 12px; }
.meta { opacity: .7; }
.body pre { overflow: auto; padding: 1rem; background: #f5f5f5; border-radius: 12px; }