* { box-sizing: border-box; }
:root {
    --color-primary-0: #FFEFA8;	/* Main Primary color */
    --color-primary-1: #dbe9ff;
    --color-primary-2: #FFF4C4;
    --color-primary-3: #ECD880;
    --color-primary-4: #CFB856;

    --color-secondary-1-0: #9C7AB3;	/* Main Secondary color (1) */
    --color-secondary-1-1: #D4C3E0;
    --color-secondary-1-2: #B9bFCB;
    --color-secondary-1-3: #835A9E;
    --color-secondary-1-4: #6C3F8B;

    --color-secondary-2-0: #7B8EB2;	/* Main Secondary color (2) */
    --color-secondary-2-1: #C4CEDF;
    --color-secondary-2-2: #A0AFCA;
    --color-secondary-2-3: #5C739D;
    --color-secondary-2-4: #415B89;

    --main-background: var(--color-primary-1);
    --alarm-color: #ff3333;
    --qod-color: var(--color-secondary-2-0);
    --dtitle-color: var(--color-secondary-1-1);
    --frontindex-color: var(--color-secondary-1-2);
    --thypen-color: var(--color-secondary-2-3);

    --sans: Ubuntu, "IBM Plex Sans", "Noto Sans", Helvetica, Roboto, sans-serif;
}
html, body {
  margin: 0;
  width: 100vw;
  max-width: 100%;
  background: var(--main-background);
}
no-break { white-space: nowrap; }
main > h1:first-of-type, article > h1:first-of-type {
  text-align: center;
  font-family: var(--sans);
  color: var(--color-secondary-1-3);
  font-size: 1.7rem;
  margin-top: 0ex;
  margin-bottom: 1.5rem;
  clear: both;
  line-height: 1.7rem;
}
table {
   table-layout: fixed;
   border-collapse: collapse;
}
td, th {
  padding: 0.5rem;
}
tr {
    border: solid grey 0.5mm;
}
tr:has(.fgrp) {
    background-color: #dbbef8;
}
lporg-sh {
  display:block;
  margin-left: 0.4rem;
}
.footnotes-end-of-document {
    font-size: 0.75rem;
}
.bgls1 {
  background-color: var(--color-secondary-2-0);
}
.bgls2 {
  background-color: var(--color-secondary-2-1);
}
pr-boxes {
  margin-left: 8.5vw;
}
pr-boxes a {
  font-family: var(--sans);
  font-size: 2.0vw;
  width: 20vw;
  height: 20vw;
  margin-right: 1vw;
  margin-bottom: 1vw;
  display:inline-block;    
  vertical-align: bottom;
  text-align: center;
  overflow: clip;
}
pr-boxes a div {
  width:100%;
  height: 50%;
  text-align: center;
  padding-left: 0.1vw;
  padding-right: 0.1vw;
}
pr-boxes a > img {
  width:100%;
  height: 50%;
}
pr-boxes a:link, pr-boxes a:visited {
  text-decoration: none;
  color: black;
}
article {
    max-width: 60ch;
    margin: 0 auto;
}
article h1
{
	font-weight: normal;
}
article h2 {
    font-family: var(--sans);
    color: var(--color-secondary-1-3);
    text-shadow: 0px 0.05rem 0px #fff;
    line-height: 1.7rem;
	text-align: left;
	font-weight: normal;
    font-size: 1.7rem;
    /* width: 40%; */
	margin-top: 1.7rem;
	margin-bottom: 1rem;
	margin-left: 0cm;
    text-decoration: underline;
	/* border-style: none none solid none; */
    clear: both;

}
article h3{
    font-family: var(--sans);
    color: var(--color-secondary-1-3);
    margin-top: 1.7rem;
    margin-bottom: 1rem;
    line-height: 1.1rem;
    font-size: 1.1rem; font-weight: normal; text-align: center;
    clear: both;
}

article a:link{
    text-decoration: underline;
    text-decoration-color: var(--color-secondary-2-3);
    color: black;
}

