:root{--bg:#f8fbf7;--panel:#fff;--text:#1f2a24;--muted:#6b7d71;--accent:#69b380;--accent-hover:#56a06f;--accent-yellow:#f2c94c;--accent-yellow-hover:#e6b73a;--border:#e6eee6;--panel-alpha:hsla(0,0%,100%,.7)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:var(--muted);text-decoration:none}a:hover{text-decoration:underline;color:var(--accent-hover)}.wrap{max-width:1050px;margin:0 auto;padding:24px}header{position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--panel-alpha);border-bottom:1px solid var(--border)}nav a{margin-right:14px;color:var(--muted)}.card{border:1px solid var(--border);background:var(--panel);padding:18px;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.06)}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}@media (max-width:900px){.grid{grid-template-columns:1fr}}