:root{--bg:#fff;--fg:#111827;--muted:#6b7280;--brand:#111827;--accent:#2563eb;--border:#e5e7eb}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.row{justify-content:space-between;align-items:center;gap:16px;display:flex}.small{color:var(--muted);font-size:13px}.site-header{z-index:10;border-bottom:1px solid var(--border);background:#fff;position:-webkit-sticky;position:sticky;top:0}.brand{padding:14px 0;font-size:18px;font-weight:700}.nav a{color:var(--muted);margin-left:16px}.nav a:hover{color:var(--fg)}.site-footer{border-top:1px solid var(--border);margin-top:40px;padding:18px 0}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-3,.grid-2{grid-template-columns:1fr}}.card{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.card .p{padding:12px}.meta{color:var(--muted);font-size:13px}.btn{background:var(--accent);color:#fff;border-radius:10px;padding:10px 14px;font-weight:600;display:inline-block}.btn:hover{opacity:.95}