article a:visited {
    text-decoration: underline;
    text-decoration-color: var(--color-secondary-1-3);
    color: black;
}
article a:active { background: var(--color-secondary-1-2); }
lporg-litter {
    display:block;
    font-size: 1.0rem;
    line-height: 1.0em;
}
lporg-litter div {
    text-indent: 0em; margin-top: 1em; margin-bottom: 1em;
}
news-date {color: #369; font-weight: normal;}
lporg-disclaimer {
   display:block;
   color: #666;
   font-size: 0.5rem; 
   line-height: 0.6rem;
   /* padding-bottom: 3mm; */
   /* padding-left: 2%; */
   /* padding-right: 2%; */
   height: auto;
   margin: 0;
}
article h4 {
    font-family: var(--sans);
    color: var(--color-secondary-1-3);
    text-align: center;
    text-shadow: 0px 1px 0px #fff;
    line-height: 1.1em;
    font-weight: normal;
    margin-left: 1.0cm;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 100%;
    font-style: oblique;
    }
    
article h5 {
    text-align: left;
    color: navy;
    padding: 1mm;
    margin-right: 30%;
    margin-left: 0pt;
    font-size: 100%;
	border-color: #69f;
	border-width: 1mm;
	border-style: solid solid solid solid;
    }
label{ cursor: pointer; }
article pre {
   line-height: 1.2em;
   }
article code {
   font-family: FreeMono, monospace;
}
article code  p {
   margin-left: 3em;
   margin-right: 3em;
}
input[type=submit] {
   cursor: pointer;
}

article p {
  hyphens: auto;
  text-indent: 0em; margin-top: 1.0em; margin-bottom: 0;
}
abbr {
  cursor: pointer;
  text-transform: lowercase;
  font-family: "Alegreya SC", serif;
  font-variant: small-caps;
}
article ol li {
  margin-top: 1em;
}
article blockquote {
    position:relative;
    color: var(--color-secondary-2-3);
}
article blockquote:before {
    display: block;
    font-family: Times, serif;
    content: "\0201C";
    font-size: 11rem;
    line-height: 0px;
    position: absolute;
    top: 3rem;
    left: -2rem;
    opacity: 0.2;
}
article blockquote:after {
    display: block;
    font-family: Times, serif;
    content: "\0201d";
    font-size: 11rem;
    line-height: 0px;
    position: absolute;
    margin-bottom: 0rem;
    right: -1rem;
    bottom: -1rem;
    opacity: 0.2;
}
lporg-rs {
  display:block;
  margin: 0px;
  line-height: 0px;
  font-family: var(--sans);
  color: var(--color-secondary-1-2);
  background-color: var(--color-secondary-2-4); 
  text-indent: 0em;
  text-align: center;
  font-weight: 100;
  padding: 0px;
  padding-top: 4.5vw;
  padding-bottom: 1vw;
  margin-bottom: 4vw;
}
lporg-rs * {
  margin: 0px;
  padding: 0px;
  line-height: 0px;
  margin-bottom: 1vw;
  font-weight: 100;
  color: var(--color-secondary-1-2);
  text-decoration:none;
  font-size: 4vw;
}
lporg-rs h1, lporg-rs h1 * {
  margin: 0px;
  /* margin-bottom: clamp(30px, 7.0vw, 7.0vw); */
  margin-bottom: 5vw;
  line-height: 0px;
  font-weight: 100;
  font-size: 6vw;
}
lporg-rs ul li{
    display:inline;
    margin-left: 2.7vw;
}
lporg-rs li:first-child {
    margin-left: 0px;
}
lporg-rs ul li form {
    display:inline;
    margin-left: 0vw;
}
lporg-rs img {
    width: 4.5vw;
    margin: 0px;
    margin-left: 0.4vw;
}
lporg-rs input[type=image] {
  margin: 0px;
  line-height: 0px;
  width: 5vw;
  margin-left: 0.0vw;
}
lporg-rs input {
   border: none;
}
lporg-rs input[type=text] {
    background-color: var(--color-secondary-2-0);
    margin: 0px;
    margin-left: 0vw;
    width: 15vw;
    height: 4.4vw;
    font-size: 4.0vw;
    color: var(--color-secondary-2-4);
    font-family: serif;
}
lporg-rs input[type=submit] {
  background-color: var(--color-secondary-2-4); 
  height: 3.4vw;
  font-weight: 100;
  font-family: var(--sans);
  margin: 0px;
  margin-left: 0.33vw;
  border: solid var(--color-secondary-1-2) 0.1vw; 
  padding: 1.22vw;
  padding-bottom: 2.2vw;
  padding-top: 2.0vw;
}
#subscribe{
  width: 100%;
}
#coffeeme {
  /* margin-top: 1rem; */
  /* display: inline-block; */
  display: inline;
  line-height: 0px;
  margin-left: 1.6vw;
}
lporg-rsb {
  display:block;
  background-color: var(--color-secondary-2-4); 
  text-indent: 0em;
  text-align: center;
  padding-left: 1vw;
  padding-right: 1vw;
  font-weight: 300;
  padding-top: 3vw;
  padding-bottom: 5vw;
  margin-top: 10vw;
  margin-bottom: 0px;
  color: var(--color-secondary-1-2);
}
zonframe {
   height: 20vw;
   overflow: clip;
}
lporg-zon {
    display:block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
lporg-zon h3{
    font-size:3vw;
    font-family: var(--sans);
    font-weight:300;
}
lporg-zon a img {
    width: 10vw;
    /* max-width: 5rem; */
    height: auto;
    margin-right: 3.5vw;
}
.bigger {
    font-size: 1.6rem;
}
.invisible {
    display: none;
}
.smallcaps {
  font-family: "Alegreya SC", serif;
  font-variant: small-caps;
}
.sans {
    font-family: var(--sans);
}
.cursive {
  font-family: "URW Chancery L", "Lobster Two", "GFS Artemisia", "Kerkis-Calligraphic", "QTBlackForest", "TeX Gyre Chorus", "QTArabian", cursive;
}

div.authorlist-article + p {
   text-indent: 0em;
}
div.title-article + p {
   text-indent: 0em;
}
.codelike {
   font-family: FreeMono, "Courier New", Courier, monospace;
   font-size: 85%;
   margin-top: 2ex;
   margin-bottom: 2ex;
   overflow: visible;
   line-height: 0.2rem;
}
.codelisting, .numberedcodelisting{
   font-family: FreeMono, "Courier New", Courier, monospace;
   font-size: 85%;
   /* background: #333; */
   /* color: #eee; */
   margin-left: 0em;
   margin-right: 0em;
   margin-top: 2ex;
   margin-bottom: 2ex;
   overflow: visible;
   line-height: 1.4em;
}
.codelisting li{
   list-style-type: none;
   white-space: pre;
   margin-left: -2.4em;
   margin-right: 2em;
}
.numberedcodelisting li{
   white-space: pre;
   margin: 0;
   padding: 0;
}
.eqnum {
    float:right;
    color: #933;
    font-weight: bold;
}
.letterquot{
   color: green;
   margin-left:9%;
   line-height: 1.3em;
}
hr.footnoterule { text-align: left; width: 40%; margin-right: 60%; color: black }
p.error {
         color: var(--alarm-color);
         font-weight: bold;
}
.urldiv {
   display: none;
}
.smalldivider {
   text-align: center;
   font-size: 100%;
   margin-bottom: 1.5em;
   margin-top: 1.5em;
   margin-left: auto;
   margin-right: auto;
}
.smalldivider img {
   width: 50%;
}
.releasenotes
{
	margin-top: 0.2em; margin-bottom: 0.2em;
	margin-right: 0in;
	margin-left: 3mm;
	width: 1.8in;
	height: 1.3in;
	font-size: 70%;
	border: solid black thin;
	padding: 0.4em;
	line-height: 1.5ex;
	background: #003;
	color: #9ff;
	float:right;
	overflow: auto;
	z-index: 50;
	position:relative;
}
.releasenotes p
{
    text-indent: 0em;
    margin-top: 1em;
    margin-bottom: 0em;

}

.bigitem
{
    clear: both;
	border-color: #ccf;
	border-width: .4mm;
	border-style: dashed;
	margin-top: 0.5cm;
	margin-bottom: 0.5cm;
	padding: 0.7em;
}
.attribution
{
    color: #333;
    font-style: oblique;
}
.attribution a:visited {
    color: #333;}
.attribution a:link {
    color: #333;}
.diagram{
    cursor: help;
}
#ts {
  background-color: var(--color-secondary-1-3);
  text-align: center;
  /* padding-left: 5%; */
  /* padding-right: 5%; */
  padding-top: 2mm;
  padding-bottom: 2mm;
  margin-left: 16%;
  margin-bottom: 2em;
  width: 35%;
}
.commenttext {
    width: 35rem;
    height: 20rem;
}
#commenttab, #commentary{
   color: #746;
   margin-top: 20px;
   margin-bottom: 20px;
   /* text-align: center; */
}
#commenttab a:link, #commenttab a:visited{
   color: #746;
}
#commenttab a:link, #commenttab a:visited {
    text-decoration: none;
}
#popsearch{
   cursor: pointer;
}
.pubnote{
   position: relative;
   margin-bottom: 1em;
   margin-top: 1em;
   font-style: oblique;
   font-size: 80%;
   line-height: 1.1em;
   text-indent: 0pt;
   margin-left: 1em;
   margin-right: 1em;
   color: #999;
}
.authorlist-article {
   display: inline-block;
   font-size: 90%; 
   color: #666;
   font-style: italic;
}
.date-article { 
   display: inline-block;
   font-size:90%;
   color: #666;
   font-style: italic;
}
.date-article:before { 
   content: " — "
}
.epigraph{
  font-size: 90%; 
  text-align: right;
  position: relative;
  top: -3ex;
  left: 50%;
  line-height: 1.1em;
  width: 40%;
  margin-bottom: 1em;
}
.epigraph .who, .epigraph .who:link, .epigraph .who:visited{
  color: #666;
}
.epigraph .who:before{
   content: " — "
   }
