@charset "utf-8";

html { overflow: auto; }

a, body { font-family: "Segoe UI", Segoe, Tahoma, Arial, Verdana, sans-serif; font-size: small; text-decoration: none; }

a:hover { text-decoration: underline; }

ul { padding: 0px; }

html, body, #hp_table, #hp_cellCenter { height: 100%; width: 100%; border-collapse: collapse; margin: 0px; padding: 0px; background-color: rgb(51, 51, 51); border: 0px; }

#hp_cellCenter { vertical-align: middle; overflow: hidden; }

#hp_sw_hdr { position: absolute; top: 0px; width: 100%; }

#hp_sw_hdr #sc_hdu, #hp_id_hdr #id_h { line-height: 0; z-index: 11; }

#sc_hdu { position: absolute; top: 0px; height: 43px; line-height: 39px; bottom: 0px; left: 0px; margin-left: 28px; }

#sc_hdu li { zoom: 1; display: inline; }

#sc_hdu li a { vertical-align: middle; display: inline-block; line-height: 39px !important; }

#hp_bottomCell { position: absolute; bottom: 0px; width: 100%; }

#hp_container { min-width: 1115px; max-width: 1366px; width: 100%; min-height: 599px; max-height: 768px; height: 100%; position: relative; margin: auto; }

* + html #hp_container { overflow: hidden; }

table, td { border-spacing: 0px; border: 0px; padding: 0px; }

#bgDiv { position: absolute; top: 0px; overflow: hidden; width: 100%; height: 100%; background-repeat: no-repeat; background-color: rgb(102, 102, 102); background-size: cover; }

object { position: absolute; height: 0px; width: 0px; top: -1px; left: -1px; overflow: hidden; }

.hp_text, .sc_pc li a, ul.hp_head_nav li a { font-weight: 400; }

.hp_text { font-size: 13px; }

#hp_sw_hdr { width: 100%; position: relative; border: 0px; padding: 0px; }

#hp_sw_hdr { background: none; height: 43px; }

#sc_hdu div, .sw_tb h3.sc_hl1, .sw_tb li { display: inline; }

.sw_tb { padding: 0px; width: 100%; height: 43px; margin: 0px; font-size: 13px; }

.sw_tb ul { margin: 0px; padding: 0px; }

.sw_tb ul.sc_hl1 li a { zoom: 1; }

.sc_pc { top: 33px !important; }

#hdr_spl { margin: 0px 15px; color: rgb(255, 255, 255); }

#hp_sw_hdr ul#sc_hdu li a { opacity: 0.8; }

#hp_sw_hdr ul#sc_hdu li a:hover { opacity: 1; }

#hp_sw_hdr ul li a:hover { text-decoration: none; color: rgb(255, 255, 255); }

#hp_sw_hdr li.sc_active { font-weight: 700; margin: 0px; border: none; }

#hp_sw_hdr li.sc_active > a { border-bottom: 1px solid rgb(255, 255, 255); }

ul.hp_head_nav { padding-left: 3px; }

ul.hp_head_nav li a { margin-left: 18px; margin-right: 18px; color: rgb(255, 255, 255); }

.sh_hst { position: absolute; z-index: 4; visibility: hidden; }

.sh_hto { width: 39px; height: 39px; opacity: 0.4; background: rgb(0, 0, 0); padding: 1px; }

.sh_hto div { height: 37px; width: 37px; border: 1px solid rgb(255, 255, 255); float: left; }

a.sh_hs { color: rgb(255, 255, 255); text-decoration: none; position: absolute; display: block; cursor: pointer; z-index: 6; line-height: 1.4em; width: 205px; padding: 3px 8px 6px; visibility: hidden; }

a.sh_hs:hover { text-decoration: none; }

a.sh_hs p, a:visited.sh_hs p { margin: 0px 0px 0.2em; }

.sh_hq { text-decoration: underline; }

.sh_hi { display: inline; font-size: medium; color: rgb(12, 132, 132); }

.sh_ho { width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; opacity: 0.6; padding: 1px; background: rgb(0, 0, 0); }

.sh_ho div { border: 1px solid rgb(255, 255, 255); }

#hp_tbar, #hp_bk { display: none; }

#thp_notf_div { position: fixed; }

.hidden { display: none !important; }

#langChange { display: none; }

#hp_sw_hdr #langChange { vertical-align: top; }

#hp_sw_hdr #langChange a { line-height: 43px; }

#hp_sw_hdr .sw_mktsw a, #hp_sw_hdr .sw_mktsw span { color: rgb(255, 255, 255); margin: 0px 10px 0px 9px; height: 43px; line-height: 39px; }

#hp_container .sa_as, #hp_container .pp_tile { border-color: rgb(229, 229, 229); }

#hp_container .b_searchboxForm #sw_as .sa_as { background-color: transparent; border: none; }

#hp_container #sw_as .sa_as:not(.sa_nw) #sa_ul:not(:empty) { background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); width: 100%; margin-top: -4px; }

#hp_container #sw_as #sa_ul:not(:empty) { border-top: 1px solid rgb(229, 229, 229); }

.a11yhide { position: absolute; clip: rect(0px, 0px, 0px, 0px); width: 1px; height: 1px; }

@media screen and (-ms-high-contrast:active) {
  .a11yhide { position: absolute; clip: rect(0px, 0px, 0px, 0px); width: 1px; height: 1px; }
}

