:root{--maxw:780px;--fg:#1a1a1a;--muted:#666;--brand:#256f4e;--bg:#fff;--bg-alt:#fafafa;--border:#eaeaea}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;color:var(--fg);background:var(--bg);line-height:1.6}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:24px 16px}.h1{font-size:36px;line-height:1.2;margin:16px 0 12px}.h2{font-size:24px;line-height:1.3;margin:28px 0 12px}.muted{color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:16px;transition:box-shadow .2s ease}.card:hover{box-shadow:0 6px 18px rgba(0,0,0,.06)}.footer{margin-top:48px;padding:24px 16px;border-top:1px solid var(--border);background:var(--bg-alt);font-size:14px;text-align:center;color:#444}.hero{background:linear-gradient(180deg,#f4fbf7,#fff 80%);border-bottom:1px solid var(--border);padding:40px 16px 24px}.hero h1{margin:0}.hero p{margin:10px 0 0;color:var(--muted)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:hsla(0,0%,100%,.9);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px}.nav-links{margin-left:auto;display:flex;gap:16px}.logo-fallback{font-weight:700;letter-spacing:.4px}