*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6fb;color:#17243b}.top{background:#073b76;color:#fff;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;gap:12px}.top a{color:#fff}.wrap{max-width:1000px;margin:24px auto;padding:0 16px}.card{background:#fff;border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 4px 18px #1231}.brand{font-weight:800;font-size:22px}.muted{color:#627087}.field{display:block;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;margin:8px 0 14px;font-size:16px}button,.btn{border:0;border-radius:8px;padding:12px 16px;background:#087f5b;color:#fff;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button.secondary,.btn.secondary{background:#e8eef6;color:#183153}button.danger{background:#c62828}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.pill{display:inline-block;background:#e5f5ed;color:#087f5b;padding:5px 9px;border-radius:20px;font-size:13px}.question{font-size:19px;line-height:1.5;white-space:pre-wrap}.option{display:block;padding:12px;border:1px solid #d6deea;border-radius:9px;margin:9px 0;cursor:pointer}.option input{margin-right:8px}.navgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:12px}.navnum{padding:9px 0;text-align:center;background:#e6ebf2;color:#17304f;border-radius:7px;text-decoration:none}.navnum.answered{background:#159568;color:#fff}.navnum.current{outline:3px solid #f4a62a}.timer{font-weight:800;color:#b42318;font-size:20px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.notice{padding:12px;border-radius:8px;background:#fff5d6;margin:12px 0}.small{font-size:13px}@media(max-width:600px){.card{padding:16px}.navgrid{grid-template-columns:repeat(6,1fr)}.top{padding:14px 16px}.question{font-size:17px}}