:root {
    --background: #fafdff; /*#3DE380*/
    --text: #111111; /*#287566 #0f5b38*/
    --link: #0000FF;
/*    --tags: #ccddff;*/
    --tags: #777777;
    --tagFont: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --accent: #1c1f22;
    --shading: #302e3b;
}

        
body {
    background:var(--background);
    width:100%;
    color:var(--text);
    line-height:1.6;
}


.main-block {
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
} 

.header {
    margin-top:2rem;
    margin-bottom:3rem;
}
        
.end {
    margin-top:2rem;
    margin-bottom:50vh;
}
        
.title {
    margin-top:6rem;
    margin-bottom:2rem;
}
        
p.summary {
    margin-bottom:3rem;
}

h3 {
    margin-top:3rem;
    margin-bottom:1.5rem;
}

li {
    margin-bottom:0.6rem;
}

p, li {
    font-size:1.1rem;
}

hr {
    border-color:var(--tags);
}

img {
    width:100%;
    margin-top:1.5rem;
    margin-bottom:2.5rem;
}
    
code {
    color: var(--text);
    font-family:var(--tagFont)!important;
    border: 1px solid var(--tags);
    border-radius:4px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:4px;
    padding-right:4px;
    white-space: nowrap;
    font-size: 87.5%;
    word-break: break-word;
}


pre {
  color: var(--text)!important;
  font-family:var(--tagFont)!important;
  border: 1px solid var(--tags)!important;
  margin: 1.5em 10px!important;
  padding: 0.5em!important;
  tab-size: 4!important; 
  overflow: visible!important;
  white-space: pre-wrap!important;
  display: block;
  font-size: 87.5%;
}

        
blockquote {
    padding-left: 10px;
    border-left: 2px solid var(--tags);
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left:20px;
    margin-right:40px;
    font-size:1rem;
}


.list-container {
    margin-top:3rem;
}
        
.text-link, .text-link:visited {
    color:var(--text)!important;
    text-decoration:underline;
}
    
a, a:visited {
    color:var(--link)!important;
    text-decoration:underline;
}
        
.endmark {

}
 
/* This creates the counter  */
body {
  counter-reset: cb_counter_var;
}

/* This increments the counter value and defines 
the displayed content  */
sup::after {
  counter-increment: cb_counter_var;
  content: counter(cb_counter_var);
}

/* This initially hides the footnote (i.e. span)  */
input[type=checkbox] ~ span {
    display:none; 
}

/* This styles the footnote text which appears 
when the label is clicked  */
input[type=checkbox]:checked ~ span {
    display:block; 
    font-size: 85%;
    line-height:1.5!important;
    font-family:SFMono-Regular, Menlo, Monaco,
               Consolas, "Liberation Mono",
               "Courier New", monospace;
    color: mix(#000, var(--text), 30%);
    cursor:default;
}

/* This permanently hides the checkbox  */
input[type=checkbox]{
    display:none;  
}

/* This styles the footnote label to appear 
like a hyperlink  */
input[type=checkbox] ~ label {
    display:inline;
    cursor:pointer;
    color:var(--link);
    text-decoration:underline;
    margin-right: 4px;
    margin-left: 2px;
}

/* This styles the footnote label when the mouse 
hover over it */
input[type=checkbox] ~ label:hover {
    text-decoration:underline;
    cursor:pointer;
    color:var(--link);
}

/* This styles the footnote label after it is clicked */
input[type=checkbox]:checked ~ label {
    color:var(--link);
    text-decoration:underline;
}        
        
.blog-button {
    color: var(--link);
    background: var(--background);
    border: 2px solid var(--link);
    border-radius: 0.5rem;
    cursor:pointer;
}
        
ul {
    padding-left:20px;
}

ul li ul li {
    list-style-type: '–  ';
}
        

table {
    border-collapse:collapse;
}

tr {
    border-bottom:1px solid var(--tags);
    border-top:1px solid var(--tags);
    text-indent: 5px;
}

.sub-head-strong {
    font-weight:600;
}

.mt-mid {
    margin-top:2rem;
}

.booklist li {
    font-size:90%;
    margin-bottom:0rem;
}

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

    
:root {
    --background: #1c1f22;
    --text: #eeeeee; 
    --link: #00ed93; 
    --tags: #6f7078; 
    --accent: #fafdff;
    --shading: #302e3b;
/*    --tags: rgba(77, 86, 246,.25);*/
}

    
}