body{font-family:Arial,Helvetica,sans-serif;max-width:980px;margin:18px auto;padding:0 12px}
.box{border:1px solid #ddd;border-radius:10px;padding:14px;margin:12px 0}
.row{margin:10px 0}
input,select{padding:10px;border:1px solid #ccc;border-radius:8px;width:100%;box-sizing:border-box}
button{padding:10px 14px;border:1px solid #222;border-radius:8px;background:#111;color:#fff;cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}
.flex{display:flex;gap:10px;flex-wrap:wrap}
.flex > *{flex:1}
.hidden{display:none}
.muted{color:#666}
.err{color:#b00020}
.ok{color:#1b7f2a}
.q{margin:12px 0}
.alt{display:block;margin:6px 0}
.topbar{display:flex;gap:10px;align-items:center;justify-content:space-between}
.pill{display:inline-block;padding:6px 10px;border:1px solid #ddd;border-radius:999px}
.hr{border:none;border-top:1px solid #eee;margin:14px 0}
.btn-light{background:#fff;color:#111}
.grow-end{display:flex;align-items:flex-end}