*{box-sizing:border-box}body{margin:0;background:#071525;color:#edf5ff;font:14px Inter,system-ui,Arial,sans-serif}.shell{display:grid;grid-template-columns:210px 1fr;min-height:100vh}.shell>aside{background:#0a1d31;border-right:1px solid #183651;padding:22px 16px}.shell>aside .brand{font-size:20px;font-weight:800;margin-bottom:28px;display:block}.shell>aside h2{color:#9fc9ef;font-size:14px;text-transform:uppercase;letter-spacing:.16em}a{color:#c9d9e8;text-decoration:none}.shell>aside>a:not(.brand),.shell>aside .sub a{display:block;padding:10px 12px;border-radius:8px;margin:2px 0}.shell>aside .sub{padding-left:10px}.shell>aside .sub a{font-size:13px}.shell>aside .active{background:#0d5ca8!important;color:white!important}main{padding:0 22px 28px;min-width:0}.shell>main>nav{height:54px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #183651}.shell>main>nav a{padding:8px 12px;border-radius:8px}.shell>main>nav span{margin-left:auto;color:#7894ad}header{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;padding:24px 0 14px}small{color:#3aa8ff;font-weight:800;letter-spacing:.16em}h1{font-size:34px;margin:6px 0 8px}p{color:#9fb3c7;line-height:1.45}.context,.panel{border:1px solid #1e4568;background:#081a2c;border-radius:12px;padding:16px}.context b{color:#37aaff}.filters{display:grid;grid-template-columns:minmax(240px,420px) minmax(200px,300px);gap:10px;margin:18px 0 12px}.filters label{color:#9fb3c7;font-size:12px}.filters select{width:100%;margin-top:5px;background:#0a2036;color:#eef6ff;border:1px solid #244665;border-radius:8px;padding:10px}.grid{display:grid;grid-template-columns:1.35fr .9fr;gap:12px}.panel h2,.panel h3{margin:0 0 4px}.bar-row{display:grid;grid-template-columns:220px 1fr 70px;gap:10px;align-items:center;margin:6px 0;padding:7px 6px;width:100%;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left;cursor:pointer}.bar-row:hover,.bar-row.selected{background:#0b2238}.bar-row.selected{outline:1px solid #245177}.track{height:18px;background:#102c46;border-radius:4px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#138be6,#72bdf3)}.indicative .fill{opacity:.55}.range{font-weight:700}.detail .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.metric{border-right:1px solid #23415d}.metric strong{display:block;font-size:27px;color:#7bc1ff}.lists{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lists li{margin:7px 0;color:#cbd9e5}.good li::marker{color:#45d17d}.weak li::marker{color:#ff6577}.takeaways{margin-top:12px}.takeaway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.takeaway-grid p{margin:6px 0}.takeaway-grid b{color:#eaf5ff}.empty{padding:18px 0}.detail-note{margin-top:18px}footer{margin-top:16px;color:#8fa8bd}footer a{display:inline-block;margin:6px 14px 0 0;color:#49afff}@media(max-width:900px){.shell{grid-template-columns:1fr}.shell>aside{display:none}header,.grid,.takeaway-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:150px 1fr 60px}}
/* v0.42.3 — readability and contrast refinement */
p,
.filters label{
  color:#b5c4d2;
}

.filters label{
  font-size:13px;
}

.lists li{
  color:#d3dee8;
}

footer{
  color:#a6b8c8;
  font-size:13px;
}