/* ignorance, (c) 2024,2025 dylan harris, licensed by GPL 3, more info at https://dylanharris.org/ */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
table, tr, td, thead, tbody { border-width: 0; }
tr, td { vertical-align: top; }

body
{   font: lighter 100%/1.25 Verdana, sans-serif; hyphens: none; font-size: 13pt;
    font-stretch: normal; padding: 1em; overflow: auto; background-color: black; border-color: black;
    color: #808080; height: 100%; letter-spacing: -0.015em; text-rendering: geometricPrecision;
    font-variant-ligatures: common-ligatures; font-feature-settings: "kern"; font-kerning: normal;
    max-width: 960px; min-width: 250px; margin: 0 auto; position: relative; color-scheme: only dark; }

@media print
{ body { font: lighter 11pt/1.25 Verdana, sans-serif; } }
@media screen and (max-width: 768px)
{ body { font: lighter 95%/1.23 Verdana, sans-serif; } }
@media screen and (max-width: 668px)
{ body { font: lighter 90%/1.20 Verdana, sans-serif; } }
@media screen and (max-width: 590px)
{ body { font: lighter 85%/1.18 Verdana, sans-serif; } }
@media screen and (max-width: 520px)
{ body { font: lighter 80%/1.15 Verdana, sans-serif; } }
@media screen and (max-width: 460px)
{ body { font: lighter 75%/1.10 Verdana, sans-serif; } }
@media screen and (max-width: 400px)
{ body { font: lighter 70%/1.05 Verdana, sans-serif; } }

@media screen and (min-width: 1300px) {
  .site { margin: 0 auto; } }
@media screen and (max-width: 520px) { h1, h2, h3, h4, h5, h6 { font-weight: bold; } }

kbd, code { font-family: monospace; }
code { font-size: 110%; }

:lang(en) { font-style: normal; }
:lang(de),:lang(fr),:lang(lb),:lang(nl) { font-style: italic; }

