@font-face
{
  font-family: "TahomaWeb";
  src: url("/fonts/tahoma.ttf") format("truetype");
  font-weight: normal;
  font-style:  normal;
  font-display: swap;
}

.wide {
  letter-spacing: 10px;
}

blockquote
{
	border-top: 1px solid grey;
	border-left: 1px solid grey;
	border-right: 2px solid grey;
	border-bottom: 2px solid grey;
	border-radius: 10px;
	padding:8px;
	display: inline-block;
}

body
{
	border-radius: 10px;
	padding-left: 10px;
	border-left: 10px solid red;
	background: white;
	color: black;
  font-family: "Segoe UI", "Roboto", "Helvetica Neue", Arial, "Liberation Sans", sans-serif;
	font-size: 16px;
}

h7 { font-size: 14px; }
h8 { font-size: 12px; }

img { max-height: 450px; max-width: auto; }

th { font-size: 13px; border: 2px solid white; }
td { font-size: 11px; border: 1px solid white; }

/* Sections (first level) */
section { border-radius: 10px;padding-left: 9px; border-left: 9px solid orange; }
/* Sections (second level) */
section section { border-radius: 10px; padding-left: 9px; border-left: 9px solid yellow; }
/* Sections (third level) */
section section section { border-radius: 10px; padding-left: 9px; border-left: 9px solid green; }
/* Sections (fourth level) */
section section section section { border-radius: 10px; padding-left: 9px; border-left: 9px solid blue; }
/* Sections (fifth level) */
section section section section section { border-radius: 10px; padding-left: 9px; border-left: 9px solid indigo; }
/* Sections (sixth level) */
section section section section section section { border-radius: 10px; padding-left: 9px; border-left: 9px solid violet; }

/* ----------- TOC basics ----------- */
#toc{
  font-family:sans-serif;
  line-height:1.4;
  margin:1em 0;
  counter-reset:h1;          /* start top-level counter */
}
#toc a{
  display:block;
  text-decoration:none;
  color:#0366d6;
}
#toc a:hover{ text-decoration:underline; }

/* -------- indentation by level -------- */
#toc .l2{margin-left:1rem;}
#toc .l3{margin-left:2rem;}
#toc .l4{margin-left:3rem;}
#toc .l5{margin-left:4rem;}
#toc .l6{margin-left:5rem;}

/* -------- optional automatic numbering -------- */
#toc .l1{counter-increment:h1; counter-reset:h2;}
#toc .l1::before{content:counter(h1) ". ";}

#toc .l2{counter-increment:h2; counter-reset:h3;}
#toc .l2::before{content:counter(h1) "." counter(h2) " ";}

#toc .l3{counter-increment:h3; counter-reset:h4;}
#toc .l3::before{content:counter(h1) "." counter(h2) "." counter(h3) " ";}

#toc .l4{counter-increment:h4; counter-reset:h5;}
#toc .l4::before{content:counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) " ";}

#toc .l5{counter-increment:h5; counter-reset:h6;}
#toc .l5::before{content:counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " ";}

#toc .l6{counter-increment:h6;}
#toc .l6::before{content:counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) " ";}

brown { color: brown; }
green { color: green; }
purple { color: purple; }
red { color: red; }

/* -------- print-friendly tweaks -------- */
@media print{
  #toc{
    position:static;
    page-break-after:always;   /* move TOC to its own page if you like */
    font-size:12pt;
  }
  #toc a{ color:#000; }
}

@media (prefers-color-scheme: dark) {
body { color: white; background: black; }
#toc a{ color:#0366d6; }
@media print{
  #toc a{ color:#fff; }
}
}