:root{--container:1100px;--pad:20px;--text:#111;--muted:#555;--line:#e9e9e9;--bg:#fff}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--text);background:var(--bg)}
a{color:inherit;text-decoration:underline;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
.container{max-width:var(--container);padding:0 var(--pad);margin:0 auto}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:var(--pad);top:var(--pad);width:auto;height:auto;padding:10px 12px;background:#000;color:#fff;z-index:9999}
.site-header{border-bottom:1px solid var(--line)}
.header-inner{display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:70px}
.brand-name{font-weight:700;letter-spacing:.2px}
.brand-tagline{display:block;font-size:.9rem;color:var(--muted)}
.menu{list-style:none;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap}
.menu a{text-decoration:none;padding:8px 10px;border-radius:10px}
.menu a:hover{background:rgba(0,0,0,.04)}
.site-main{padding:34px 0}
.page-header{margin:0 0 18px 0}
.page-title{margin:0;font-size:2rem;line-height:1.15}
.page-description{color:var(--muted)}
.content > *:first-child{margin-top:0}
.entry{border-bottom:1px solid var(--line);padding:18px 0}
.entry--single{border-bottom:0}
.entry--card{border:1px solid var(--line);border-radius:16px;padding:16px;margin:0 0 14px 0}
.entry-title{margin:0 0 6px 0}
.entry-meta{color:var(--muted);font-size:.95rem}
.pagination{margin-top:22px}
.site-footer{border-top:1px solid var(--line);padding:22px 0}
.footer-inner{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}