:root{--bg:#fff;--fg:#111;--muted:#666;--line:#eaeaea;--accent:#0b63ce}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;background:var(--bg);color:var(--fg)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:900px;margin:0 auto;padding:0 1rem}
/* Thin header */
.site-header{border-bottom:1px solid var(--line);background:#fafafa}
.header-inner{min-height:46px;display:flex;align-items:center;justify-content:center}
.topline{font-size:.95rem;color:#222;letter-spacing:.2px}
.topline a{padding:0 .4rem}
.sep{padding:0 .3rem;color:#bbb}
/* Footer */
.site-footer{border-top:1px solid var(--line);margin-top:2.5rem;background:#fafafa}
.footer-inner{min-height:60px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
/* Sections */
.hero{padding:2.2rem 0 1.2rem;text-align:center}
.lead{color:var(--muted);margin:.2rem 0 1rem}
.actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:.5rem .9rem;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:.5rem}
.btn.btn-secondary{background:#fff;color:#0b63ce}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1.5rem 0 2rem}
.card{border:1px solid var(--line);border-radius:.6rem;padding:1rem;background:#fff}
.clean{list-style:none;margin:.4rem 0 0;padding:0}
.small{font-size:.9rem}
.muted{color:var(--muted)}
.post header h1,.post header h2{margin:.2rem 0 .5rem}
.post time{color:var(--muted);font-size:.9rem}
.article{max-width:740px;margin:0 auto;padding:1rem}
.article p{margin:.7rem 0}
.article hr{border:0;border-top:1px solid var(--line);margin:1.2rem 0}
.back{display:inline-block;margin:.6rem 0 0}