/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #6b4721 #ddd6c3;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 14px;
  }

  *::-webkit-scrollbar-track {
    background: #ddd6c3;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #6b4721;
    border-radius: 7px;
    border: 2px outset #ddd6c3;
  }
  
body {
  font-family: "Tinos";
}

body.no-js main {
  visibility: hidden;
}



#parchment {
  position: absolute;
  display: flex;
  width: 95%;
  transform: translateZ(0);
  will-change: transform;
  margin: 2em 0 0 1.5em;
  box-shadow: 2px 3px 20px black, 0 0 125px #8f5922 inset;
  filter: url(#wavy2);
}
	
	th {
		font-weight: 700;	
		text-align: center;
	}
	
.highlight {
	color: yellow;		
	transition: all 0.2s ease-in-out 0s;
	animation: animation .65s ease-in-out infinite alternate;
}

/* Shared hover glow animation class */
.hover-glow {
	color: yellow;
	transition: all 0.2s ease-in-out 0s;
	animation: animation .65s ease-in-out infinite alternate;
}

/* Animation keyframes used across light and dark modes */
@keyframes animation {
	0% {text-shadow: 
	   0px 0px 4px #000,
	  5px -5px 20px #fe7634,
	 -5px 5px 20px #e93b0d,
	  5px 5px 20px #fe5908, 	 
	 -5px -5px 20px #d12c01;
	}
	100% {text-shadow: 
	   0px 0px 4px #000,
	  8px -8px 20px #f77401,	  
	 -8px 8px 20px #fe7634,
	  8px 8px 20px #fe5908,
	 -8px -8px 20px #e93b0d;
	}
}

/* Index-specific animation keyframes (smaller shadow values) */
@keyframes animation-index {
	0% {text-shadow: 
	   0px 0px 4px #000,
	  5px -5px 10px #fe7634,
	 -5px 5px 10px #e93b0d,
	  5px 5px 10px #fe5908, 	 
	 -5px -5px 10px #d12c01;
	}
	100% {text-shadow: 
	   0px 0px 4px #000,
	  4px -4px 10px #f77401,	  
	 -4px 4px 10px #fe7634,
	  4px 4px 10px #fe5908,
	 -4px -4px 10px #e93b0d;
	}
}

	
	
/* shift to mobile device layout */
@media screen and (max-width: 580px) {
	
		#parchment {
			display: none;
		}
		
		#wrapper {
			box-shadow: 2px 3px 20px black, 0 0 60px #8a4d0f inset;
		}
		
		#navup {
			top: 2em;
		}	
			

		#mode img {	
			width: 1.2em;
			filter: drop-shadow(1px 1px 2px white);
		}
		
}

