html {

margin : 0;

padding : 0;

-webkit-text-size-adjust: none;

}

body {

margin : 2rem 2rem 2rem 20%;

padding : 0 1rem;

max-width : 72ch;

line-height : 1.1;

}

ul, blockquote {

margin : 0 1em;

padding : 0;

}

blockquote {

/* background : #F8F0E8; */

border : solid thin silver;

border-radius : 10px;

color : #403020;

margin : 0 1em;

padding : 0 1ex;

}

pre {

font-family : "Verily Serif Mono", monospace;

font-size : 85%;

overflow-x : auto;

}

code {

font-family : "Verily Serif Mono", monospace;

font-size : 85%;

}

ul {

list-style : disc;

}

ul li::marker {

color : gray;

}

p {

margin : 0.5rem 0;

}

a {

display : block;

margin : 0.75rem 0;

margin : 0;

text-decoration : none;

text-align : left;

position : relative;

padding-left : 2ch;

}

a::before {

content : '🔗 ';

color : gray;

position : absolute;

left : -1ex;

}

.link_target {

display : none;

}

.image {

border : dotted thin silver;

border-radius : 10px;

margin : 0;

padding : 0;

}

img {

display : block;

margin : 0.5rem auto;

max-width : 100%;

}

.video, video {

max-width : 100%;

}

th, td {

border : solid thin;

}

toc {

max-width : 15%;

max-height : 95%;

position : fixed;

top : 1rem;

left : 1rem;

border : solid thin silver;

margin : 1rem 0rem 0rem 0rem;

padding : 0rem;

font-size : 80%;

background : #C3BCB6;

overflow-y : scroll;

scrollbar-color : inherit;

}

main-content {

margin : auto;

}

.toc1::before {content: "";}

.toc1 {

padding : 0em 0em 0em 0em;

margin : 0em;

}

.toc2::before {content: "";}

.toc2 {

padding : 0em 0em 0em 1em;

margin : 0em;

}

.toc3::before {content: "";}

.toc3 {

padding : 0em 0em 0em 2em;

margin : 0em;

}

.toc4::before {content: "";}

.toc4 {

padding : 0em 0em 0em 3em;

margin : 0em;

}

.toc5::before {content: "";}

.toc5 {

padding : 0em 0em 0em 4em;

margin : 0em;

}

.toc6::before {content: "";}

.toc6 {

padding : 0em 0em 0em 5em;

margin : 0em;

}

/* @media (prefers-color-scheme: dark) {

html {background : black;}

body {

background       : #222244;

color            : #EEEECC;

}

a {

color            : lightskyblue;

}

a:visited {

color            : mediumorchid;

}

} */

@media print {

#toc {

display          : none;

}

body {

margin           : 2rem 2rem 2rem 2rem;    

} html, body, div, p, h1, h2, h3, blockquote, li, pre, .aside, .quote, #colophon, .tags, .image {

background       : #FFFFFF;

color             #000000;

border           : none;

line-height      : 1.1;

}

blockquote {

border-left      : none;

border           : solid thin gray;

background       : #FFFFFF;

line-height      : 1;

}

blockquote, ul, pre {

orphans          : 3;

widows           : 3;

}

a {

font-size        : 70%;

text-decoration  : none;

text-align       : left;

color            : blue;

}

.link_target {

display          : inline;

font-size        : 70%;

}

}

@page {

margin : 5%;

}

@page:left {

margin-right : 10%

}

@page:right {

margin-left : 10%

}