.hpcBkP, .hpcLogoWhite, .hpcNext, .hpcCopyInfo, .hpcPlay, .hpcPause, .hpcPrevious, .hpcFull, .hpcSmall, .sw_qbtn, .hpcExpand, .hpcClose, .hpcDown, .pref, .img_uparrow, .img_rwds_sml, .img_downarrow, .hpcCaroNavRight, .hpcCaroNavLeft, .sw_qbtn, #sc_closer > div, #sc_opener > div, #sc_hide > div, #sc_interests_edit > div { background: url("/web/20190701012225im_/https://www.bing.com/sa/simg/hpc26.png") no-repeat transparent; overflow: hidden; }

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 192dpi) {
  .hpcBkP, .hpcLogoWhite, .hpcNext, .hpcCopyInfo, .hpcPlay, .hpcPause, .hpcPrevious, .hpcFull, .hpcSmall, .sw_qbtn, .hpcExpand, .hpcClose, .hpcDown, .pref, .img_uparrow, .img_rwds_sml, .img_downarrow, .hpcCaroNavRight, .hpcCaroNavLeft, .sw_qbtn, #sc_closer > div, #sc_opener > div, #sc_hide > div, #sc_interests_edit > div { background: url("/web/20190701012225im_/https://www.bing.com/sa/simg/hpc26_2x.png") 0% 0% / 241px 224px no-repeat transparent; }
}

.hpcBkP, .hpcCopyInfo, .hpcPlay, .hpcPause, .hpcFull, .hpcSmall, #sc_closer > div, #sc_opener > div, #sc_hide > div, #sc_interests_edit > div, .hpcDown { width: 40px; height: 40px; background-color: rgba(34, 34, 34, 0.75); }

.hpcPrevious, .hpcNext { width: 40px; height: 40px; }

#sh_igl > div, #sh_igr > div { background-color: rgba(34, 34, 34, 0.75); }

.hpcLogoWhite { background-position: 0px 0px; margin: -7px 21px 0px 0px; width: 132px; height: 52px; }

.hpcNext { background-position: -84px -57px; }

.hpcCopyInfo { background-position: -83px -99px; }

.hpcCopyInfo { display: inline-block; background-position: -84px -98px; }

.hpcInfoText { display: inline-block; min-width: 40px; height: 40px; vertical-align: top; background-color: rgba(34, 34, 34, 0.75); font: 13px / 39px "Segoe UI", Arial; color: rgba(255, 255, 255, 0.75); }

#hphdl { padding-right: 12px; max-width: 320px; overflow: hidden; margin: 0px; }

.hpcPlay { background-position: -2px -98px; }

.hpcSmall { background-position: -48px -177px; }

.hpcDown { background-position: 0px -53px; }

.hpcFull { background-position: -48px -138px; }

.hpcPause { background-position: -42px -98px; }

.hpcPrevious { background-position: -123px -57px; }

.sw_qbtn { background-position: -224px -53px; }

.hpcCaroNavLeft, .hpcCaroNavRight { position: absolute; width: 17px; height: 26px; }

.hpcCaroNavRight { background-position: -177px -106px; }

.hpcCaroNavLeft { background-position: -206px -106px; }

.hpcExpand, .hpcClose { width: 32px; height: 32px; }

.hpcExpand { background-position: -128px -53px; }

.hpcClose { background-position: -96px -53px; }

.pref:hover { background-position: -187px -18px; }

.pref { background-position: -169px -18px; width: 18px; height: 18px; }

.img_uparrow { background-position: -174px -36px; width: 20px; height: 12px !important; }

.img_rwds_sml { background-position: -167px 0px; width: 18px; height: 18px !important; }

.img_downarrow { background-position: -165px -36px; width: 9px; height: 6px; }

.hpcBkP { display: inline-block; background-position: -84px -98px; overflow: hidden; width: 35px; height: 40px; cursor: pointer; }

.sc_lightdis #sh_lt, .sc_lightdis #sh_rt { cursor: default; opacity: 0.3; }

#sc_hdu .sc_pc { margin: 8px 0px 0px -46px; }

#hp_bottomCell { z-index: 5; }

b { padding: 0px; }

@media only screen and (min-height: 806px) and (orientation: landscape), screen and (min-width: 1433px) and (orientation: landscape) {
  #hp_container, #bgDiv, #hp_vidwrp, #vid { max-height: 1080px; max-width: 1920px; }
  #vid { min-width: 100%; min-height: 100%; width: auto; height: auto; }
  #hp_tbar { max-width: 1920px !important; }
  #sc_mdCrs { width: 100% !important; }
}

body #hp_cellCenter #hp_container { max-width: 100%; max-height: 100%; }

body #hp_cellCenter #bgDiv, body #hp_cellCenter #hp_vidwrp, body #hp_cellCenter #vid { max-width: none; max-height: none; }

body #hp_cellCenter #hp_tbar, body #hp_cellCenter #sc_mdCrs { width: 100% !important; max-width: 100% !important; }

@media screen and (min-width: 1366px) and (max-width: 1439px) {
  #hp_container .b_searchboxForm .b_searchboxSubmit { height: 49px; width: 49px; border-width: 10px; }
  #hp_container .b_searchbox { width: 540px; margin-top: 8px; }
  #hp_container .hpcLogoWhite { margin-top: -3px; }
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
  #hp_container .b_searchboxForm .b_searchboxSubmit { height: 51px; width: 51px; border-width: 11px; }
  #hp_container .b_searchbox { width: 557px; margin-top: 10px; margin-left: 12px; }
  #hp_container .hpcLogoWhite { margin-top: -1px; }
}

@media screen and (min-width: 1920px) and (max-width: 2559px) {
  #hp_container .b_searchboxForm .b_searchboxSubmit { height: 53px; width: 53px; border-width: 12px; }
  #hp_container .b_searchbox { width: 581px; margin-top: 11px; margin-left: 12px; }
  #hp_container .hpcLogoWhite { margin-top: 0px; }
}

@media screen and (min-width: 2560px) {
  #hp_container .b_searchboxForm .b_searchboxSubmit { height: 57px; width: 57px; border-width: 14px; }
  #hp_container .b_searchbox { width: 627px; margin-top: 13px; margin-left: 15px; }
  #hp_container .hpcLogoWhite { margin-top: 2px; }
}

div#focus_ovr { position: absolute; top: 0px; left: 0px; width: 100%; background: rgb(0, 0, 0); z-index: 300; opacity: 0; }