/* font-tag replacements */
.text-blue { color: blue; }
.text-green { color: #008000; }
.text-red { color: #FF0000; }
.text-serif { font-family: "Times New Roman", serif; }

/* ===== Table styles (migrated from datatables.css) ===== */
:root {
  --dt-row-selected: 0, 209, 178;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
}

table[id^="table"] td.dt-control {
  text-align: center;
  cursor: pointer;
}
table[id^="table"] td.dt-control:before {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  content: "►";
}
table[id^="table"] tr.dt-hasChild td.dt-control:before {
  content: "▼";
}

html.dark table[id^="table"] td.dt-control:before {
  color: rgba(255, 255, 255, 0.5);
}
html.dark table[id^="table"] tr.dt-hasChild td.dt-control:before {
  color: rgba(255, 255, 255, 0.5);
}

table[id^="table"] thead > tr > th.sortable {
  cursor: pointer;
  position: relative;
}

table[id^="table"] thead > tr > th.sorting_asc:before,
table[id^="table"] thead > tr > th.sorting_desc:after {
  opacity: 0.6;
}
table[id^="table"] thead > tr > th.sorting_desc_disabled:after,
table[id^="table"] thead > tr > th.sorting_asc_disabled:before {
  display: none;
}
table[id^="table"] thead > tr > th:active,
table[id^="table"] thead > tr > td:active {
  outline: none;
}

table[id^="table"].nowrap th, table[id^="table"].nowrap td {
  white-space: nowrap;
}
table[id^="table"] th.dt-left,
table[id^="table"] td.dt-left {
  text-align: left;
}
table[id^="table"] th.dt-center,
table[id^="table"] td.dt-center,
table[id^="table"] td.dataTables_empty {
  text-align: center;
}
table[id^="table"] th.dt-right,
table[id^="table"] td.dt-right {
  text-align: right;
}
table[id^="table"] th.dt-justify,
table[id^="table"] td.dt-justify {
  text-align: justify;
}
table[id^="table"] th.dt-nowrap,
table[id^="table"] td.dt-nowrap {
  white-space: nowrap;
}
table[id^="table"] thead th,
table[id^="table"] thead td,
table[id^="table"] tfoot th,
table[id^="table"] tfoot td {

}
table[id^="table"] thead th.dt-head-left,
table[id^="table"] thead td.dt-head-left,
table[id^="table"] tfoot th.dt-head-left,
table[id^="table"] tfoot td.dt-head-left {
  text-align: left;
}
table[id^="table"] thead th.dt-head-center,
table[id^="table"] thead td.dt-head-center,
table[id^="table"] tfoot th.dt-head-center,
table[id^="table"] tfoot td.dt-head-center {
  text-align: center;
}
table[id^="table"] thead th.dt-head-right,
table[id^="table"] thead td.dt-head-right,
table[id^="table"] tfoot th.dt-head-right,
table[id^="table"] tfoot td.dt-head-right {
  text-align: right;
}
table[id^="table"] thead th.dt-head-justify,
table[id^="table"] thead td.dt-head-justify,
table[id^="table"] tfoot th.dt-head-justify,
table[id^="table"] tfoot td.dt-head-justify {
  text-align: justify;
}
table[id^="table"] thead th.dt-head-nowrap,
table[id^="table"] thead td.dt-head-nowrap,
table[id^="table"] tfoot th.dt-head-nowrap,
table[id^="table"] tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table[id^="table"] tbody th.dt-body-left,
table[id^="table"] tbody td.dt-body-left {
  text-align: left;
}
table[id^="table"] tbody th.dt-body-center,
table[id^="table"] tbody td.dt-body-center {
  text-align: center;
}
table[id^="table"] tbody th.dt-body-right,
table[id^="table"] tbody td.dt-body-right {
  text-align: right;
}
table[id^="table"] tbody th.dt-body-justify,
table[id^="table"] tbody td.dt-body-justify {
  text-align: justify;
}
table[id^="table"] tbody th.dt-body-nowrap,
table[id^="table"] tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table[id^="table"] {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
  border-spacing: 0;
}
table[id^="table"] td,
table[id^="table"] th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table[id^="table"] td.dataTables_empty,
table[id^="table"] th.dataTables_empty {
  text-align: center;
}
table[id^="table"].nowrap th,
table[id^="table"].nowrap td {
  white-space: nowrap;
}
table[id^="table"] > tbody > tr {
 /* background-color: transparent; */
}
table[id^="table"] > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgb(0, 209, 178);
  box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
  color: rgb(255, 255, 255);
  color: rgb(var(--dt-row-selected-text));
}
table[id^="table"] > tbody > tr.selected a {
  color: rgb(9, 10, 11);
  color: rgb(var(--dt-row-selected-link));
}

table[id^="table"] > tbody > tr.child {
  padding: 0.5em 1em;
}
table[id^="table"] > tbody > tr.child:hover {
  background: transparent !important;
}
table[id^="table"] > tbody > tr.child ul {
  font-size: 1em;
}

@media print {
  table.fixedHeader-floating {
    display: none;
  }
}