body{font-family:system-ui,Arial,sans-serif;max-width:900px;margin:20px auto;padding:0 16px}
nav a{margin-right:12px}
.card{border:1px solid #ddd;border-radius:10px;padding:16px;margin:12px 0}
.btn{padding:8px 14px;border:1px solid #999;border-radius:8px;background:#f8f8f8;cursor:pointer}
.btn.primary{background:#222;color:#fff;border-color:#222}
.grid{display:grid;gap:12px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.qnav{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.qnav button{min-width:38px;padding:6px;border-radius:6px;border:1px solid #ccc}
.qnav .answered{background:#d9fbd0}
.qnav .flagged{outline:2px solid #f90}
.timer{position:sticky;top:10px;background:#fff;padding:6px 10px;border:1px solid #ddd;border-radius:8px;float:right}
th.status, td.status { min-width: 130px; text-align:center; }