body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial;color:#111;background:#fff}
.container{max-width:900px;margin:0 auto;padding:20px 16px 64px}
.top{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
h1{margin:0;font-size:28px}
.meta{margin:6px 0 0;color:#666;font-size:14px}
.nav{display:flex;gap:8px;flex-wrap:wrap}
.nav a{padding:10px 12px;border:1px solid #ddd;border-radius:999px;text-decoration:none;color:#111;font-size:14px}
.nav a.active{border-color:#111}
.content{margin-top:24px;line-height:1.75;font-size:16px}
.content h2{margin:30px 0 10px;font-size:20px}
.content h3{margin:22px 0 10px;font-size:18px}
.content p{margin:10px 0;color:#111}
.list{margin-top:18px;display:grid;gap:12px}
.card{display:block;padding:14px 14px;border:1px solid #ddd;border-radius:14px;text-decoration:none;color:#111}
.card:hover{border-color:#111}