/** CSS for reference desk header */.rd-header{color:#000;background:#eee;border:1pxsolid#aaa;font:bold20pxarial,helvetica,sans-serif;text-align:center;margin-top:0;margin-bottom:6px;margin-left:0;padding:3px;}.rd-box{border:1pxsolid#aaa;box-sizing:border-box;background-color:#f5f5f5;margin:006px0;padding:8px;text-align:left;width:100%;}ul.rd-box{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:0;}.rd-box>li{background-color:#f5f5f5;display:block;font-size:larger;margin:0;padding:8px;}.rd-box>li.selected{border-bottom:3pxsolid#aaa;padding-bottom:0;}.rd-headera:link,.rd-headera:visited,.rd-headera:hover,ul.rd-boxa:link,ul.rd-boxa:visited,ul.rd-boxa:hover{color:#00f;}@mediascreenand(max-width:719px){#refdesk-help-icon{display:none;}ul.rd-boxli{display:flex;flex:1;justify-content:center;white-space:pre;}}@mediascreenand(min-width:720px){.rd-grid{display:grid;grid-template-columns:auto8px14em;grid-template-rows:autoautoautoautoauto;}.rd-grid>:nth-child(2),.rd-grid>:nth-child(3),.rd-grid>:nth-child(4),.rd-grid>:nth-child(6),.rd-grid>:nth-child(7){grid-column:3;}.rd-grid>:nth-child(5){grid-row:2/7;}ul.rd-box{flex-direction:column;}.rd-box>li.selected{background-color:#eee;border-left:3pxsolid#aaa;padding-left:5px;border-bottom:0;padding-bottom:0;}.rd-ask-button{justify-content:start!important;}}@mediascreenand(min-width:720px)and(max-width:1024px){/* Inputs have a max-width 100%, which is good for single column but at smaller grid sizes, the input want to have a min-size that is too big to fit in the autosized 1st column causing the entire grid to overflow, if we don't do this hack. */.rd-boxinput{max-width:350px;}}@supportsnot(display:grid){ul.rd-box.rd-box{flex-direction:row;}}