.focus_hi { z-index: 301 !important; }

#DownloadHPImage:focus, #musCardImageLink:focus, #b_footerItems li a:focus { text-decoration: underline; }

#sc_hdu li a:focus, #id_l:focus, #id_rh:focus { color: rgb(255, 255, 255); }

#b_footer span:hover, #b_footer a:hover, #sb_feedback:hover, #b_footer span:focus, #b_footer a:focus, .disabled#DownloadHPImage:focus, .disabled#DownloadHPImage:hover { color: rgb(154, 154, 154); }

#crs_pane a:focus > .crs_item > img { opacity: 1; }

#bgDiv { opacity: 1; background-image: url("/web/20190701012225im_/https://www.bing.com/th?id=OHR.HKreuni_ZH-CN5683726370_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp"); }

.hp_sw_logo { float: left; text-indent: -20em; }

.hp_logo_svg { float: left; margin: -7px 21px 0px 0px; }

.hp_logo_svg .st0 { fill: white; }

.sw_sform { position: absolute; top: 20%; left: 8%; margin: 0px; z-index: 9; }

.search_controls { display: inline-block; }

body .b_searchboxForm .b_searchboxSubmit { height: 67px; width: 67px; border: 8px solid transparent; background: url("/web/20190701012225im_/https://www.bing.com/sa/simg/hpc26.png") -169px -63px no-repeat transparent; overflow: hidden; vertical-align: top; }

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 192dpi) {
  body .b_searchboxForm .b_searchboxSubmit { background-image: url("/web/20190701012225im_/https://www.bing.com/sa/simg/hpc26_2x.png"); background-size: 241px 224px; }
}

body.focus_expand .b_searchboxForm .b_searchboxSubmit { width: 60px; height: 60px; border-width: 14px; }

body .b_searchbox { background-color: rgb(255, 255, 255); margin: 6px 1px 0px 10px; width: 486px; border-right: 0px; padding-right: 4px; }

body.focus_expand .b_searchbox { width: 650px; max-height: 50px; height: 60px; margin-top: 3px; }

body .b_searchboxForm { border-radius: 6px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); padding: 0px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; }

body .b_searchboxForm:hover { box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 6px, rgba(0, 0, 0, 0.1) 0px 2px 4px; }

body.focus_expand .sw_box { margin-top: -10px; }

body .beta, body .beta a { color: rgb(187, 187, 187); }

.beta { position: absolute; top: 45px; left: 54px; width: 55px; height: 18px; overflow: hidden; }

.beta a { font-size: 12px; }

#sw_clx { position: absolute; right: 40px; top: 5px; padding: 12px; cursor: pointer; }

.sw_tpcbk { background-position: -176px -32px; height: 10px; width: 10px; background-image: url("/web/20190701012225im_/https://www.bing.com/sa/simg/sw_mg_l_4d_brandw2.png"); background-repeat: no-repeat; }

div#sbox.sw_sform { left: 88px; }

@media only screen and (min-width: 1601px) and (max-width: 1919px) {
  div#sbox.sw_sform { left: calc(-688px + 50vw); }
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  div#sbox.sw_sform { left: calc(-768px + 50vw); }
}

@media only screen and (min-width: 2560px) {
  div#sbox.sw_sform { left: calc(-896px + 50vw); }
}

.nonhd:not(.noBg) div#sbox.sw_sform { left: 88px; }

#est_switch { position: absolute; margin-top: -36px; margin-left: 153px; z-index: 2; }

#est_cn, #est_en { position: relative; display: inline-block; height: 26px; line-height: 26px; font-size: 16px; text-align: center; cursor: pointer; padding: 5px 17px; color: rgb(70, 70, 70); font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; }

#est_cn { margin-right: 1px; }

#est_cn::before, #est_en::before { content: ""; position: absolute; bottom: -2px; left: 1px; height: 3px; width: 88px; z-index: -1; }

#est_cn::before { border-left: 1px solid rgb(204, 204, 204); left: 0px; height: 9px; }

#est_cn.est_selected::before { bottom: -8px; }

#est_cn.est_unselected::before { background: rgb(255, 255, 255); bottom: -10px; }

#est_cn::after, #est_en::after { content: ""; position: absolute; inset: 4px 0px -1px; z-index: -1; transform: scale(1.1, 1.3) perspective(0.5em) rotateX(2.2deg); transform-origin: left bottom; background: rgba(255, 255, 255, 0.8); border-top-left-radius: 2px; border-top-right-radius: 2px; }

#est_switch .est_selected { color: rgb(1, 1, 1); cursor: auto; z-index: 1; }

#est_switch .est_selected::before { background: rgb(255, 255, 255); }

#est_switch .est_selected::after { background: rgb(255, 255, 255); border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; border-bottom: none; }

.noBg #est_switch .est_selected::after { border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; border-bottom: none; }

#est_switch .est_unselected { text-shadow: white 0px 0px 3px; }

#est_switch .est_unselected::after { border-top: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); border-left: 1px solid rgba(255, 255, 255, 0.2); border-image: initial; border-bottom: none; }

.noBg #est_switch .est_unselected::after { border: 1px solid rgb(204, 204, 204); }

#est_switch .est_unselected:hover { color: rgba(70, 70, 70, 0.8); }

#est_switch .est_unselected:hover::after { background: rgba(255, 255, 255, 0.6); }

.b_searchboxForm::before { display: inline-block; height: 36px; width: 1px; margin-left: -1px; content: ""; top: -37px; position: absolute; background-color: transparent; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; }

.b_searchboxForm:hover::before { box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 6px, rgba(0, 0, 0, 0.1) 0px 2px 4px; }

z { }

z { }

.sw_meIc, .sw_spd, .idp_ham, .idp_wlid, .idp_tw { background: url("/web/20190701012225im_/https://www.bing.com/sa/simg/hpc26.png") no-repeat transparent; overflow: hidden; }

