:root{color:#183044;background:#f4f7fa;font:15px/1.5 system-ui,sans-serif}body{margin:0}main{max-width:1440px;margin:auto;padding:28px}h1{margin:0;font-size:clamp(28px,4vw,44px)}h2{font-size:20px}header{margin-bottom:28px}section,details,#controls{margin:20px 0}article,section:not(.pair),details,#controls{background:#fff;border:1px solid #dce4ec;border-radius:12px;padding:20px}.pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}article{min-width:0}#controls{flex-wrap:wrap;align-items:end;gap:20px;display:flex}label{flex-direction:column;gap:5px;display:flex}select,button{font:inherit;color:inherit;background:#fff;border:1px solid #a5b8c8;border-radius:6px;padding:7px 12px}button{cursor:pointer}button:hover{background:#e8f2fa}button[aria-pressed=true]{background:#d6ebfa}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e4eaf0;padding:10px}th{color:#536d82;font-size:13px}td{font-variant-numeric:tabular-nums}.note{color:#536d82;max-width:1000px}#selection{font-weight:600}#status[data-error]{color:#a22222}slc-chart{min-width:0}@media (width<=800px){.pair{grid-template-columns:1fr}main{padding:14px}}@media (pointer:coarse){button,select,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),summary{min-height:44px}}