
:root{--blue:#2563eb;--navy:#10233f;--muted:#65748b;--bg:#f5f7fb;--line:#e1e8f1;--white:#fff;--green:#0f9f69}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--navy)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 20px}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.topinner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:12px}.brand{font-weight:850;font-size:25px;letter-spacing:-1px}.brand b{color:var(--blue)}.topnote{font-size:13px;color:var(--muted)}.hero{padding:48px 0 28px;text-align:center}.hero h1{font-size:clamp(30px,5vw,45px);margin:0 0 12px;letter-spacing:-1.4px}.hero p{color:var(--muted);margin:0 0 24px}.search{width:min(620px,100%);margin:auto;display:block;padding:16px 19px;border:1px solid #cfd9e7;border-radius:14px;background:white;outline:none;box-shadow:0 6px 25px #1d376b0b}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:24px;align-items:start;margin-top:14px}.side,.panel,.info{background:white;border:1px solid var(--line);border-radius:18px}.side{padding:17px;position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto}.smalltitle{font-size:11px;font-weight:850;color:#7c8ba2;letter-spacing:1.3px;padding:8px 10px 14px}.navbtn{width:100%;text-align:left;background:transparent;border:0;border-radius:10px;padding:11px 12px;color:#334762;display:flex;gap:10px;align-items:center;font-size:14px}.navbtn:hover,.navbtn.active{background:#ebf2ff;color:#1555ce;font-weight:700}.mainheading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}.mainheading h2{font-size:26px;letter-spacing:-.7px;margin:0}.mainheading p{font-size:14px;color:var(--muted);margin:7px 0 0}.pill{background:#e7f8ef;color:#087c51;border-radius:30px;font-size:12px;padding:8px 12px;white-space:nowrap}.panel{padding:27px;margin-bottom:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:8px}.field input,.field select{width:100%;border:1px solid #d3dfed;background:#fff;border-radius:10px;padding:13px;min-height:49px;outline:none}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb18}.result{background:#edf4ff;border:1px solid #d9e7ff;border-radius:13px;padding:24px;margin-top:21px}.result small{color:#667c9b;display:block;margin-bottom:6px}.result strong{display:block;color:#2054d4;font-size:clamp(27px,4vw,37px);overflow-wrap:anywhere}.muted{color:var(--muted);font-size:13px}.btn{border:0;border-radius:10px;background:var(--blue);color:white;padding:13px 17px;font-weight:750}.btn.secondary{background:#edf3ff;color:#1c57cf}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.sectionlabel{font-size:16px;margin:26px 0 13px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.stat{background:#f8fafc;border:1px solid var(--line);padding:16px;border-radius:12px}.stat span{display:block;font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:20px;margin-top:6px;overflow-wrap:anywhere}.stat.good strong{color:#078358}.stat.bad strong{color:#c43743}.breakdown{width:100%;border-collapse:collapse;margin-top:12px}.breakdown td{padding:12px 3px;border-bottom:1px solid var(--line);font-size:14px}.breakdown td:last-child{text-align:right;font-weight:700}.info{padding:24px;line-height:1.75;margin-bottom:30px}.info h3{margin:0 0 7px}.info p{margin:0;color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cardbtn{background:white;border:1px solid var(--line);padding:18px;border-radius:13px;text-align:left;min-height:105px}.cardbtn:hover{border-color:var(--blue);background:#f5f9ff}.cardbtn span{display:block;font-size:24px;margin-bottom:9px}.cardbtn b{font-size:14px}.hidden{display:none!important}.foot{padding:30px 0 45px;text-align:center;font-size:12px;color:var(--muted)}.hint{background:#fff9e9;border:1px solid #f6e3a8;padding:13px;border-radius:10px;color:#785f24;font-size:12px;line-height:1.6;margin-top:18px}@media(max-width:800px){.layout{grid-template-columns:1fr}.side{position:static;max-height:none;display:flex;gap:6px;overflow:auto;padding:9px}.smalltitle{display:none}.navbtn{width:auto;flex:none;white-space:nowrap}.hero{padding:28px 0 20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:18px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid2,.grid3{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.topnote{display:none}.mainheading{align-items:flex-start}.mainheading h2{font-size:22px}.pill{font-size:10px}.stat strong{font-size:17px}}

.foot a{color:#245bc8;text-decoration:underline}.legal{max-width:780px;margin:48px auto;background:white;border:1px solid var(--line);border-radius:18px;padding:32px;line-height:1.8}.legal h1{font-size:30px}.legal p{color:#40516a}.topinner a{cursor:pointer}