.subtitle {
  text-align: center;
  color: var(--color-secondary-1-3);
  font-size: 125%;
  margin-top: 0ex;
  margin-bottom: 1.5em;
  line-height: 1.1em;
  }
.rightright {
  float: right;
  text-align: right;
}
.rightright h2 {
  text-align: right;
}
.leftleft {
  float: left;
  text-align: left;
}
#crecent {
  font-family: Ubuntu, "IBM Plex Sans", "Noto Sans", Helvetica, Roboto, sans-serif;
  line-height: 1.2em;
  color: var(--color-secondary-2-0);
  text-align: center;
  padding: 0.7em;
}
#crecent a{
  color: var(--color-secondary-2-0);
 }

p.warn {
    border: solid #f3f 0.6mm;
    padding: 2mm;
    text-indent: 0em;
    margin: 1.5ex 0em 1.5ex 2em;
}

p.intro{
    text-indent: 0em;
    font-size: 125%;
    margin-right: 5em;
    margin-bottom: 4ex;
    padding: 2mm;
    border:solid black 0.5mm;
}

.gone
{
	/*background-color: #999;*/
        text-decoration: line-through;
}

.list p {
    text-indent: 0em;
    margin-top: 1em;
    margin-bottom: 0em;
    margin-left: 0em;
    margin-right: 0em;
}

