:root {
	--ddc-color-mult: calc(255 / 10);

	--ddc-color-h: 0; /* Hue        */
	--ddc-color-s: 60%; /* Saturation */
	--ddc-color-l: 50%; /* Lightness  */
	--ddc-color-a: 100%; /* Alpha  */

	--ddc-row-s-mult: var(--ddc-color-s)
}
html {
	--font-smallest-size-ddc: 0.65rem;
	--font-largest-size-ddc: 1.05rem;
	--font-vw-multiplier-ddc: 0.8vw;
}

table.ddc {
	margin: var(--lt-padding-quarter) 0;
	width:100%;
	border-spacing: 2px;
	border-collapse: initial;
}
body.classification table.ddc {
	margin-bottom: calc(var(--lt-padding) * 2)
}
body.classification section table.ddc {
	margin-bottom: var(--lt-padding-half);
}
.catalogpage table.ddc {
	margin-top: var(--lt-padding-half);
	margin-bottom: var(--lt-padding);
}
.touchDevice table.ddc td {
	--font-smallest-size-ddc: 1rem;
}
table.ddc td {
	font-size: 1rem;
	font-size: clamp(var(--font-smallest-size-ddc), var(--font-vw-multiplier-ddc), var(--font-largest-size-ddc));
	xfont-size: clamp(min(0.7rem, 0.8vw), 1rem, max(1.2rem, 0.8vw));
	background-color: var(--lt-tint-dark-1);
	text-align: center;
	width: 10%;
	vertical-align: top;
	cursor:pointer;
	line-height: 1.2;
	border-radius: var(--lt-border-radius);
	padding-bottom: var(--lt-padding-quarter);

	position: relative;
	padding-bottom: 4.5em;
}


table.ddc tr.ddcr1 {
	--ddc-color-a: 80%;
}
table.ddc tr.ddcr2 {
	--ddc-color-a: 60%;
}
table.ddc tr.ddcr3 {
	--ddc-color-a: 40%;
}
table.ddc tr.ddcr4 {
	--ddc-color-a: 20%;
}
table.ddc tr.ddcr5 {
	--ddc-color-a: 10%;
}
table.ddc tr.ddcrdeep {
	--ddc-color-a: 5%;
}


/* main colors */
.ddcl0 {
	/*
	--ddc-color-h: 40;
	--ddc-color-s: 90%;
	--ddc-color-l: 20%;
	*/
	/* lt brown color */

	--ddc-color-h: 4;
	--ddc-color-s: 21%;
	--ddc-color-l: 26%;


}
.ddcl1 {
	--ddc-color-h: 325;
	--ddc-color-s: 100%;
	--ddc-color-l: 31%;
}
.ddcl2 {
	--ddc-color-h: 0;
	--ddc-color-s: 53%;
	--ddc-color-l: 43%;
}
.ddcl3 {
	--ddc-color-h: 28;
	--ddc-color-s: 93%;
	--ddc-color-l: 40%;
}

.ddcl4 {
	--ddc-color-h: 55;
	--ddc-color-s: 90%;
	--ddc-color-l: 32%;
}
.ddcl5 {
	--ddc-color-h: 90;
	--ddc-color-s: 100%;
	--ddc-color-l: 23%;
}
.ddcl6 {
	--ddc-color-h: 170;
	--ddc-color-s: 90%;
	--ddc-color-l: 31%;
}
.ddcl7 {
	--ddc-color-h: 200;
	--ddc-color-s: 100%;
	--ddc-color-l: 31%;
}
.ddcl8 {
	--ddc-color-h: 240;
	--ddc-color-s: 60%;
	--ddc-color-l: 41%;
}
.ddcl9 {
	--ddc-color-h: 280;
	--ddc-color-s: 100%;
	--ddc-color-l: 31%;
}

/*
table.ddc .ddcl1 {
	--ddc-color-h: calc(var(--ddc-color-mult) * 1);
}
table.ddc .ddcl2 {
	--ddc-color-h: calc(var(--ddc-color-mult) * 2);
}
table.ddc .ddcl3 {
	--ddc-color-h: calc(var(--ddc-color-mult) * 3);
}


table.ddc .ddcl4 {
	--ddc-color-h: calc(var(--ddc-color-mult) * 4);
}
table.ddc .ddcl5 {
	--ddc-color-h: calc(var(--ddc-color-mult) * 5);
}
table.ddc .ddcl6 {
	--ddc-color-h: calc(var(--ddc-color-mult) * 6);
}
table.ddc .ddcl7 {
	--ddc-color-h: calc(var(--ddc-color-mult) * 7);
}
table.ddc .ddcl8 {
	--ddc-color-h: calc(var(--ddc-color-mult) * 8);
}
table.ddc .ddcl9 {
	--ddc-color-h: calc(var(--ddc-color-mult) * 9);
}
 */