table { font-size:inherit; font-size: 100%; }
select, input, textarea { font-size: 99%; font-family: Verdana, sans-serif; }
a { transition: color 0.1s linear;
    text-decoration: none; font-stretch: condensed; color: #989898; }
a:hover { color: silver; }
a:focus { outline: none; }
sup { vertical-align: super; font-size: smaller; }
sub { vertical-align: sub; font-size: smaller; }

input.text, input[type=text] { padding-bottom: 1em; }

abbr[title], dfn[title]
{ border-bottom: 1px dotted #666;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  cursor: help; }
hr { left: -1000em; overflow: hidden; position: absolute; top: 0; width: 0; }

img,embed,object,video { max-width: 100%; border-color: black; }

table,tr,td,thead,tbody { border-spacing: 0; border-width: 0; }
tr,td { vertical-align: top; padding-right: 0.5em; }

select, input, textarea { font-size: 99%; font-family: Verdana, sans-serif; }

a { transition: color 0.1s linear;
    text-decoration: none; font-stretch: condensed; color: #A0A0A0; }
sup { vertical-align: super; font-size: smaller; }
sub { vertical-align: sub; font-size: smaller; }

h1,h2,h3,h4,h5,h6 { color: #888888; padding: 0; margin: 0; font-weight: normal; font-family: Verdana, sans-serif; }

h1 { font-size: 175%; padding-top: 2em; letter-spacing: 0.25em; font-weight: 200; font-variant-ligatures: none; color: #A0A0A0; }
h2 { font-size: 135%; padding-top: 1.5em; letter-spacing: 0.2em; color: #A0A0A0; }
h3 { font-size: 110%; padding-top: 1em; letter-spacing: 0.15em; }
h4 { padding-top: 0.5em; letter-spacing: 0.1em; }
h5 { font-size: 90%; font-weight: 400; color: #666666; }
h6 { font-size: 90%; font-weight: 400; }

p,footer { padding-top: 0.5em; padding-bottom: 0; }
code { padding-top: 1.5em; padding-bottom: 0; } /* shite browsers ignore this padding-top */
em { text-decoration: none; font-style: italic; }
ol,ul { padding: 0; padding-left: 2.5%; margin: 0; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
li { padding: 0; margin: 0; }

p + ul { padding-top: 0; }
p + ol { padding-top: 0; }
h1 + h2 { padding-top: 1em; }
h1 + img { padding-top: 1em; }
h2 + h3 { padding-top: 0.5em; }
h2 + img { padding-top: 0.5em; }
h2 + p { padding-top: 0; }
h3 + p { padding-top: 0; }
td > table { padding-top: 0; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: silver; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color: white; }

cite { font-style: normal; }
strong { font-weight: bold; }
sup { font-size: 60%; }

.column { columns: 2; }
.column-unit { break-inside: avoid-column; }

.inline_illustration_left { float: left; padding: 0.5em 1em 1em 0; }
.inline_illustration_right { float: right; padding: 0.5em 0 1em 1em; }
img.inline_illustration_left { float: left; padding: 0.5em 1em 0.5em 0; }
img.inline_illustration_right { float: right; padding: 0.5em 0 0.5em 1em; }
.illustration { float: none; padding: 1em 0em 1em 0em; display: block; margin-left: auto; margin-right: auto; }

.rights, .rights a, .rights a:visited, .rights a:focus { color: #606060; padding-top: 1em; font-size: 90%; }
.separator { color: #444444; }
.sign { text-align: right; font-size: 90%; }
.smaller { font-size: 90%; }

.under { position: relative; clear: both; width: 100%; top: auto; left: 0; right: 0; bottom: 0; padding: 0; }
.first-under { padding-top: 2em; }
.menu-under { font-size: 90%; text-align: center; padding-top: 0;  letter-spacing: 0em; font-family: Verdana, sans-serif; color: #505050; }
.menu-under a { color: gray; }
.menu-under a:hover { color: silver; }
p.menu-under { font-style: normal; padding-bottom: 0.8em; text-align: center; }

.uptop { margin-left: 0; margin-right: 0; font-size: 100%; text-align: center; color: #505050; }
.uptop a { color: #606060; }
.uptop a:hover { color: silver; }

.mw25 { max-width: 25%; }
.mw50 { max-width: 50%; }
.mw60 { max-width: 60%; }

.centre,p.centre { text-align: center; }

.nit-before,.nit-after { color: #999999; }
.nit-catastrophe { color: #FF0000 }
.nit-comment { color: gray; }
.nit-doc { font-style: italic; }
.nit-link, .nit-link a { font-style: italic; }
.nit-error { color: red; }
.nit-explanation { color: #9999CC; }
.nit-info { color: yellow; }
.nit-line { color: #666666; }
.nit-mote { color: #CC3333; }
.nit-ref { font-style: italic; }
.nit-warning { color: orange; }

@media screen and (max-width: 1100px) {
    .inline_illustration_left, img.inline_illustration_left { float: right; padding: 0.5em 0 0.5em 1em; } }
@media screen and (max-width: 955px)
{ h1,h2,h3,h4,h5,h6 { font-size: 98%; }
  p,ol,ul,div { font-size: 99%; } }
@media screen and (max-width: 800px)
{ h1,h2,h3,h4,h5,h6 { font-size: 95%; }
  .biggerscreen { display: none; }
  .column { columns: 1; }
  p,ol,ul,div { font-size: 98%; } }
@media screen and (max-width: 660px)
{ h1,h2,h3,h4,h5,h6 { font-size: 92%; }
  p,ol,ul,div { font-size: 97%; } }
@media screen and (max-width: 580px)
{ h1,h2,h3,h4,h5,h6 { font-size: 90%; }
  .inline_illustration_left,.inline_illustration_right,img.inline_illustration_left,img.inline_illustration_right { float: none; padding: 1em 0em 1em 0em; display: block; margin-left: auto; margin-right: auto; }
  p,ol,ul,div { font-size: 96%; } }
@media screen and (max-width: 520px)
{ .mediumscreen { display: none; } }
@media screen and (max-width: 450px)
{ h1,h2,h3,h4,h5,h6 { font-size: 100%; }
  .inline_illustration_left,.inline_illustration_right,img.inline_illustration_left,img.inline_illustration_right { display: none; }
  p,ol,ul,div { font-size: 96%; } }
@media screen and (max-width: 400px)
{ .weescreen { display: none; } }
@media screen and (max-width: 350px)
{ .sector h1 { padding-top: 1em; } }