.idp_ham { background-size: 241px 223px; background-position: -170px -149px; height: 16px; width: 20px; margin: 0px 42px 14px 10px; vertical-align: bottom; border: none; }

.idp_wlid, .idp_tw { background-position: -192px -148px; height: 22px; width: 20px; }

#id_d #b_idProviders .idp_wlid { margin: 9px 6px 0px -4px; }

.idp_wlid { background-position: -15px -190px; }

.idp_tw { background-position: -645px 0px; }

.sw_meIc { background-position: -202px 1px; height: 20px; width: 18px; }

.id_avatar.sw_meIc { margin: 1px 16px 2px; }

#spcv .sw_meIc, .rigleamon .sw_meIc { background-position: -184px 0px; }

.gleamon .sw_meIc { background-position: -627px 0px; }

.gleamoff .sw_meIc { background-position: -609px 0px; }

.sw_spd { background-position: -220px 1px; height: 20px; width: 20px; }

.b_searchboxForm { background-color: rgb(255, 255, 255); }

.id_button, .id_button:visited { color: rgb(172, 172, 172); }

.id_button:hover, .b_idOpen a#id_l, a#bep.openfo, a#id_rh.openfo { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); }

.b_idOpen #id_l { background-color: rgb(255, 255, 255); }

input { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 100%; }

.b_searchboxForm { font: 18px "Microsoft YaHei", Arial, Helvetica, sans-serif; }

.id_button { line-height: 30px; }

h2 a, a:hover { text-decoration: underline; }

a, #id_h a, #id_h a:hover, .b_toggle, .b_toggle:hover { text-decoration: none; }

.b_searchboxForm, #id_h .id_button, .id_avatar, .rwds_bep_head, .idp_ham { display: inline-block; }

.b_searchboxForm { position: relative; display: inline-block; }

.b_searchbox { width: 490px; margin: 2px 0px 3px 12px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-bottom-style: initial; border-left-style: initial; border-image: initial; padding: 0px 10px 0px 0px; max-height: 45px; outline: none; appearance: none; border-right-style: solid; border-color: rgb(204, 204, 204); box-sizing: content-box; position: relative; height: 60px; font-size: 16px; }

.b_searchboxSubmit { text-indent: -99em; position: static; right: 0px; top: 0px; cursor: pointer; }

.b_searchbox::placeholder { color: rgb(204, 204, 204); opacity: 1; }

.b_searchbox:focus::placeholder { opacity: 0; }

#id_h { display: block; position: absolute; top: 0px; width: 300px; height: 30px; text-align: right; z-index: 1; }

.b_twoColOnly { vertical-align: top; }

.id_button { padding: 0px 18px; }

#id_l { padding: 0px 12px; }

#id_s, #in_n { margin-right: 2px; }

#bepfo, #bepfm, #bepfl { width: 320px; }

#bepfm { display: block; }

#bepfl { text-align: center; margin: 50px 0px; }

#id_d, #bepfo { position: absolute; z-index: 6; text-align: left; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); }

.b_idOpen #id_d { display: block; padding: 11px 0px 5px; }

#sw_tfbb, #id_d { display: none; }

#HBContent { border: 1px solid rgb(221, 221, 221); }

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 192dpi) {
  .sw_meIc, .sw_spd, .idp_ham, .idp_wlid, .idp_tw { background-image: url("/web/20190701012225im_/https://www.bing.com/sa/simg/hpc26_2x.png"); background-size: 241px 224px; }
}

#id_h { float: right; width: auto; background-color: transparent !important; position: relative !important; height: 43px !important; }

#id_h #id_p, #id_h #id_a { height: 32px; width: 32px; border-radius: 16px; background-color: rgb(236, 236, 236); background-position: -11px -149px; }

#bep.bepoff { display: none; }

#bep .bepcnt { vertical-align: top; }

#id_d { left: auto; right: 26px; top: 43px !important; }

.id_avatar { vertical-align: middle; margin: 1px 3px 2px 8px; }

#id_l.id_button { height: 42px; margin-top: 2px; }

#id_rh.id_button { height: 42px; margin-top: 2px; padding-right: 6px; }

#id_d h2 { font-size: 18px; font-weight: normal; margin: 0px; }

.id_button { line-height: 39px !important; vertical-align: top; }

.id_button:hover, a#bep.openfo, a#interestsiconlink.openfo, a#id_rh.openfo { background-color: transparent !important; }

#id_h #id_rc, #id_h #id_s, #id_h #id_l { color: rgb(255, 255, 255) !important; background-color: transparent !important; }

.sw_tb a:hover { text-decoration: none; color: rgb(255, 255, 255) !important; }

.sw_tb div.idp_fb, .sw_tb div.idp_wlid { height: 16px !important; }

#id_d a:hover { color: rgb(16, 32, 208) !important; }

#id_h .b_hide { display: none !important; }

#bepfo { right: 0px; top: 43px; border: none; }

.b_cm { background-image: url("/web/20190701012225im_/https://www.bing.com/sa/simg/SharedSpriteDesktop_2x_040919.png"); background-repeat: no-repeat; background-position: -866px -64px; height: 24px; width: 24px; transform: scale(0.5); display: inline-block; }

#b_idProviders .b_cm { margin: 7px 0px 0px !important; }

.rwds_bep_head { margin: 12px 0px 0px 6px !important; }

.b_icon { width: 20px; height: 20px; border: 0px; }

#hp_sw_hdr #sw_mktsw { display: none; vertical-align: top; padding-top: 2px; }

#id_h #sw_mktsw .sw_mkt_ficon { width: 20px; height: 20px; display: inline-block; background-position: -5px -5px; vertical-align: text-top; margin-right: 8px; }

#sw_mktsw #sw_mkt_wrapper:hover .sw_mkt_ficon { background-position: -35px -5px; }

