:root { --max: 820px; }
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif; line-height: 1.7; margin: 0; color: #1f2937; }
a { color: #2563eb; text-decoration: none; }
a:hover { text-decoration: underline; }
header, main, footer { max-width: var(--max); margin: 0 auto; padding: 16px; }
header { padding-top: 28px; }
nav a { margin-right: 12px; }
.site-title { font-weight: 800; font-size: 1.4rem; }
.card { border: 1px solid #e5e7eb; border-radius: 14px; padding: 16px; margin: 14px 0; background: #fff; }
h1,h2,h3 { line-height: 1.25; }
pre, code { background: #0b10211a; padding: 2px 6px; border-radius: 6px; }
pre { overflow: auto; padding: 12px; }
img { max-width: 100%; height: auto; border-radius: 10px; }
.tag { display:inline-block; padding:2px 8px; border:1px solid #e5e7eb; border-radius: 999px; margin-right:6px; font-size:.8rem; color:#374151;}
footer { color: #6b7280; font-size: .9rem; border-top:1px solid #eee; margin-top: 24px; }
ul.post-list { list-style: none; padding: 0; margin: 0; }
ul.post-list li { margin: 0; }
.meta { color:#6b7280; font-size:.9rem; }
hr { border: none; border-top: 1px solid #eee; margin: 24px 0; }
.breadcrumbs { font-size:.9rem; color:#6b7280; }
.hidden { display:none; }