body { margin:0; padding:0; font:14px/1.45 Arial,Helvetica,sans-serif; }
header { position:sticky; top:0; z-index:2; background:#fff; border-bottom:1px solid #d6deea; padding:10px 16px; box-shadow:0 1px 3px #172c4b0a; }
header h1 { color:#172c4b; font-size:18px; margin:0; }
#unitoverview_head { margin:16px; color:#52647a; font-size:13px; }
#unitoverview_table { width:calc(100% - 32px); margin:16px; border-collapse:separate; border-spacing:0 5px; }
#unitoverview_table td { padding:10px 14px; border:0; font-size:14px; }
#unitoverview_table td:first-child { border-radius:7px 0 0 7px; }
#unitoverview_table td:last-child { border-radius:0 7px 7px 0; width:72px; text-align:center; font-weight:700; }
#soundToggle { border:1px solid #d6deea; border-radius:7px; background:#f5f7fb; }
@media(max-width:600px) { header { padding:8px; } header img { height:30px; } #unitoverview_table { width:calc(100% - 16px); margin:8px; } }