p.list {
    text-indent: 0em;
    margin-top: 1em;
    margin-bottom: 0em;
}

.openlist p {

    text-indent: 0em;
    margin-top: 1em;
    margin-bottom: 1em;

}

.caption, figcaption, figcaption a, .document figure figcaption a:link, .document figure figcaption a:visited{
   color: #666;
   /* margin-left: 3em; */
   font-size: 85%;
   line-height: 1.2em;
}
.hcolor, .hcolor a:link, .hcolor a:visited {
  color: var(--color-secondary-1-3);
}

.hugepicture .caption{
   color: #666;
   margin-left: 5em;
   font-size: 85%;
   line-height: 1.2em;
}
figcaption .credit{
    font-style: oblique;
    color: #666;
}
.caption a:link, .caption a:visited, .credit a:link, .credit a:visited{
   color: #666;
   text-decoration: underline; 
}

.bpicture {
   width: 45%;
   margin: 4mm;
}
.rpic  {
   width: 45%;
   margin-left: 4mm;
   margin-bottom: 4mm;
   margin-top: 4mm;
   float: right;
}
.smallrpic  {
   width: 28%;
   margin: 4mm;
   float: right;
}
.lpic  {
   width: 45%;
   margin: 4mm 4mm 0mm 0mm;
   float: left;
}
.cpic  {
   width: 45%;
   clear: both;
   margin-bottom: 1rem;
   margin: 0 auto;
}
.tinyrpic  {
   width: 20%;
   margin: 4mm;
   float: right;
}
.tinylpic  {
   width: 20%;
   margin: 4mm;
   float: left;
}
.smalllpic  {
   width: 25%;
   margin: 4mm 4mm 0mm 0mm;
   float: left;
}
.picture {
   width: 33%;
   margin: 4mm;
}
.hugepicture {
   width: 96%;
   margin-top: 1em;
   margin-bottom: 1em;
   margin-left: 0em;
}
.bigpicture {
   width: 66%;
   margin: 4mm;
}
.bpicture img, .picture img, .hugepicture img, .bigpicture img,
.lpic img, .cpic img, .rpic img, .tinylpic img, .smalllpic img {
  width: 100%;
}
.biburlinline {
   display: none;
}
#sharebutton{
   display: none;
}
#sharebutton:checked ~ span{
  display: inline-block;
  }

