*{box-sizing:border-box}body{margin:0;background:#f1f5fa;color:#172338;font:15px Arial,sans-serif;line-height:1.5}.shell{max-width:700px;margin:35px auto;padding:15px}.wide,.exam{max-width:1100px;margin:22px auto;padding:14px}.hero,.examhead{background:#173e68;color:#fff;padding:25px;border-radius:14px}.hero h1{font-size:32px;margin:4px 0}.hero p{margin:0;color:#d9e9f8}.panel{background:#fff;padding:25px;border-radius:14px;margin-top:14px;box-shadow:0 6px 24px #142b4610}.panel h2{margin-top:0}label{display:block;font-weight:bold;margin:14px 0 6px}input:not([type=radio]){width:100%;padding:12px;border:1px solid #ccd6e3;border-radius:8px;font-size:16px}.btn{display:inline-block;background:#1769aa;color:white;border:0;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:bold;cursor:pointer}.secondary{background:#e8eef5;color:#24354b}.finish{background:#b33232}.panel form .btn{margin-top:20px}.facts{display:flex;justify-content:space-around;gap:10px;background:#f1f6fb;padding:15px;border-radius:10px;margin:18px 0}.center{text-align:center}.error{background:#fff0ef;color:#a22;padding:10px;border-radius:7px}.examhead{display:flex;justify-content:space-between;align-items:center}.examhead small{font-weight:normal}.examhead strong{font-size:24px;background:white;color:#173e68;border-radius:8px;padding:8px 12px}.question{background:white;padding:25px;border-radius:12px;margin:15px 0;min-height:300px}.question h2{font-size:25px;margin:15px 0 25px}.question>small{color:#2878b4;font-weight:bold}.option{display:flex;align-items:center;gap:12px;border:1px solid #d8e1eb;padding:12px;border-radius:9px;font-weight:normal;cursor:pointer}.option:has(input:checked){background:#eef7ff;border-color:#3683bd}.option input{accent-color:#1769aa}.option b{background:#edf1f5;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:15px}.navgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;background:white;padding:15px;border-radius:10px}.navgrid button{padding:9px;border:1px solid #d2dce8;background:white;border-radius:6px}.navgrid .current{outline:2px solid #2878b4}.navgrid .done{background:#dff3e8;border-color:#7cbd9b}.score{font-size:60px;color:#1769aa;font-weight:bold;margin:20px}.bar{display:flex;justify-content:space-between;align-items:center}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:10px;border-bottom:1px solid #e5ebf1;text-align:left;white-space:nowrap}.center a{margin:5px}.wide .facts{margin:15px 0}@media(max-width:600px){.shell,.wide,.exam{margin:8px auto;padding:8px}.panel{padding:18px}.hero{padding:22px}.question{padding:18px}.question h2{font-size:21px}.navgrid{grid-template-columns:repeat(5,1fr)}.controls{gap:5px;flex-wrap:wrap}.controls .btn{padding:10px}.examhead{padding:14px}.examhead strong{font-size:18px}.facts{font-size:12px;flex-wrap:wrap}.bar{align-items:flex-start;gap:8px;flex-direction:column}}