body{font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f7f7f9;color:#222}
.topbar{display:flex;align-items:center;padding:8px 14px;background:white;box-shadow:0 1px 4px rgba(0,0,0,.08);position:sticky;top:0;z-index:10}
.logo{height:28px;margin-right:12px}
.nav a{margin-right:12px;text-decoration:none;color:#0a58ca}
.nav a:hover{text-decoration:underline}
.container{padding:16px}
.card{background:white;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:12px;margin:10px 0}
.grid{height:640px}
.muted{color:#6c757d;font-size:.9rem}
.btn{padding:8px 12px;border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer}
.btn:hover{background:#f1f1f1}
.row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width: 980px){.row{grid-template-columns:1fr}}