#share {
  display: none;
  vertical-align: bottom;
  padding-top: 4px;
  padding-bottom: 6px;
  margin-left: 1em;
  height: 16px;
}
#share img {
    margin-left: 4px;
    margin-right: 4px;
}
#comments {
    display: none;
}
#comments a:link {
    color: #ddf;
}
#comments p {
    margin-top: 2em;
    text-align: left;
}
#comments h2 {
    color: #9cc; 
    text-shadow: 0px 0px;
}
#comments div, #comments p {
  text-indent: 0pt;
  text-align: left;
}
#comments p {
    margin: 4mm;
    margin-top: 0.5em;
}

#comments .incoming, .incoming{
    display: block;
    white-space: pre-wrap;
    line-height: 1.2em;
    text-align: left;
    /* border-color: #9cc; */
    /* border-width: 0.5mm; */
    /* border-style: solid solid solid solid;   */
    padding: 4mm;
    margin-left: 4mm;
    margin-bottom: 4mm;
    margin-right: 0.5cm;
    background: var(--color-secondary-2-1);
    color: var(--color-secondary-2-4);
}
.incoming .headers {
   font-style: oblique;
   line-height: 1.8em;
   color: var(--color-secondary-2-0);
 }

#comments .incoming a, #comments .reply a, .incoming .reply, .incoming .reply a {
    color: var(--color-secondary-1-3);
}
.incoming .reply {
    margin-top: 1rem;
}
.incoming .reply:before {
    display:block;
    margin-bottom: 0.4rem;
    font-style: oblique;
    content: "\00a7 Reply";
}
#comments .headers{
    text-align: left;
    color: #eaa;
    font-style: oblique;
    margin-bottom: 3mm;
    border: none;
    line-height: 1em;
}

#comments .headers p {
    text-align: left;
    text-indent: 0em;
    margin-top: 0;
    margin-bottom: 0;
}