@media only screen and (max-width: 1320px) {
  #sc_hdu #setHomeLink { display: none; }
}

#id_h #sw_mktsw .sw_mkt_ficon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAeCAMAAABHRo19AAAAV1BMVEUAAACWlpbh4eGWlpba2tqbm5vc3Nyamprd3d2ZmZne3t6ZmZnc3NyYmJjd3d2ZmZne3t6ZmZnd3d2ZmZnd3d2ZmZnd3d2ZmZne3t6ZmZnd3d2ZmZnd3d05lTR8AAAAG3RSTlMAEREiIjMzRERVVWZmd3eZmaqqu7vMzN3d7u6k+a9fAAABb0lEQVQokWNgAAHGZDDFYGgmAKaFGZCA+DIwxRKcVQhmmDog5BirIGKuDuIrwFpZQhCSEsthQoxVjVBlcI1dhXARDK0ayxECjFVNKFqZkDSCtCoga0XWiNAKcTBUI6OrAdRbEK3MIQIIjSLBMOdlQbU6gjQmomhkYBBDaNVYhqoRRWvWRIwAk4QFJn6deO3E61r8/sQbQvjDFm+s4I9PvCkBSSuWNIQ39eFKtwDurT6lkzxLSgAAAABJRU5ErkJggg=="); }

#hp_sw_hdr #sc_hdu { line-height: 0; margin-top: 2px; padding-left: 0px; }

#hp_id_hdr #id_h .idp_ham { margin-right: 0px; }

#hp_id_hdr #id_hbfo { right: 0px; }

@media only screen and (max-width: 1120px) {
  li#hdr_spl, li#msn, li#office, li#outlook { display: none; }
}

div#hp_container #hp_sw_hdr ul#sc_hdu { margin-left: 70px; }

#hp_id_hdr #id_h { margin-right: 88px; }

#hp_sw_hdr ul#sc_hdu .sc_pc { margin-left: -88px; }

@media only screen and (min-width: 1601px) and (max-width: 1919px) {
  div#hp_container #hp_sw_hdr ul#sc_hdu { margin-left: calc(-706px + 50vw); }
  #hp_id_hdr #id_h { margin-right: calc(-688px + 50vw); }
  #hp_sw_hdr ul#sc_hdu .sc_pc { margin-left: calc(0% + 688px - 50vw); }
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  div#hp_container #hp_sw_hdr ul#sc_hdu { margin-left: calc(-786px + 50vw); }
  #hp_id_hdr #id_h { margin-right: calc(-768px + 50vw); }
  #hp_sw_hdr ul#sc_hdu .sc_pc { margin-left: calc(0% + 768px - 50vw); }
}

@media only screen and (min-width: 2560px) {
  div#hp_container #hp_sw_hdr ul#sc_hdu { margin-left: calc(-914px + 50vw); }
  #hp_id_hdr #id_h { margin-right: calc(-896px + 50vw); }
  #hp_sw_hdr ul#sc_hdu .sc_pc { margin-left: calc(0% + 896px - 50vw); }
}

.nonhd:not(.noBg) div#hp_container #hp_sw_hdr ul#sc_hdu { margin-left: 70px; }

.nonhd:not(.noBg) #hp_id_hdr #id_h { margin-right: 88px; }

.nonhd:not(.noBg) #hp_sw_hdr ul#sc_hdu .sc_pc { margin-left: -88px; }

.shader_left { position: absolute; top: 0px; left: 0px; width: 1200px; height: 300px; background: linear-gradient(350deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.64) 100%); opacity: 0.5; }

.rtl .shader_left { background: linear-gradient(10deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.64) 100%); }

.shader_right { position: absolute; top: 0px; right: 0px; width: 800px; height: 300px; background: linear-gradient(15deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.64) 100%); opacity: 0.5; }

.rtl .shader_right { background: linear-gradient(345deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.64) 100%); }

.cnt .shader_left { display: none; }

#hp_container div#thp_notf_div { position: relative; top: 0px !important; }

.sc_pc { position: absolute; padding: 0px; top: 14px; font-size: 92%; margin: 0.82em 0px 0px -18px; visibility: hidden; min-width: 16em; width: auto; }

.sc_pc .sc_hl1 { margin-right: 0px; color: rgb(172, 172, 172); }

.sc_pc > .sc_hl1 { padding: 10px 8px; }

.sw_tb .sc_hl1 li .sc_hl1 li { margin: 0px; }

.hp_hor_hdr, .hp_hor_hdr a { font-family: Arial, Helvetica, sans-serif; }

.hp_hor_hdr .sw_tb .sc_pc .sc_hl1 li a { margin: 0px 9px; }

.sc_pc .sc_pcC a { overflow-wrap: break-word; white-space: normal; width: 14.5em; }

.sc_pc .sc_hl1 li a { white-space: normal; line-height: 18px !important; }

.sc_pc .sc_hl1 a:hover { text-decoration: none; color: rgb(255, 255, 255); }

#hp_sw_hdr .sc_pc h3 { display: block; }

.sc_pc li { padding: 0.15em; }

.sc_sct { background: rgb(0, 0, 0); left: 0px; top: 0px; position: absolute; z-index: -1; width: 100%; height: 100% !important; }

#hp_sw_hdr .sw_tb .sc_pc, #hp_sw_hdr .sw_tb .sc_pc div, #hp_sw_hdr .sw_tb .sc_pc li { display: block; }

.sc_sct { opacity: 0.7; }

.sc_pcC { float: left; width: 16.6em; }

.sc_pc h3, .sc_pc .scphdr { font-size: 18px; margin: 0px 0.8em; color: rgb(255, 255, 255); font-weight: normal; padding: 0.3em 0.2em; }

.sc_pcA { padding: 2.1em 0.2em 0px 5px; clear: both; }

.sc_pcA a { margin: 0px 0.75em; }

.sc_pc a { display: inline-block; padding: 0px; }

