/* - - - - - - - - - -  */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - UI  - - - - - - - - - - - - - - - - - - - - - - - - - - - */
:root, html, body, * {
	scroll-behavior: smooth;
}

/* https://css-tricks.com/practical-css-scroll-snapping/#aa-example-3-vertical-full-screen */
/* sometimes body works, sometimes html … use both?  ¯\_(ツ)_/¯ */
html, body {
	/* scroll-snap-type: y mandatory; */
}

html, body,
/* header,  */
/* nav.navBar, */
/* main, */
.chapter,
section,
footer { 
	/* scroll-snap-type: y mandatory; */
	/* scroll-snap-align: start;  */
	/* scroll-padding-top: calc( var(--navHeight) ); */
	/* scroll-padding-top: 0; */

}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - NAV - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* .navBar */
nav.navBar a:hover{ 
	/* background: #0002;  */
	text-decoration: underline;	
	text-underline-offset: 0.5em;
	text-decoration-thickness: 1px;
}

/* #TOC */
nav#TOC a:hover { 
	/* background: #0001;  */
	text-decoration: underline;	
	text-underline-offset: 0.25em;
	text-decoration-thickness: 1px;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - Scroll spy  - - - - - - - - - - - - - - - - - - - - - - - */



/* nav.navBar a:target-current,  */
nav.navBar a.active {
	/* background: #0003;
	color: white; */
	color: #000;
	text-decoration: underline;	
	text-underline-offset: 0.5em;
	text-decoration-thickness: 3px;
}

/* .active{
} */

/* nav#TOC a:target-current, */
nav#TOC a.active {
	/* background: #0003; */
	color: #000;
	text-decoration: underline;	
	text-underline-offset: 0.25em;
	text-decoration-thickness: 1px;
}

nav#TOC a.content.active {
	background-color: hsl(from var(--CorporateIdentityPrincipal) h s l / 20%);
}
nav#TOC a.group.active{
	background-color: hsl(from var(--CorporateIdentityPrincipal) h s l / 10%);
	/* color: hsl(from var(--CorporateIdentityPrincipal) h 100% l ); */
	font-weight: 700;
}


/* #TOC */
@supports(_scroll-target-group: auto) {
	
	body {
		scroll-target-group: auto;
	}

		/* supports(scroll-target-group: auto) */
		body::before{
			content: "§";
			position: fixed;
			z-index:999;
			top: 0;
			right:0;
			display: block;
			height: 1rem;
			margin: 0.5rem;
			line-height: 0;
			font-size: 17pt;
			font-weight: 400;

			aspect-ratio: 1;
			border-radius: 50%;

			background-color: red;
			color: white;
			align-content: center;
			text-align: center;
			overflow: clip;
		}

}









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - Financial Data & Tables - - - - - - - - - - - - - - - - - */

.financial table tr:hover td{
	background: hsl(from var(--AccentColor) h s l / 67%);
}

.totalGroup:has( tr[data-type="total"]:hover),
.totalGroup:has( tr[data-type="subTotal"]:hover) {
	background: hsl(from var(--AccentColor) h s l / 40%);
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - Pointer / Touch controls  - - - - - - - - - - - - - - - - */
@media (pointer: fine) {
	/* mouse/trackpad */
}

@media (pointer: coarse) {
	/* touch */
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - Tools - - - - - - - - - - - - - - - - - - - - - - - - - - */
#Tools{
	display: none;
}