:root { --fg:#1f2937; --muted:#6b7280; --bg:#f8fafc; --card:#ffffff; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;color:var(--fg);background:var(--bg);line-height:1.6}
.wrap{max-width:860px;margin:0 auto;padding:1rem}
header{display:flex;justify-content:space-between;align-items:center}
nav a{margin-left:1rem;color:#2563eb;text-decoration:none}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}
.card{background:var(--card);border:1px solid #e5e7eb;border-radius:10px;padding:1rem}
.muted{color:var(--muted)}
@media (max-width:700px){.grid{grid-template-columns:1fr}nav a{margin-left:.6rem}}