:root{--bg:#f5f6f8;--card:#fff;--text:#1d2430;--muted:#66707d;--accent:#c45c26;--accent-2:#fff1e8;--line:#e5e8ee;--max:1100px;--bar:#111827}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}.sitebar{background:var(--bar);color:#fff;border-bottom:3px solid var(--accent)}.sitebar a{color:#fff;text-decoration:none}.sitebar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding-top:8px;padding-bottom:8px}.sitebar .brand{font-weight:700;font-size:1.05rem;letter-spacing:.01em;white-space:nowrap}.sitebar-nav{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;justify-content:flex-end}.sitebar-nav a{font-size:.92rem;opacity:.9;padding:4px 0}.sitebar-nav a:hover{opacity:1;text-decoration:underline}.sitebar-nav a.active{opacity:1;border-bottom:2px solid var(--accent);font-weight:600}.blog-subnav{background:#fff;border-bottom:1px solid var(--line);padding:8px 0;font-size:.88rem;color:var(--muted)}.blog-subnav a{font-weight:600}.hero{padding:16px 0 4px}.hero h2{margin:0 0 6px;font-size:1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;padding:12px 0 40px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-height:100%}.card img{width:100%;height:150px;object-fit:cover;background:var(--accent-2)}.card .body{padding:12px 14px 16px;flex:1 1;display:flex;flex-direction:column}.card h3{margin:0 0 8px;font-size:1.02rem;line-height:1.35}.card h3 a{color:var(--text)}.meta{font-size:.8rem;margin-bottom:8px}.excerpt,.meta{color:var(--muted)}.excerpt{font-size:.9rem;flex:1 1}.article{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px;margin:14px 0 40px}.article h1{margin-top:0}.article .content img{max-width:100%;height:auto}.blog-footer{border-top:1px solid var(--line);padding:16px 0 28px;color:var(--muted);font-size:.86rem;background:#fff}@media (max-width:720px){.sitebar-inner{flex-direction:column;align-items:flex-start;min-height:0}.sitebar-nav{justify-content:flex-start}}