table.ddc td {
	background: hsla(var(--ddc-color-h), var(--ddc-color-s), var(--ddc-color-l), 15%);
}



table.ddc td.chosen {
	font-size: 0.85rem;
	font-size: clamp(var(--font-smallest-size-ddc), calc(var(--font-vw-multiplier-ddc) * 1.1), var(--font-largest-size-ddc));
	background: hsl(var(--ddc-color-h), var(--ddc-color-s), var(--ddc-color-l));
	font-weight: bold;
	xcolor: var(--lt-white-almost-color);
}
table.ddc td:hover {
	xbackground-color: var(--lt-link-hover-color);
	background-color: hsl(var(--ddc-color-h), var(--ddc-color-s), var(--ddc-color-l));
	color: var(--lt-white-color);
	border:none;
}
table.ddc td.chosen:hover {
}

table.ddc td.empty {
}



table.ddc .word {
	padding: var(--lt-padding-quarter);
	font-weight: 600;
	xword-break: break-all;
}


table.ddc .num {
	color: var(--lt-tint-dark-9);
	margin:var(--lt-padding-quarter) 0;
}
table.ddc td.chosen .num,
table.ddc td.chosen:hover .num,
table.ddc td:hover .num {
	color: var(--lt-tint-light-9);
}



table.ddc .ddcnum,
table.ddc .ddcnum a {
	border-top-left-radius: var(--lt-border-radius);
	border-top-right-radius: var(--lt-border-radius);
	background: hsla(var(--ddc-color-h), var(--ddc-color-s), var(--ddc-color-l), var(--ddc-color-a));
	padding: 3px 0;
	color: var(--lt-white-almost-color);
}
table.ddc tr.ddcr0 .ddcnum {
	font-size: 120%;
}
table.ddc tr:not(.ddcr0):not(.ddcr1):not(.ddcr2) .ddcnum {
	color: var(--lt-text-color);
}
table.ddc td.chosen .word,
table.ddc td.chosen .ddcnum,
table.ddc td:hover .ddcnum {
	color: var(--lt-white-almost-color) !important;
}

table.ddc td .info_bottom {
	position: absolute;
	width: 100%;
	bottom: 2.5em;
	height: 2em;
	display: flex;
	flex-direction: column;
}
table.ddc td .emoji {
	font-size: 1.5em;
	position: relative;
	bottom:unset;
	right:unset;
}



table.ddc tr.somethingchosen td:not(.chosen) {
	xopacity: 0.75;
	filter: grayscale(0.25);
}
table.ddc tr.somethingchosen td:not(.chosen):hover {
	xopacity: 1;
	filter:none;
}

.classlist {
	padding: var(--lt-padding);
	background: var(--lt-sidebar-tan);
	margin-top: var(--lt-padding);
	border: var(--lt-border);
	border-radius: var(--lt-border-radius);
	position: relative;
	margin-bottom: var(--lt-padding-half);
}
.classlist:after {
	content: "";
	position: absolute;
	top: var(--lt-padding-neg);
	left: var(--lt-padding);
	width: var(--lt-padding);
	height: var(--lt-padding);
	transform: rotate(45deg);
	border-top: 1px solid var(--lt-border-color);
	background: var(--lt-sidebar-tan);
	border-left: 1px solid var(--lt-border-color);
	transform-origin: bottom left;
	clip-path: polygon(100% 0, 0 0, 0 100%);
}


.genreline:not(:first-child) {
	margin-top: var(--lt-padding-quarter);
}

.oclclegal
{
	font-size: .8em;
	color: var(--lt-text-grey-color);
	margin: var(--lt-padding) 0 var(--lt-padding-half);
}


.lccsch,
.ddcsch {
	font-weight: 700;
}

/* @media (max-width: 960px) { */
	#lt2_content.lt730 table.ddc tr.ddcr {
		display: grid;
		grid-template-columns: repeat( auto-fit, minmax(130px, 1fr) );
		width: 100%;
		gap: 2px;
		position:relative;
	}
	#lt2_content.lt730 table.ddc td {
		display: block;
		width: 100%;
	}
	#lt2_content.lt730 tr.ddcr + tr.ddcr {
		margin-top: calc(var(--lt-padding) * 2);

	}

	#lt2_content.lt730 tr.ddcr + tr.ddcr:before {
		position: absolute;
		content: "\f107";
		font-family: "Font Awesome 5 Pro";
		left: calc(50% - 0.6rem);
		top: calc(var(--lt-padding-neg) * 1.5);
		font-size: 2rem;
		font-weight: bold;
		color: var(--lt-tint-dark-9);
	}
/* } */


/* classification uls used on genre home */
.classification ul.nobullets {
	columns: 14em;
}

.youhavethesebooks_area .closetimes {
	margin-right: var(--lt-padding-neg);
	margin-top: calc(var(--lt-padding-neg) * 2);
}