html,body{margin:0;padding:0;background:#eaeef6;color:#171e1a;font:16px Arial,sans-serif}
*{box-sizing:border-box}main{max-width:850px;margin:auto;padding:12px 8px 20px}
.controls{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:end;margin-bottom:20px}
label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:14px}
input,select,button{font:16px Arial,sans-serif;color:inherit;background:white;border:1px solid #68756f;border-radius:4px;padding:10px 11px;min-height:44px}
#minimum{width:170px}select{min-width:145px}.search{flex:1;min-width:230px}.search>label{margin-bottom:7px}.search-controls{display:flex;gap:8px}.search input{width:100%;min-width:0}.search button{background:#f2f5f3;cursor:pointer}
input:focus-visible,select:focus-visible,button:focus-visible,.table-scroll:focus-visible{outline:3px solid #215fbd;outline-offset:2px}button:disabled{opacity:.5;cursor:default}
.averages{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:14px;font-weight:600;margin:12px 0}
#status{font-size:14px;color:#46554c;margin:14px 0}.table-scroll{overflow-x:auto}table{width:100%;min-width:540px;border-collapse:collapse;table-layout:auto}caption{text-align:left;font-weight:600;font-size:16px;margin:4px 0 16px}th,td{padding:12px 8px;text-align:center;border-bottom:1px solid #b7bdb9}th{font-size:17px;border-bottom:2px solid #182a24;white-space:nowrap}td:nth-child(2),th:nth-child(2){text-align:left}td:nth-child(2){font-weight:600}td{font-size:16px}td:first-child{width:60px}.note{font-size:13px;line-height:1.5;color:#526158;margin-top:18px}.error{color:#9a201b;font-size:14px}[hidden]{display:none!important}
tbody td:nth-child(3){font-weight:700}
@media(max-width:480px){main{padding:10px 4px 16px}.controls{gap:12px}#minimum{width:158px}.search{flex-basis:100%}th,td{padding:11px 7px}.averages{font-size:13px}}