.sc_pc a:hover { text-decoration: underline; }

.sc_pc .sc_hl1 a, .sc_pc a, .sc_pcA { color: rgb(172, 172, 172); font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: none; }

#history.sc_C2 { width: 34em; }

#history li a { margin: 8px 18px; }

#sc_hdu div.rms_office_launch_sprite.rms_office_launch { display: block; }

#officelink, #officelink > a { cursor: pointer; }

#officelink:hover .rms_office_launch { background-position: -15px 0px; }

.sw_tb ul.om { padding: 15px; width: 320px; height: 300px; z-index: 9; display: none; background-color: rgba(0, 0, 0, 0.7); }

.om .itm_desc { line-height: normal; text-transform: none; width: 70px; }

#sc_hdu .sc_pc .om li { float: left; width: 80px; height: 80px; text-align: center; padding: 10px; }

.om li a { color: rgb(172, 172, 172); text-decoration: none; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }

.om li:hover a { color: rgb(255, 255, 255); }

.oms .oml_img { background-color: transparent; background-repeat: no-repeat; background-image: url("/web/20190701012225im_/https://www.bing.com/sa/simg/hp_officemenu_sprite3.png"); }

.oml_img { height: 48px; width: 48px; margin-left: auto; margin-right: auto; display: inline-block; overflow: hidden; }

#hp_sw_hdr #off_menu_cont { display: none; visibility: visible; }

#officemenu_outlook_img { background-position: -245px 0px; }

#officemenu_word_img { background-position: 0px 0px; }

#officemenu_excel_img { background-position: -49px 0px; }

#officemenu_powerpoint_img { background-position: -98px 0px; }

#officemenu_people_img { background-position: -343px 0px; }

#officemenu_calendar_img { background-position: -294px 0px; }

#officemenu_onedrive_img { background-position: -147px 0px; }

#officemenu_onenote_img { background-position: -196px 0px; }

#officemenu_sway_img { background-position: -391px 0px; }

#officemenu_docscom_img { background-position: -439px 0px; }

@media (max-width: 1177px) {
  #id_n { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px; display: inline-block; }
}

#sh_rdiv #showBingAppQR { margin: -254px 0px 0px -46px; }

#hp_tbar #hp_pgbar { display: none; }

#hp_ctrls #carouselControls { left: 43px; width: 60px; height: 49px; margin: 0px; top: 11px; }

#hp_ctrls #carouselControls a { padding: 15px 17px; }

.hp_cnCarousel .hpcCaroNavRight, .hp_cnCarousel .hpcCaroNavLeft { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAZBAMAAACWWPC+AAAAA3NCSVQICAjb4U/gAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAC3RSTlMAESIzRFW7zN3u/yEUhYsAAAAJcEhZcwAACusAAArrAYKLDVoAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAArElEQVQokWNgAAHGZDDFYGgmAKaFGZCA+DIwxRKcVQhmmDog5BirIGKuDuIrwFpZQhCSEsthQoxVjVBlcI1dhXARDK0ayxECjFVNKFqZkDSCtCoga0XWiNAKcTBUI6OrAdRbEK3MIQIIjSLBMOdlQbU6gjQmomhkYBBDaNVYhqoRRWvWRIwAk4QFJn6deO3E61r8/sQbQvjDFm+s4I9PvCkBSSuWNIQ39eFKtwDurT6lkzxLSgAAAABJRU5ErkJggg==") no-repeat transparent; overflow: hidden; width: 14px; top: 48px; left: 23px; }

.hp_cnCarousel .hpcCaroNavLeft { background-position: 0px 0px; right: 23px; }

.hp_cnCarousel .hpcCaroNavRight { background-position: -28px 0px; }

.hp_cnCarousel #sc_mdCrs div.hp_text { padding: 10px 0px 5px; height: 20px; line-height: 20px; }

.hp_cnCarousel #crs_scroll { margin: 0px 60px 0px 58px; }

.hp_cnCarousel .crs_bt { width: 60px; height: 115px; }

.hp_cnCarousel #sc_mdCrs { height: 110px; }

#b_footer { overflow: hidden; background-color: rgb(51, 51, 51); font-weight: 400; z-index: 11; width: 100%; position: relative; border: 0px; padding: 0px; }

#b_footerItems { margin: 0px; padding: 0px 20px 0px 49px; white-space: nowrap; width: 100%; height: 35px; box-sizing: border-box; }

#b_footerItems, #b_footerItems a { color: rgb(102, 102, 102); font-weight: 400; line-height: 35px; }

#b_footerItems > span { margin-right: 24px; float: right; }

#b_footerItems ul { display: inline; }

#b_footerItems li { display: inline; float: left; }

#b_footer a, #b_footer span { margin-right: 24px; zoom: 1; }

#sw_ctfm { margin: 15px 0px 0px 10px; float: left; }

#hp_bottomCell > #b_footer { margin-top: 10px; }

@media only screen and (orientation: portrait) {
  #b_footerItems { padding-left: 41px; }
}

#b_footerItems br { display: none; }

@media (max-width: 1280px) {
  #b_footerItems > span { position: relative; bottom: -100%; }
  #b_footerItems br { display: block; }
}

/* Layout Fixes for Search Results */
html, body {
    height: 100%;
    min-height: 100%;
    /* Allow scrolling but prevent horizontal overflow */
    overflow-x: hidden;
}

/* Fix for "Exploding" Layout: Disable Table Vertical Centering */
body.has-results #hp_cellCenter {
    vertical-align: top !important;
    height: auto !important;
    padding-top: 0 !important;
}

body.has-results #hp_table {
    height: auto !important;
}

/* Hide header elements when results are shown to remove top whitespace */
body.has-results #hp_sw_hdr, 
body.has-results #hp_id_hdr {
    display: none !important;
}

#hp_container {
    min-height: 100vh;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    /* Ensure container takes full width for centering logic */
    width: 100%; 
    max-width: 100%;
}

