*{box-sizing:border-box}html{color-scheme:light}body{overflow-x:hidden}
.site-banner{padding:15px max(16px,calc((100vw - 1464px)/2));background:#153b5c;color:white}
.site-banner strong{font-size:19px}.site-banner p{margin:5px 0 0;font-size:12px;line-height:1.7;color:#dce6ee}
.site-toolbar{max-width:1500px;margin:auto;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 18px}
button{font:inherit;cursor:pointer;border:1px solid #bccad5;background:white;color:#173b59;border-radius:5px;padding:7px 12px;min-height:36px}
button:hover{background:#edf3f8}button:focus-visible,select:focus-visible,tr.b:focus-visible{outline:2px solid #1769aa;outline-offset:2px}
.site-status{font-size:12px;color:#52697b;line-height:1.8}.site-alert{max-width:1464px;margin:0 auto 10px;padding:0 18px;color:#a32929;font-size:13px;line-height:1.7}
.bar{flex-wrap:wrap;gap:8px 12px}.bar label{white-space:nowrap}.bar select{min-height:32px}
.rules{margin-bottom:14px;background:white;border:1px solid #e3e8ee;border-radius:6px;padding:10px 14px}
.rules summary{cursor:pointer;color:#42566b;font-weight:600}.rules .note{margin:8px 0 0;line-height:1.7}
.panel{min-width:0}.panel h3{flex-wrap:wrap;gap:5px 12px}.panel h3 small{line-height:1.6}
.chart-scroll,.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.chart-scroll svg{min-width:700px}.table-scroll table{min-width:1050px}tr.b.is-selected{background:#e7f0fa}
@media(max-width:700px){
 .site-banner{padding:12px}.site-banner strong{font-size:17px}.site-toolbar{padding:10px 12px;gap:8px}
 .site-alert{padding:0 12px}.site-status{width:100%}.bar{position:static;padding:10px 12px;align-items:center}
 .bar .brand{width:100%;font-size:14px}.chip{font-size:12px}.bar label{font-size:12px}
 main{padding:8px 10px}.panel{padding:10px 8px 6px}.panel h3{font-size:13px}.panel h3 small{width:100%;order:3}
 .panel h3 .pnl{font-size:12px}.chart-scroll svg{min-width:1400px}th,td{padding:6px 8px}.rules{padding:9px 10px}
}