body{font-family:system-ui,sans-serif;margin:0;background:#f5f5f5;color:#222}header{background:#111;color:#fff;padding:1rem}header h1{margin:0;font-size:1.4rem}main{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1rem}.card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.card h2{font-size:1.1rem;margin:0 0 .5rem}.card p{margin:.3rem 0;font-size:.9rem}.card img{width:100%;height:160px;object-fit:cover;border-radius:6px;margin:.5rem 0}.card a{color:#06c;text-decoration:none}.card .meta{font-size:.75rem;color:#666}.topic-page{max-width:720px;margin:0 auto;padding:1rem;background:#fff}.topic-page img{max-width:100%;border-radius:8px}.topic-page h1{font-size:1.5rem}.topic-page .meta{color:#666;font-size:.85rem}.topic-page ul{padding-left:1.2rem}.topic-page a{color:#06c}