#bgDiv {
    position: fixed !important;
    width: 100vw !important;
    height: 100vh !important;
    top: 0;
    left: 0;
    background-size: cover;
    z-index: 0; /* Behind content */
}

/* Ensure Search Box is always on top */
.sw_sform {
    z-index: 1001 !important;
}

/* When results are present */
body.has-results .sw_sform {
    top: 20px !important; /* Fixed distance from top */
    left: 88px !important; /* Fixed left alignment to match results */
    transform: none !important; /* Remove any centering transforms */
    position: fixed !important; /* Fix it to the viewport */
    margin: 0 !important;
}

body.has-results #results-layout {
    /* Margin top to clear the fixed search box */
    padding-top: 100px; 
    margin-top: 0;
}

/* Layout Container */
#results-layout {
    display: none; /* Hidden by default */
    justify-content: flex-start;
    align-items: flex-start;
    
    /* Align with search box */
    margin-left: 88px !important; 
    width: calc(100% - 88px) !important;
    
    gap: 40px;
    z-index: 10;
    position: relative;
    padding-bottom: 50px;
    
    flex-direction: row;
    flex-wrap: nowrap;
}

/* Show only when results are present */
body.has-results #results-layout {
    display: flex !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure Whats New card stays in flow */
#whats-new {
    width: 300px; 
    min-width: 250px;
    flex-shrink: 0;
    margin-top: 0;
    position: relative;
    /* Ensure it doesn't overlap logo */
    margin-right: 20px; 
    z-index: 15;
    /* HIDDEN BY DEFAULT */
    display: none;
}

/* SHOW WHATS NEW WHEN SEARCH RESULTS EXIST */
body.has-results #whats-new {
    display: block !important;
}

/* Settings Modal Styles */
.settings-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}

.settings-modal {
    background-color: #e0e0e0;
    padding: 30px;
    border-radius: 4px;
    width: 400px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    font-family: "Microsoft YaHei", sans-serif;
    color: #333;
}

.settings-title {
    font-size: 18px;
    margin-bottom: 20px;
    color: #000;
}

.settings-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.settings-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    cursor: pointer;
}

.settings-checkbox {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border: 1px solid #333;
    flex-shrink: 0;
}

.settings-checkbox.orange {
    background-color: #e67e22; /* Orange */
    border-color: #000;
}

.settings-checkbox.green {
    background-color: #2ecc71; /* Green */
    border-color: #000;
}

.settings-checkbox.blue {
    background-color: #3498db; /* Blue */
    border-color: #000;
}

.settings-label {
    font-size: 16px;
}

.settings-confirm-btn {
    display: block;
    margin-left: auto;
    margin-top: 20px;
    padding: 8px 30px;
    background-color: #005a87; /* Dark Blue */
    color: white;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.settings-confirm-btn:hover {
    background-color: #004a6f;
}

/* Settings Trigger Button (Gear Icon) */
#settings-trigger {
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: white;
    font-size: 24px;
    cursor: pointer;
    z-index: 2000;
    opacity: 0.7;
}

#settings-trigger:hover {
    opacity: 1;
}

/* OPAC Results Styles */
#opac-results {
    width: 65% !important; /* Strictly 65% of the container width */
    flex-shrink: 0;
    margin: 0;
    color: #fff;
    font-family: "Segoe UI", Arial, sans-serif;
}

/* Responsive adjustments for search box and results layout in search mode */
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
  body.has-results .sw_sform { left: calc(-688px + 50vw) !important; }
  #results-layout { margin-left: calc(-688px + 50vw) !important; width: calc(100% - (-688px + 50vw)) !important; }
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  body.has-results .sw_sform { left: calc(-768px + 50vw) !important; }
  #results-layout { margin-left: calc(-768px + 50vw) !important; width: calc(100% - (-768px + 50vw)) !important; }
}

@media only screen and (min-width: 2560px) {
  body.has-results .sw_sform { left: calc(-896px + 50vw) !important; }
  #results-layout { margin-left: calc(-896px + 50vw) !important; width: calc(100% - (-896px + 50vw)) !important; }
}

/* App Logo Styles */
.app-logo {
    position: fixed;
    top: 20px;
    right: 23px;
    width: 420px; /* Static calculation: 300px (Whats New width) + 20px (margin-right) */
    height: auto;
    z-index: 2000;
    object-fit: contain;
    object-position: right top;
    cursor: pointer;
    transition: transform 0.2s;
}

.app-logo:hover {
    transform: scale(1.02);
}

/* Theme Switching for Logo */
.logo-light { display: none; }
.logo-dark { display: block; }

body.theme-light .logo-light { display: block; }
body.theme-light .logo-dark { display: none; }

/* Responsive */
@media screen and (max-width: 768px) {
    .app-logo {
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        object-position: center;
    }
}

/* FORCE OVERRIDE LAYOUT FIXES - FINAL ATTEMPT */
body.has-results #hp_table,
body.has-results #hp_table tbody,
body.has-results #hp_table tr,
body.has-results #hp_cellCenter {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    vertical-align: top !important;
    padding-top: 0 !important;
    margin: 0 !important;
    position: static !important;
}

body.has-results #hp_container {
    padding-top: 120px !important;
    box-sizing: border-box !important;
    display: block !important;
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.has-results #results-layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.has-results .sw_sform {
    top: 20px !important;
    left: 88px !important;
    position: fixed !important;
    margin: 0 !important;
    z-index: 1001 !important;
    transform: none !important;
}

#results-layout {
    margin-left: 88px !important;
    width: calc(100% - 88px) !important;
    display: none; /* Default hidden */
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 40px !important;
    position: relative !important;
    z-index: 10 !important;
}

body.has-results #results-layout {
    display: flex !important;
}

#opac-results {
    width: 65% !important;
    flex-shrink: 0 !important;
}

