:root{--bg:#fff;--fg:#0b0b0b;--muted:#6b7280;--accent:#2563eb;--border:#e5e7eb;--radius:14px;--maxw:960px;--space:24px}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.2px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.65}a{color:var(--fg);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}h1,h2,h3{margin:0 0 .6em;line-height:1.25}h1{font-size:max(28px,min(4vw,40px));font-weight:800}h2{font-size:max(22px,min(3vw,28px));font-weight:700}h3{font-size:18px;font-weight:600}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.small{font-size:12px}.muted{color:var(--muted)}.content{padding:calc(var(--space)*1.2)0 calc(var(--space)*2)}.site-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:rgba(255,255,255,.75);position:-webkit-sticky;position:sticky;top:0}.header-inner{align-items:center;gap:16px;height:56px;display:flex}.brand{font-weight:700}.nav{gap:14px;font-size:14px;display:flex}.nav a{border-radius:8px;padding:4px 6px}.nav a:hover{background:#f5f7fb}.grid{gap:16px;display:grid}@media (min-width:768px){.grid.cols-2{grid-template-columns:1fr 1fr}}.card{border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:box-shadow .2s}.card:hover{box-shadow:0 6px 20px rgba(0,0,0,.06)}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.btn{border-radius:var(--radius);padding:10px 14px;font-weight:600;display:inline-block}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{border:1px solid var(--border)}