:root{font-family:system-ui,Arial,sans-serif;color:#172d52;background:#f4f7fd}*{box-sizing:border-box}body{margin:0}a{color:#165fc2}button{font:inherit;cursor:pointer;border:0;border-radius:9px;background:#1769d2;color:white;padding:10px 15px}button:focus-visible,a:focus-visible{outline:3px solid #62a5ff;outline-offset:3px}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(#10203e,#183660);color:#fff;padding:24px 15px}.sidebar a{display:block;padding:12px;color:#dce9ff;text-decoration:none;border-radius:9px}.sidebar a.active{background:#24549a}.main{max-width:1120px;padding:30px;width:100%;margin:0 auto}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.muted{color:#607390}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:white;border:1px solid #dbe5f5;border-radius:14px;padding:21px;margin-bottom:16px;box-shadow:0 3px 14px #18315c0c}.card h2{margin:0 0 12px;color:#1859af}.card p{line-height:1.6}.pill{display:inline-block;background:#e8f1ff;border-radius:20px;padding:5px 10px;font-size:12px}.bar{height:9px;border-radius:8px;background:#e6edf9;overflow:hidden}.bar span{display:block;background:#1ca58b;height:100%;width:0}.notice{background:#edf4ff;padding:16px;border-left:4px solid #276dce;border-radius:8px}.links{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.links a{display:inline-block;background:#1a65c4;color:white;border-radius:8px;padding:10px 12px;text-decoration:none}.secondary{background:#607797}#summary{font-weight:600} @media(max-width:900px){.cards{grid-template-columns:1fr}}@media(max-width:650px){.layout{display:block}.sidebar{padding:12px}.sidebar a{display:inline-block}.main{padding:15px}}
input,select{font:inherit;padding:10px;border:1px solid #aec3e8;border-radius:8px;max-width:100%}label{display:block;margin:12px 0}.answer{display:block;width:100%;text-align:left;margin:9px 0;background:#edf4ff;color:#172d52;border:1px solid #bed2ed}.answer:disabled{opacity:.7;cursor:default}.good{background:#ddf6e8}.bad{background:#ffe8e9}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.status{font-weight:650}.card:target{outline:3px solid #62a5ff}progress{width:100%;accent-color:#1ca58b}button:disabled{opacity:.6;cursor:default}h3{line-height:1.4}.small{font-size:13px}nav.sidebar{position:sticky;top:0;height:100vh}@media(max-width:650px){nav.sidebar{position:static;height:auto}}