.voy-box-archive { 	width: 100%; 	margin-bottom: 0.6em;  	margin-top: 0.6em;  	padding-left: 1em;  	background-color:#FFE4B5;  	border:1px solid #BBBBBB; 	color: #000; } .voy-archive-nav-textbox {     box-sizing: border-box;      width: 100%;      border-width:1px;      border-style:solid;      margin:0;      padding: 0.25em 1em;      font-size: 1.1em;      border-bottom: none;      background-color:#FFE4B5; } .voy-archive-nav-navbox {     box-sizing: border-box;      width: 100%;      border-width:1px;      border-style:solid;      margin:0;      padding: 0;      font-size: 1.1em; } .voy-archive-nav-navbox .voy-archive-nav-navbox-left {     float:left;      border-right: 1px solid #6cc8f3;      padding: 0 1em;      background: #f0f0f0; } .voy-archive-nav-navbox .voy-archive-nav-navbox-right {     float:right;      border-left: 1px solid #6cc8f3;      padding: 0 1em;      background: #f0f0f0; } .voy-archive-nav-navbox .voy-archive-nav-navbox-center {     text-align:center;      font-weight:bold; }  @media screen {  	html.skin-theme-clientpref-night .voy-archive-nav-textbox.var1, 	html.skin-theme-clientpref-night .voy-archive-nav-navbox.var1 .voy-archive-nav-navbox-left, 	html.skin-theme-clientpref-night .voy-archive-nav-navbox.var1 .voy-archive-nav-navbox-right { 		background-color: #333 !important; 		color: #6cc8f3 !important; 	} 	 	html.skin-theme-clientpref-night .voy-archive-nav-navbox.var1 .voy-archive-nav-navbox-center { 		color: #80f000!important; 	} 	 } @media screen and (prefers-color-scheme: dark) { 	 	html.skin-theme-clientpref-os  .voy-archive-nav-textbox.var1, 	html.skin-theme-clientpref-os .voy-archive-nav-navbox.var1 .voy-archive-nav-navbox-left, 	html.skin-theme-clientpref-os .voy-archive-nav-navbox.var1 .voy-archive-nav-navbox-right { 		background-color: #333 !important; 		color: #6cc8f3 !important; 	} 	 	html.skin-theme-clientpref-os .voy-archive-nav-navbox.var1 .voy-archive-nav-navbox-center { 		color: #80f000!important; 	} 	 }