:root{font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;color:#182033;background:#f4f6fa}*{box-sizing:border-box}body{margin:0;line-height:1.5}a{color:#174a9a;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;background:#172e60;color:#fff;border:0;border-radius:10px;padding:.75rem 1.1rem;display:inline-block;text-decoration:none;font-weight:650}button:hover,.button:hover{background:#254987;text-decoration:none}.secondary{background:#e9edf5;color:#172e60}.danger{background:#a12738}.shell{max-width:1160px;margin:auto;padding:0 24px}.top{background:white;border-bottom:1px solid #e1e5ed}.top .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:12px}.brand{display:flex;gap:12px;align-items:center;color:#172e60;font-size:1.13rem;font-weight:800}.brand img{width:48px;height:48px;object-fit:contain}.brand small{display:block;font-weight:500;color:#667289;font-size:.78rem}.nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.nav form{margin:0}main{padding:32px 0 65px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.card{background:white;border:1px solid #e0e5ee;border-radius:17px;padding:24px;box-shadow:0 8px 28px #172e6009;margin-bottom:20px}.card h2,.card h3{margin-top:0}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:#8b2443;font-weight:800}.muted{color:#637087}.badge{border-radius:100px;padding:4px 10px;background:#eff2fa;color:#254987;font-size:.8rem;font-weight:700}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:6px 0 22px}.heading h1{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.03em}.field{display:flex;flex-direction:column;gap:5px;margin:12px 0;font-weight:600}.field input,.field textarea,.field select{width:100%;border:1px solid #cbd3e0;border-radius:9px;padding:10px 12px;background:#fff;color:#182033;font-weight:400}.field textarea{min-height:105px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #6382d0}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.row button,.row a.button{flex:0 0 auto}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:12px 10px;border-bottom:1px solid #e7eaf1;vertical-align:top}th{color:#596981;font-size:.84rem}p{margin-top:0}.alert{padding:12px 16px;border-radius:9px;background:#eaf5ee;border:1px solid #bfd9c5;margin-bottom:18px}.error{background:#fff0f0;border-color:#efc2c2}.timer{position:sticky;top:0;background:#172e60;color:white;padding:10px 20px;border-radius:12px;font-weight:750;z-index:3}.question{border-top:1px solid #e4e8ef;padding:20px 0}.question:first-child{border-top:0}.question h3{margin:0 0 10px}.option{display:block;padding:9px 12px;border:1px solid #dde3ee;border-radius:9px;margin:8px 0;cursor:pointer}.option:has(input:checked){border-color:#476ac6;background:#f1f4fc}.passage{white-space:pre-wrap;background:#f2f5fa;border-left:4px solid #c53848;padding:18px;border-radius:8px;margin-bottom:22px}.split{display:grid;grid-template-columns:minmax(210px,310px) 1fr;gap:20px}audio{max-width:100%}.score{font-size:2.5rem;font-weight:800;color:#172e60}.hint{font-size:.87rem;color:#637087}.footer{padding:26px 0;color:#667289;border-top:1px solid #e0e5ee;font-size:.87rem}@media(max-width:720px){.shell{padding-left:16px;padding-right:16px}.top .shell{align-items:flex-start}.nav{gap:8px}.split{grid-template-columns:1fr}.card{padding:18px}}
