* { box-sizing: border-box; }
body { margin:0; background:#f1f5f9; color:#172b4d; font:16px/1.5 system-ui,sans-serif; }
main { max-width:1200px; padding:24px; margin:auto; }
nav { background:#173b78; padding:16px 24px; display:flex; flex-wrap:wrap; gap:20px; }
nav a { color:white; }
h1 { margin:20px 0 8px; line-height:1.2; }
h2 { margin:0 0 14px; font-size:1.25rem; }
p { margin:8px 0 16px; }
.grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; align-items:start; }
.card { background:white; border:1px solid #d9e2ef; border-radius:12px; padding:20px; margin-bottom:20px; }
label { display:block; margin:12px 0; font-weight:600; }
input:not([type=checkbox]),select,textarea { display:block; width:100%; padding:10px; border:1px solid #9aabc2; border-radius:7px; font:inherit; margin-top:4px; }
button { padding:10px 16px; border:0; border-radius:7px; background:#173b78; color:white; font:inherit; cursor:pointer; }
button:disabled { opacity:.5; cursor:wait; }
.secondary { background:#e5edf8; color:#173b78; }
.danger { background:#a62636; }
.actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.muted { color:#536781; font-size:.9rem; }
.status { padding:10px 0; min-height:24px; white-space:pre-wrap; }
.error { color:#b91c1c; }
.list-item { border-top:1px solid #d9e2ef; padding:14px 0; }
.list-item:first-child { border:0; }
.question-text { white-space:pre-wrap; overflow-wrap:anywhere; }
ol { padding-left:24px; }
fieldset { border:0; padding:0; margin:0; min-width:0; }
@media(max-width:760px) { .grid{grid-template-columns:1fr;} main{padding:16px;} }