#whats-new {
    margin-top: 0 !important;
    position: relative !important;
    width: 300px !important;
    flex-shrink: 0 !important;
    margin-right: 20px !important;
    z-index: 15 !important;
}

/* Responsive Overrides */
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
  body.has-results .sw_sform { left: calc(-688px + 50vw) !important; }
  #results-layout { margin-left: calc(-688px + 50vw) !important; width: calc(100% - (-688px + 50vw)) !important; }
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  body.has-results .sw_sform { left: calc(-768px + 50vw) !important; }
  #results-layout { margin-left: calc(-768px + 50vw) !important; width: calc(100% - (-768px + 50vw)) !important; }
}

@media only screen and (min-width: 2560px) {
  body.has-results .sw_sform { left: calc(-896px + 50vw) !important; }
  #results-layout { margin-left: calc(-896px + 50vw) !important; width: calc(100% - (-896px + 50vw)) !important; }
}


.opac-source-title {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    color: #ccc;
}

.book-card {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    display: flex;
    gap: 15px;
    animation: slide-up 0.5s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
    border: 1px solid rgba(255,255,255,0.05);
    backdrop-filter: blur(5px);
}

.book-cover {
    width: 80px;
    height: 110px;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.1);
}

.book-cover span {
    font-size: 30px;
    color: #666;
}

.book-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.book-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5px;
}

.book-title {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-right: 15px;
    flex: 1;
}

.book-callno-large {
    font-size: 18px;
    color: #8cc269;
    white-space: nowrap;
}

.book-meta {
    font-size: 13px;
    color: #bbb;
    margin-bottom: 2px;
}

.book-location {
    margin-top: auto;
    padding-top: 8px;
    font-weight: bold;
    font-size: 14px;
    color: #8cc269;
}

.book-status {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 2px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
}

.status-available {
    background: rgba(45, 90, 39, 0.8);
    color: #fff;
}

.status-unavailable {
    background: rgba(90, 39, 39, 0.8);
    color: #fff;
}

@keyframes slide-up {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Copy List Styles */
.book-copies {
    margin-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 10px;
}

.copy-item {
    margin-bottom: 8px;
    padding: 8px;
    background: rgba(255,255,255,0.05);
    border-radius: 4px;
}

.copy-details-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copy-left {
    display: flex;
    align-items: center;
    gap: 0;
    width: max-content;
}

.copy-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.copy-pos-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.goto-flash-link {
    font-size: 14px;
    text-decoration: none;
    opacity: 0.8;
    transition: opacity 0.2s;
}

.goto-flash-link:hover {
    opacity: 1;
}

.copy-pos-loc-large {
    font-size: 16px;
    color: #e67e22;
    margin-bottom: 2px;
    font-weight: bold;
}

.copy-lib-loc {
    color: #888;
    font-size: 12px;
}

.copy-barcode {
    margin-right: 3px;
}

/* Grouped Layout Styles */
.copy-group {
    margin-bottom: 15px;
    background: rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 10px;
}

.copy-group-title {
    font-size: 14px;
    font-weight: bold;
    color: #ddd;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.copy-group-grid {
    display: grid;
    grid-template-columns: repeat(5, max-content);
    gap: 8px;
}

.grid-item {
    background: rgba(255,255,255,0.05);
    padding: 6px;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 2px;
    width: max-content;
}

.grid-item.with-yearvol {
    flex-direction: column;
    align-items: flex-start;
}

.grid-barcode {
    font-size: 13px;
    color: #ddd;
    margin-bottom: 0;
    margin-right: 3px;
}

.grid-status {
    font-size: 11px;
    padding: 1px 2px;
    border-radius: 3px;
    white-space: nowrap;
}

.grid-yearvol {
    font-size: 13px;
    color: #ddd;
    margin-right: 3px;
    /* Use same style as grid-barcode */
}

.grid-yearvol-empty {
    font-size: 13px;
    color: #888; /* Gray color for empty yearVol */
    margin-right: 3px;
}

/* Pagination Controls */
.pagination-controls {
    display: inline-flex;
    align-items: center;
    margin-left: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #ccc;
    vertical-align: middle;
}

.page-btn {
    cursor: pointer;
    padding: 2px 8px;
    user-select: none;
    font-size: 12px;
    transition: color 0.2s;
}

.page-btn:hover {
    color: #fff;
    transform: scale(1.1);
}

.page-num {
    margin: 0 5px;
    padding: 2px 8px;
    min-width: 20px;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    cursor: text;
    display: inline-block;
    color: #fff;
}

.page-num:focus {
    outline: none;
    border-color: #2ecc71;
    background: rgba(0, 0, 0, 0.5);
}

/* Light Theme Overrides */
body.theme-light {
    background-color: #f5f7fb !important;
    color: #222 !important;
}
body.theme-light a { color: #0b69b8; }
body.theme-light #bgDiv {
    background-color: #f5f7fb !important;
    filter: brightness(1.05);
}
body.theme-light .shader_left,
body.theme-light .shader_right {
    opacity: 0.2 !important;
}
body.theme-light #opac-results {
    color: #222 !important;
}
body.theme-light .book-card {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
}
body.theme-light .book-cover {
    background: rgba(0,0,0,0.05) !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
}
body.theme-light .book-title {
    color: #222 !important;
}
body.theme-light .book-meta {
    color: #555 !important;
}
body.theme-light .book-callno-large {
    color: #2a7bd6 !important;
}
body.theme-light .status-available {
    background: rgba(46, 204, 113, 0.2) !important;
    color: #2d7a46 !important;
}
body.theme-light .status-unavailable {
    background: rgba(231, 76, 60, 0.2) !important;
    color: #8c3a2e !important;
}
body.theme-light .page-num {
    background: rgba(255,255,255,0.7) !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    color: #222 !important;
}
body.theme-light .pagination-controls {
    color: #555 !important;
}
body.theme-light .goto-flash-link {
    color: #0b69b8 !important;
}