body{max-width:820px;margin:2rem auto;padding:0 1rem;font-family:system-ui,sans-serif;line-height:1.65;color:#222}body.article{max-width:720px}a{color:#065dcc;text-decoration:none}a:hover{text-decoration:underline}h1{margin-bottom:.25rem}nav{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}small,.meta{color:#6b7280}.post,.item{margin:1.4rem 0}.panel,.item{border-top:1px solid #ddd;padding-top:1rem}.panel{border-bottom:1px solid #ddd;padding-bottom:1rem}pre{background:#f5f5f5;padding:1rem;overflow:auto}code{font-family:ui-monospace,Menlo,monospace}video{width:100%;max-height:460px;background:#111}