:root {
  --colauthor: #794F3A;
  --coltitle: #674E47;
  --colbold: #592720;
  --collink: #653529;
  --colem:  #00416A;
  --tw-shadow-color: #a1a1aa; /*shadow-zinc-400*/
  /*  --tw-shadow-color: #1e293b; /*shadow-slate-800*/*/
}



html{background-color:#f8f8f8;}

html{
	line-height: 1.5; 
	font-family: Georgia, serif; 
	font-size: 20px;
	}
.text, p{color:#000000}
.title,.author,.date, .subtitle {color: var(--coltitle);}
.subtitle {font-weight: 500; font-size: 130%;}

@media print {
body {background-color: white;}
}

h1 {color: #08457E;} /*font-size: 1.5em;*/
h2 {color: #1A5189;}
h3 {color: #2B5D94;}
h4 {color: #3D6AA0;}
h5,h6 {all: revert;}
h5 {color: #4E76AB;}
h6 {color: #6082B6;}

h1 {font-size: 1.100em;}
h2 {font-size: 1.075em;}
h3 {font-size: 1.050em;}
h4 {font-size: 1.025em;}
h5 {font-size: 1.100em;}
h6 {font-size: 1.100em;}


a {text-decoration: none; color: var(--collink);}
b,strong {color: inherit;}
em {color: inherit;}
/*b,strong {color: var(--colbold);}*/
/*em {color: var(--colem);}*/




/*li { list-style-type: "\203A\ \ "; color: #333333;}*/
ul li {list-style: none; color: #333333; margin-bottom: 0.2em;}
ul li::before { content: "\203A"; color: #c0aba5; display: inline-block; width: 1em; margin-left: -1em;}
ul li p {display: inline;}
td {vertical-align: top;}


/* ================== */
/* = Grid and cells = */
/* ================== */

/*21 March 2024, 11:06*/
/*commented off because we have defined it in board.css*/

/*.grid {
  display: grid;
  align-content: flex-start;
  grid-template-columns: 49% 49%;
  border: 0.1px solid transparent;
  gap: 2%;
  border-radius: 5px;
}

.cell {
    border: dashed 0.1px transparent;
    border-radius: 5px;
}*/

/* ================= */
/* = mark and note = */
/* ================= */

/*from pandoc master*/
/*08 November 2022, 21:18*/

:root {
   --highlight-red: #ea999999;
   --highlight-yellow: #ffe59999;
   --highlight-green: #b6d7a899;
   --highlight-blue: #a4c2f499;
   --highlight-purple: #b4a7d699;
   --highlight-gray: #DBD7D266;
   --highlight-champagne: #F3E5CF;
   --highlight-gold: #E7D3A3;
}
	span.m, mark {
	  color: inherit;
	  background: #FFE8A2;
	  padding:  2px 2px 1px;
	  border-radius:3px;
	}
	
	mark.red {background-color: red;}
	
	span.m.red,    mark.red    { background-color: var(--highlight-red);    }
	span.m.yellow, mark.yellow { background-color: var(--highlight-yellow); }
	span.m.green,  mark.green  { background-color: var(--highlight-green);  }
	span.m.blue,   mark.blue   { background-color: var(--highlight-blue);   }
	span.m.purple, mark.purple { background-color: var(--highlight-purple); }
	span.m.gray, mark.gray 	   { background-color: #DBD7D2;   }


	.note {padding:0.05rem 1rem; margin:0px; border-radius:0.25rem; 
		background: transparent;
		box-shadow: 0 0 1px #E3A85752; /*new*/
	}
	
	.noted {padding:0.05rem 1rem; margin: 0px; border-radius:0.25rem; 
		background: #e4decd; box-shadow: 0 0 3px #82716e; margin: 1em 0;}
	
	
	.indianyellow	  ,.note.indianyellow {background: #E3A85733;}
	.red      ,.note.red    { background: var(--highlight-red); }
	.yellow   ,.note.yellow { background: var(--highlight-yellow); }
	.green    ,.note.green  { background: var(--highlight-green); }
	.blue     ,.note.blue   { background: var(--highlight-blue); }
	.purple   ,.note.purple { background: var(--highlight-purple); }
	.gray     ,.note.gray { background: var(--highlight-gray); }
	.light	  , .note.light,.lightgray,.note.lightgray { background: #A9A9A910; }
	.dark, .note.dark { background: #A9A9A922; }
	.champagne,.note.champagne  { background: var(--highlight-champagne); }
	.gold     ,.note.gold  { background: var(--highlight-gold); }
	.trans    ,.note.trans{ background: transparent; }
	.oline    ,.note.oline{ border-left: 3px solid #CC550033; border-radius: 0 7px 7px 0 !important;}

	.boxshadow1 {box-shadow: 0 0 1px #E3A85752;} 
	
	.pline {
		padding:0.05rem 1rem; margin:0px; border-radius:0.25rem; 
		background: transparent;
		box-shadow: 0px 0px 1px #E3A857;
		border-left: 3px solid #CC550033; 
		border-radius: 0 7px 7px 0 !important;
	 }

 	.qline {
 		padding:0.05rem 1rem; margin:0px; border-radius:0.25rem; 
 		background: #F5F4F3;
 		box-shadow: 0px 0px 1px #E3A857;
 		border-left: 3px solid #CC550033; 
 		border-radius: 0 7px 7px 0 !important;
 	 }
	 
  	.bline {
  		padding:0.05rem 1rem; margin:0px; border-radius:0.25rem; 
  		background: #ff6f3c;
  		box-shadow: 0px 0px 1px #E3A857;
  		border-left: 5px solid #155263; 
		border-right: 1px solid #ffc93c;
  		border-radius: 0 7px 7px 0 !important;
  	 }
	 
	 * + .pline, .pline + * {margin: 1rem 0;}
	 * + .qline, .qline + * {margin: 1rem 0;}
	
	.note.quote,.note.qline{background: inherit; border-left: 3px solid #3B444B20;}
	.note.white{background: transparent;}
	.note.outline{background: transparent; box-shadow: 0 0 0.5px #000000;}
	.note.thickline {
		border-left: 7px solid #9FB1BC33; 
		box-shadow: #F7EECC 2.4px 2.4px 3.2px;
		border-radius: 7px 14px 7px 14px; 
	}

	.note.aline{border-left: 3px solid #3B444B20;}
	.note.trans { background: transparent; } /*new 10 April 2024, 13:17*/
	.note.shadow { background: transparent; 
		box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; 
		} /*new 12 April 2024, 16:23*/


	.note.colg1    { background: #E1ECC8; }
	.note.colg2    { background: #C4D7B2; }
	.note.colg3    { background: #A0C49D; }

	.note.colgg1    { background: #F5F0BB; }
	.note.colgg2    { background: #DBDFAA; }
	.note.colgg3    { background: #B3C890; }
	
	.note.colbb1    { background: #EEE9DA; }
	.note.colbb2    { background: #BDCDD6; }
	.note.colbb3    { background: #93BFCF; }
	.note.colbb4    { background: #6096B4; }

.me::before {content: "me"; font-size: 50%; 
	line-height: 2; display: inline-block; vertical-align: bottom; float:right; color: gray; }
.me {padding: 0.5rem 1rem;  margin:0 0 1rem 0; border-radius: 0.33rem ; 
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}



p > r,p >.r { color:var(--colauthor); text-decoration:none;
	background: #E3A85710;
	padding: 5px 3px; border-radius: 5px;}
	
h,.h {background: #FAE7B550; padding: 3px 3px; border-radius: 10px 10px 0px 0px;}
u,.u {border-bottom: 1px solid #FFBF00; text-decoration:none;}
.s { text-decoration: line-through; background: pink;}	
ss,.ss {color: #696969;
	text-shadow:1px 1px 1px #556B2F33, 1px 1px 1px #F7E7CE33;}
c,.c{color: #8B0000;}

.ts { opacity: 0.66; filter: invert(.33); padding: 0.17rem 0.17rem 0.17rem 0rem; font-size:0.66rem; } 
.ts1 { padding: 0.15rem 0.17rem 0.1rem 0.17rem; font-size:0.66rem; background: #999; color: #f8f8f8; border-radius: 2pt;}

hrs,.hrs{ 
	display:block; border:none; color:white;
	height:1px; background:black; 
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 250, from(#794F3A50), to(#f8f8f8)); }

	.strike {text-decoration: line-through; color: gray; text-decoration-color: #A0785A;}
	
pre, pre.sourceCode {
	text-decoration: none;
	font-size: 90%;	
	overflow-x: auto;
	display: inline-block;
	padding: 0.75rem 1rem; 	
	border-radius: 0 10px 10px 0; 
	border-color: #70421420; /*left-border*/
	border-left-style: solid; /*left-border*/
	border-width: 3px; /*left-border*/
	min-height: 1.5em; /*left-border*/
	width: 92.5%;
	min-width: 92.5%;
	max-width: 92.5%;
	background: #efefef33;
}

/*pre, pre.sourceCode {background: transparent;}
pre.sourceCode {
	    word-wrap: break-word;
	    overflow-wrap: break-word;
}*/


/*left-border*/
/*pre,pre.sourceCode{border-color:#70421420;border-left-style:solid;border-width:3px;min-height:1.5em;}*/
	

/*pre.sourceCode { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }*/


code { font-family: monospace; font-size: inherit; 
/*	background-color: #AEC6CF !important;*/
}
	
pre.latex, pre.markdown, pre.R, 
pre.python, pre.css, pre.html, 
pre.bash, pre.makefile, pre.py, 
pre.xml,pre.yaml. pre.js, pre.yaml, pre.perl,pre.json,pre.txt,pre.makefile { 
	text-decoration: none; 
	background: inherit;
}


pre.sh, pre.lua {
	text-wrap: wrap;
	padding: 0.1rem 4rem 0.1rem 1rem;
	font-size: 90%;
	overflow-x: auto !important;
	display: inline-block;
	min-width: 84%;
	max-width: 84%;
	width: 84%;
	border-color: #70421420;
	border-left-style: solid;
	border-width: 3px;
	min-height: 1.5em;
}

pre.free {
	font-size: 75%;
	min-width: 125%;
	max-width: 125%;
} 

pre.aa { 
	padding: 0.1rem 4rem 0.1rem 1rem;
	font-size: 90%;
	overflow-x: auto !important;
	display: inline-block;
	min-width: 84%;
	max-width: 84%;
	width: 84%;
	border-color: #70421420;
	border-left-style: solid;
	border-width: 3px;
	min-height: 1.5em;
}

/*pre.sourceCode {
	overflow-x: auto;
	max-width: 95%;
	text-wrap: wrap;
	word-wrap: break-word;
    white-space: pre-wrap;
    word-break: keep-all
}*/

/* ============== */
/* = pre invert = */
/* ============== */

.codeinvert  pre.sourceCode {background: #EFDECD; color: red; border-radius: 12px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}
.codeinvert  pre {filter: invert(1) grayscale(0.33) sepia(0.66);}
.codeinvert  pre {padding: 0.75rem 1rem; border: 1px solid #87A96B;}
.codeinvert > p {color: #666; filter: invert(0) grayscale(0.33) sepia(0.66);}

/* ============== */
/* ============== */

pre,.note > pre {background-color: transparent;}	
.note > pre { padding: inherit; }
code,.note > code {background: transparent;}	


p > code, li > code, dd > code, td > code {
	background: transparent; /*#AEC6CF20;*/ /*#ffeff0;*/
	font-size: 90%;
	word-wrap: break-word;
	box-decoration-break: clone;
	padding: .1rem .3rem .2rem;
	border-radius: .2rem;}

div.outline, #outline {
	border-radius: 10px; 
	padding: 1em 2em;
	margin-bottom: 2em;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
	}

div.outline > h2 {margin-top: 0.35em;}
div.outline1 > h2 {margin-top: 0.35em;}
div.outline2 > h2 {margin-top: 0.35em;}

div.outline1 {
	border-radius: 10px; 
	padding: 1em 2em;
	margin-bottom: 2em;
	box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
	}
	
div.outline2 {
	border-radius: 10px; 
	padding: 1px 27px;
	margin-bottom: 2em;
	box-shadow: 0 0 3px #000000;
	}

	
.hide {
	border-radius: 10px; 
	padding: 1px 27px;
	margin-bottom: 2em;
	margin-bottom: 2em;
	box-shadow: 0 0 3px #000000;
	background-color:#848482;
	}
	
div.paper { 
	border-radius: 10px; 
	padding: 1px 27px;
	margin-bottom: 2em;
	margin-bottom: 2em;
	/*	box-shadow: 0 0 3px #000000;*/
	box-shadow: -3px -3px #EEDC8210, -0.1em 0 0.4em #674E4720;
	background-color: #EEDC8210;
	border: 2px solid #EEDC8210;
}


.qqq {
border-radius:0rem; background: transparent;
padding-left:1rem;
box-shadow: 10px 0px 0px -7px rgba(0,0,0,0.15) inset;
/*box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit;*/
/*border-left: 10px solid rgba(0,0,0,0.45);*/
}

/* --- Figures --- */
/*04 January 2022, 15:40*/

.pdf {width:800;
	height: 656;
	padding:0;
	margin:0;}

.center,#center { display: block; margin: auto; }
.figdef { display: block; margin: auto; max-width: 75%; }

.fighalf { max-width: 50%; }

.halfc ,figure#halfc  { display: block; margin: auto; max-width: 50%;}
.halfl ,figure#halfl  { display: block; float: left; max-width: 47%; padding: 4pt 3% 0 0;}
.halfr ,figure#halfr  { display: block; float: right; max-width: 47%; padding: 4pt 0 0 3%;}
.halfl1,figure#halfl1 { display: block; float: left; max-width: 47%; padding: 4pt 3% 0 0; clear: both;}
.halfr1,figure#halfr1 { display: block; float: right; max-width: 47%; padding: 4pt 0 0 3%; clear: both;}

.halfc::after   , figure#halfc::after   {clear: both;}
.halfl1::after  , figure#halfl1::after  {clear: both;}
.halfr1::after  , figure#halfr1::after  {clear: both;}
.halfc::before  , figure#halfc::before  {clear: both;}
.halfl1::before , figure#halfl1::before {clear: both;}
.halfr1::before , figure#halfr1::before {clear: both;}




/*date format*/
/*05 January 2022, 01:22*/

/*.dtdef {
	padding: 3px 0px 3px 3px;
	margin-left:5px; font-weight: normal;
	float:right;
	font-size: 70%;
	color: gray;
	border: 0.1px solid transparent;
}*/

.dtdef{ 
	font-size: 70%; 
	line-height: 2; 
	display: inline-block;
	vertical-align: bottom;
	float:right; 
	color: gray;
	margin-left: 4px; 
	padding-left: 4px; 
	background: transparent; 
}

/*.dtdefl{
	font-size: 70%;
	line-height: 2;
	display: inline-block;
	float: left;
	color: red;
	margin: 0 0 40px 0;
	padding: 0 0 40px 0;
	background: transparent;
}*/


.dtl, .dtr, .dtm {
	display: inline; 	/*critical*/
	font-size: 70%;		/*optional*/
	line-height: 2;		/*optional*/
	color: gray;		/*optional*/
	vertical-align: top; /*critical*/
}

.dtr {float: right;}		/*critical*/
.dtr::before {content: "";}	/*critical*/

.dtl::after, .dtr::after {
	content: " ";		/*critical*/
	display: block;		/*critical*/
}


pre.aa { 
	padding: 0.1rem 4rem 0.1rem 1rem;
	font-size: 90%;
	overflow-x: auto !important;
	display: inline-block;
	min-width: 84%;
	max-width: 84%;
	width: 84%;
	border-color: #70421420;
	border-left-style: solid;
	border-width: 3px;
	min-height: 1.5em;
}




/*.dtdef {padding: 3px 0px; font-weight: normal; float:right; font-size: 70%; color: gray; border: 0.1px solid transparent; }*/

/*p.dtdef {display:inline-block; vertical-align:middle;}*/

/*float par - left and right*/
/*05 January 2022, 01:24*/

/*.lali {float: left;}
.rali {float: right;}
.lpar { width: 49%; float: left;}
.rpar { width: 49%; float: right; clear: right;}*/


/*.rightlean {float:right; display: inline; clear: left;}*/
/*.rightlean {clear: both; float: right; display: block; position: relative;}*/

.floatleft {float: left;}
.floatright {float: right;}
.floatcenter {  margin-left: auto; margin-right: auto;}
.textaligncenter,.tac,.textaligncenter>table {text-align: center; background:transparent;}
.clearboth {clear:both} 	/*[ ]{.clearboth}*/
.clearleft {clear:left} 	/*[ ]{.cleareft}*/
.clearright {clear:right} 	/*[ ]{.clearright}*/

.clb {clear: both;}



.lali {float: left;}
.rali {float: right;}


.lpar { width: 48%; float: left; margin-right:2%; margin-bottom:1em;}
.rpar { width: 48%; float: right; margin-left:2%; margin-bottom:1em; clear: right;}

.lpars { width: 43%; float: left; margin-right:1%; margin-bottom:1em;}
.rpars { width: 43%; float: right; margin-left:1%; margin-bottom:1em; clear: right;}

.sha {box-shadow: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); }
.brad {border-radius: 10px;}
.cen {text-align:center;}
.full {max-width: 100;}
.pad {padding: 15px;}
.pads {padding: 5px;}
.padl {padding: 30px;}
.mart {margin-top:1em;}
.marb {margin-bottom:1em;}
.marl {margin-left:1em;}
.marr {margin-right:1em;}
.martb {margin-top:1em;margin-bottom:1em;}
.marlr {margin-left:1em;margin-right:1em;}
.marall {margin:1em;}
.bcol {background: linen;}
.mar {margin: 1cm;}

.paddef,.mardef {padding: 0.063rem 1.688rem}

.w15 {max-width: 15%;}
.w25 {max-width: 25%;}
.w33 {max-width: 33%;}
.w35 {max-width: 35%;}
.w45 {max-width: 45%;}
.w55 {max-width: 55%;}
.w65 {max-width: 65%;}
.w75 {max-width: 75%;}
.w85 {max-width: 85%;}
.w95 {max-width: 95%;}

.w10 {max-width: 10%;}
.w20 {max-width: 20%;}
.w30 {max-width: 30%;}
.w40 {max-width: 40%;}
.w50 {max-width: 50%;}
.w60 {max-width: 60%;}
.w66 {max-width: 66%;}
.w70 {max-width: 70%;}
.w80 {max-width: 80%;}
.w90 {max-width: 90%;}
.w100 {max-width:100%;}

.fs10{font-size:10%;}
.fs20{font-size:20%;}
.fs30{font-size:30%;}
.fs40{font-size:40%;}
.fs50{font-size:50%;}
.fs60{font-size:60%;}
.fs70{font-size:70%;}
.fs80{font-size:80%;}
.fs90{font-size:90%;}

.fs15{font-size:15%;}
.fs25{font-size:25%;}
.fs35{font-size:35%;}
.fs45{font-size:45%;}
.fs55{font-size:55%;}
.fs65{font-size:65%;}
.fs75{font-size:75%;}
.fs85{font-size:85%;}
.fs95{font-size:95%;}
.fs100{font-size:100%;}
.fs105{font-size:105%;}
.fs110{font-size:110%;}	



/* figures with flow around text */
.figfloatleft {float: left; width:47%;padding-right: 3%;} /*margin-right: 2%;*/
.figfloatright {float: right; width:47%; padding-left: 3%;}  /*margin: 1%;*/
.figcenter {$filename;}
/*use clear clearfix after using lpar and/or rpar*/
.clearfix::after { content: ""; clear: both; display: table; } 

/* table cells vertically align to top */
/*td {vertical-align:top;}*/


/*hidden on 28 December 2021, 17:27*/
/*div.paper {
	background-color: #EEDC8210;
	border-radius: 15px;
	padding: 0px 10px;
	margin-bottom: 1em;
	margin-top: 1em;
	border: 2px solid #EEDC8210;
	box-shadow: -3px -3px #EEDC8210, -0.1em 0 0.4em #674E4720;
}*/	


div.a { background-color:#e6f0ff;
	border-radius: 5px; 
	padding: 1px 10px;} 
.box { background-color:#e6f0ff;
	border-radius: 5px 5px 5px 5px;
	padding: 0.5px 20px;}


/*.box{
	border-radius: 10px;
	padding: 1px 27px;
	margin-bottom: 2em;
}*/

	
.mm { background-color: #DDADAF20;
		border-radius: 10px; 
		padding: 1px 20px; 
		margin-bottom: 1rem;}
		
		
.redbox {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient id='gradient'><stop offset='10%' stop-color='%23F00'/><stop offset='90%' stop-color='%23fcc'/> </linearGradient><rect fill='url(%23gradient)' x='0' y='0' width='100%' height='100%' opacity='7%'/></svg>");
font-size:100%; 
/*padding:5px 20px; border-radius:10px;*/
padding:0.05rem 1rem; margin:0px;border-radius:0.25rem;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

/*-------*/
/*details*/
/*-------*/

details {
	cursor: pointer;
	color: inherit; 
    background-color: none;
    border-radius: 5px 5px 5px 5px; 
    padding: 1px 10px 1px 0px ;
	}

details > summary {
	color: #3B444B99; 
	filter: grayscale(1);
	border-bottom: 1px solid #3B444B20;
	padding-bottom: 7px;
	font-size: 95%;
	}

details[open] {
	background-color:#F8F8FF25;
	border-radius: 0px 0px 0px 5px;
	border-left: 3px solid #3B444B20;
	padding: 0px 20px 5px 30px;
	margin-top: 15px;
	margin-bottom: 30px;
	margin-right: -0.5em;
	border-bottom: 3px solid #3B444B20;
/*	box-shadow: 0 4px 2px -2px #3B444B10;*/
	padding-bottom: 1em;
}

details[open]::after {
	border-left: 3px solid red;
    position: absolute;
    right: 0;
    top: 0;
}

details[open] > summary {
	border-bottom: 1px solid transparent;
	font-size:100%;
	filter: grayscale(0);
	/*color: #696969;*/
	color: var(--colbold);
	}
	

details[open]>p,pre {
	margin-bottom: 10px;
	}
	
.indent {margin-left: 25px;}

/*https://codepen.io/isamrish/pen/OJLGXZN*/
/*details[open] > summary {
	border-bottom: 0.5px solid transparent;
    border-image: linear-gradient(0.25turn, rgb(255,255,255), rgb(150,150,150), rgb(255,255,255));
    border-image-slice: 2;
    width:100%;}*/


p + details {margin-top: 1.1rem;}
details + details {margin-top: 1rem;}
details > details {margin-top: 0.5rem;}
details + details[open] {margin-top: 1.5rem; margin-bottom: 1.5rem;}
details > .note:last-child {margin-bottom:1.5rem;} 
.note +.note, details>summary+.note,.note+details {margin-top: 1rem;}
.note+.mm, .mm+.note {margin-top: 1rem;}
/*details[open] + details {margin-top: 1rem;}*/

details summary::-webkit-details-marker { color: #EEDC82;}
details[open] summary::-webkit-details-marker { display:none; }

	
/*19 September 2022, 15:27*/

.vspace {margin-top: 10rem;}
.vspaces {margin-top: 1rem;}
.vspacel {margin-top: 25rem;}

.refer { background-color: rgba(27, 31, 35, 0.025);
	border-radius: 10px;
	padding: 1px 20px; 
	margin-bottom: 1rem;
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.075) 0px 0px 0px 1px;}


/*05 January 2023, 15:54*/

.wrap {
	  margin: 1rem;
	}

/* ===================================== */
/* = deleted when I created rowcol.css = */
/* ====== 15 December 2024, 12:01 ====== */
/* ===================================== */

/*.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}*/


/* ======== */
/* = tags = */
/* ======== */

/*tag 09 March 2023, 19:48 */

.tag, .taga {
  font-size: 80%;
  background: #eee;
  border-radius: 5px;
  color: #999;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 5px 0 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.tag::before, .taga::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.tag::after {
  background: #fff;
  border-bottom: 13px solid #f8f8f8;
  border-left: 10px solid #eee;
  border-top: 13px solid #f8f8f8;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag:hover,.taga:hover {
/* padding: 0 22px 0 25px;*/
/*  margin: 0 3px 2px 2px;*/
  background-color: crimson;
  color: #f8f8f8;
}

.tag:hover::after {
   border-left-color: crimson; 
}


.opc75 {opacity: 0.75;}
.opc50 {opacity: 0.50;}
.opc25 {opacity: 0.25;}


/*for the filecat details>summary formatting that can be then hidden in latex>pdf using a lua filter | 20 March 2023, 15:04*/	

.sum {	  
	/* Reset browser styles */
	  color: inherit;
	  /*padding: 2px 0 1px;*/
	  padding:  2px 2px 1px;
	  border-radius:3px;
	  /*background-color: var(--highlight-green);*/
	  background-color:  #FAE7B550;
	  border-bottom: 1px solid #FFBF0099; text-decoration:none;
  }
  
hu,.hu {border-bottom: 1px solid #FFBF00; text-decoration:none;bsackground: #FAE7B550; padding: 3px 3px; border-radius: 10px 10px 0px 0px;}

iu,.iu {border-bottom: 1px solid #CC5500; text-decoration:none;background: #FF4F0050; padding: 2px; border-radius: 3px 3px 0px 0px;}

.mr{background: var(--highlight-red); padding: 2px; border-radius: 3px;}
.my{background: var(--highlight-yellow); padding: 2px; border-radius: 3px;}
.mg{background: var(--highlight-green); padding: 2px; border-radius: 3px;}
.mb{background: var(--highlight-blue); padding: 2px; border-radius: 3px;}
.mp{background: var(--highlight-purple); padding: 2px; border-radius: 3px;}

.line {border-bottom: 0.5px solid rgba(149,157,165,0.66);
	line-height: 0.01; 
	font-size: 1px; 
	font-color: gray; 
	margin: 30px 0 30px 0;}
.line:before {content: '\00a0';}

.linet{border-bottom: 0.5px solid transparent;
	line-height: 0.01; 
	font-size: 1px; 
	font-color: gray; 
	margin: 30px 0 30px 0;}
.linet:before{content: '\00a0';}

.linesh {
	box-shadow: inset rgba(149, 157, 165, 0.2) 0px 1px 1px;
   color: gray; font-size:1%; font-color:gray; text-align:center;
   margin: 50px 0 0 0; padding: 0;}

.linesh::before{content: '\00a0';}

.linesss {
background-image: linear-gradient(
    to right,
    white,
    #E3A857 50%,
    #E3A857 50%,
    white
);
background-repeat: no-repeat;
background-size: 100% 2px;
background-position: 0 center;
font-size:1%; text-align:center;
opacity:25%;
}

.liner {
background-image: linear-gradient(
    to right,
    white,
    #CC0000 50%,
    #CC0000 50%,
    white
);
background-repeat: no-repeat;
background-size: 100% 3px;
background-position: 0 center;
font-size:1%; text-align:center;
opacity:25%;
}

/* ---grid begin --- */

.grid {
  display: grid;
  align-content: flex-start;
  grid-template-columns: 49% 49%;
  border: 0.1px solid transparent;
  gap: 2%;
  border-radius: 5px;
}

.cell {
    border: dashed 0.1px transparent;
    border-radius: 5px;
}

/* ---grid end --- */


/* =========== */
/* = figures = */
/* =========== */

figure {margin: 0.1em;}
figure > img {
	border-radius: 4pt; 
	border: 1pt solid #DBD7D2;  /*Timberwolf*/
	padding: 0pt;  
	text-align: centre; width: 80vw; 
	background: transparent; 
}
/*figcaption {color: #808080; font-size: 0.8em; text-align: justify; text-justify: inter-word;}*/
/*figcaption { margin: 0.25em 0 0 0; padding-left: 5% ;}*/

figcaption {margin: 0; padding: 0 3%; width: 100%;
	color: #808080; font-size: 0.8em; text-align: justify; text-justify: inter-word; 
}

.figfloatright figure > img, .figfloatleft figure > img  {border-radius: 2pt;}
.figfloatright figcaption, .figfloatleft figcaption {font-size: 0.4em; margin: 0;}

.ll {clear: both; width: 48%; float: left; padding-right:2%;}
.rr {clear: both; width: 48%; float: right; padding-left:2%;}

.ll > figure, .rr > figure {width: 85% !important; margin-right: 1em;}