:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172343;background:#f3f6fc;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #dfe5f0;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:750;font-size:20px;display:flex;gap:12px;align-items:center}.logo{background:#204fff;color:white;width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.header-note{font-size:14px;color:#596681}main{max-width:1200px;margin:auto;padding:36px 28px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:13px;letter-spacing:.09em;font-weight:700;color:#2452d8}h1{font-size:36px;letter-spacing:-.035em;margin:12px 0}p{line-height:1.6;color:#5b6780}.intro p{margin-bottom:0}.total{background:#e3ebff;border:1px solid #c9d7ff;border-radius:14px;min-width:116px;padding:20px;display:flex;flex-direction:column;align-items:center}.total strong{font-size:36px;color:#214bdd}.total span{font-size:14px}.layout{display:grid;grid-template-columns:270px 1fr;gap:24px}aside{align-self:start}h2{font-size:20px;margin:0 0 8px}aside>p{font-size:14px;margin-top:0}.role{width:100%;text-align:left;padding:18px 16px;border:1px solid #d9e2f2;background:white;border-radius:12px;margin:0 0 10px;cursor:pointer;color:inherit;display:flex;flex-direction:column;gap:6px}.role.active{background:#1f4df2;border-color:#1f4df2;color:white}.role strong{font-size:16px}.role span{font-size:14px;opacity:.8}.instructions{border-top:1px solid #d9e2f2;margin-top:24px;padding-top:22px;font-size:14px}.card{background:white;border:1px solid #dfe5f0;border-radius:16px;padding:28px}.topline{display:flex;justify-content:space-between;gap:14px;color:#63718b;font-size:14px}.progress{height:7px;border-radius:8px;background:#e8edf8;margin:14px 0 26px;overflow:hidden}.progress div{background:#1f4df2;height:100%}.tags{display:flex;gap:8px;margin:25px 0 16px}.tag{font-size:13px;font-weight:650;background:#eef2fb;padding:6px 10px;border-radius:6px}.tag.scenario{background:#e7f5f3;color:#176a62}h3{font-size:23px;line-height:1.5;margin:12px 0 22px;letter-spacing:-.015em}.option{display:flex;align-items:center;gap:14px;border:1px solid #dce3f0;border-radius:10px;padding:16px;margin:12px 0;cursor:pointer;line-height:1.5}.option:has(input:checked){background:#eef3ff;border-color:#315fff}.option input{accent-color:#2452ff;width:18px;height:18px;flex-shrink:0}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px;flex-wrap:wrap}button{font:inherit}button.primary,button.secondary{padding:12px 20px;border-radius:9px;font-weight:650;cursor:pointer}.primary{background:#204fff;color:white;border:1px solid #204fff}.secondary{background:white;color:#263753;border:1px solid #ccd7e9}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #7299ff;outline-offset:3px}.map{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.map button{width:34px;height:34px;border:1px solid #d9e1ef;border-radius:7px;background:white;cursor:pointer;color:#53627c;font-size:14px}.map button.answered{background:#e5ecff;color:#204fff}.map button.current{border:2px solid #204fff;font-weight:700}.submit-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;font-size:14px}.score{font-size:48px;font-weight:750;color:#204fff;margin:20px 0 0}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.result-role{background:#f3f6fc;border-radius:10px;padding:16px;font-size:14px}.result-role strong{display:block;font-size:23px;margin-top:10px}.review{border-top:1px solid #dfe5f0;padding:22px 0}.review h3{font-size:17px;margin:10px 0}.review p{font-size:15px;margin:8px 0}.correct{color:#13744e}.wrong{color:#b62f3b}.notice{padding:16px;background:#fff5dc;border-radius:10px;margin-top:18px;color:#664b06}.confirm{margin-top:18px;border-top:1px solid #dfe5f0;padding-top:18px}footer{max-width:1200px;margin:10px auto 30px;padding:0 28px;color:#65738d;font-size:13px}@media(max-width:760px){header{padding:16px 20px}.header-note{max-width:150px;text-align:right}main{padding:22px 16px}h1{font-size:28px}.total{min-width:86px;padding:12px}.total strong{font-size:28px}.layout{grid-template-columns:1fr}#roles{display:flex;gap:8px}.role{padding:12px 10px}.role strong{font-size:14px}.role span{font-size:12px}.instructions{margin-top:12px;padding-top:12px}.instructions p{margin:8px 0}.card{padding:20px}h3{font-size:20px}.results-grid{grid-template-columns:1fr}.intro{align-items:start}.submit-bar{flex-wrap:wrap}}@media print{header,aside,.actions,.map,.submit-bar,footer{display:none}.layout{display:block}body{background:white}.card{border:0}.review{break-inside:avoid}}