#comments .reply {
    text-align: left;
    border-color: #9cc;
    border-width: 0.5mm;
    border-style: solid;  
    padding: 4mm;
    margin-left: 1.0cm;
    margin-right: 0.5cm;
    margin-bottom: 4mm;
    color: #faf;
}
div#comments div.closer {
    float: right;
    margin-right: 4%;
    color: #9cc;
    border: solid #9cc 0.5mm;
    padding-top: 1mm;
    padding-bottom: 1mm;
    padding-right: 2mm;
    padding-left: 2mm;
}
div#comments div.closer a:link {
    color: #9cc;
}
div#comments div.closer a:visited {
    color: #9cc;
}

.footnote-ref {
  text-decoration: none !important;
  color: #999999;
  font-size: 75%;
}
a.footnote-ref:link, a.footnote-ref:visited {
  color: #999999;
}

.dtitle
{
    font-size: 3rem;
    line-height: 3.3rem;
    color: var(--dtitle-color);
    font-weight: 100;
    margin-bottom: 1.0rem;
}

.dtitle a:link  {
    color: var(--dtitle-color);
}
.dtitle a:visited {
    color: var(--dtitle-color);
}
.thypen {
  color: var(--thypen-color);
}
#qod a:link {
    color: var(--qod-color);
    text-decoration: none;
}
#qod a:visited {
    color: var(--qod-color);
    text-decoration: none;
}
#qod {
  padding-left: 2vw;
  padding-right: 2vw;
  padding-bottom: 3vw;
  display: table-cell;
  vertical-align: middle;
  text-align: center;

}
#qodcontainter {
  /* width: 100vw; */
  /* background: #D1B9FF; */
  color: var(--qod-color);
  height: 10vw;
  display: table;
  margin-top: 0rem;
}
#qod .qodauthor{
    font-weight: 300;
    color: var(--qod-color);
    line-height: 2vw;
    margin-top: 0.5vw;
    display: inline-block;
}
#recentcomments {
   width: 94%;
   font-size: 0.8rem;
   line-height: 0.7rem;
   padding: 0mm;
   margin-left: 3%
}

#recentcomments p{
    margin-top: 0em;
    margin-bottom: 0.3em;
}
.plainlinks, a.plainlinks, a.plainlinks a:link, a.plainlinks a:visited, .plainlinks a:link, .plainlinks a:visited {
    text-decoration: none !important;
}

.footnote-back, a.footnote-back:link, a.footnote-back:visited {
  text-decoration: none;
  color: #999999;
}

@media screen and (max-width: 480px) {

lporg-rs * {
   font-size: 6vw;
}
lporg-rs h1, lporg-rs h1 * {
  font-size: 8vw;
}
lporg-rs input[type=text] {
    background-color: var(--color-secondary-2-0);
    margin: 0px;
    margin-left: 0vw;
    width: 19vw;
    height: 5.4vw;
    font-size: 6vw;
    color: var(--color-secondary-2-4);
    font-family: serif;
}
lporg-rs input[type=submit] {
  padding: 1.22vw;
  padding-bottom: 2.3vw;
  padding-top: 2.1vw;
}
pr-boxes {
  margin-left: 0vw;
}
pr-boxes a {
  font-size: 4.4vw;
  width: 48vw;
  height: 48vw;
  margin-right: 1vw;
  margin-left: 1vw;
  margin-bottom: 1vw;
  border: solid 0.5vw;
}
article {
    font-size: 1.4rem;
}
lporg-litter {
    display:block;
    font-size: 1.4rem;
    line-height: 1.4rem;
}

}

@media print{
html, body{
   background: white;
 }
.document {
   background: white;
   width: 90%;
}
.biburlinline {
   display: inline;
}
lporg-sh {
    display:none;
}
#rs, .bs, .frontindex {
    display: none;
}

.urldiv{
   font-size: 75%;
   /* color: #666; */
   width: auto;
   text-align: center;
   margin-top: 1.6em;
   line-height: 1.1em;
   clear:both;
   display: block;
   }

#commenttab{
    display:none;
}

}