.div-letter
{
    font-family:'Baskervville';
    font-size: 1.3em;
    font-weight:400;
    max-width:1000px;
    width:100%;
    margin:auto;
    padding:1em;
    box-sizing:border-box;
           font-variant-numeric:lining-nums;

}

b {font-weight:bold;}



.img-info {width:1em;}



.div-data
{
  display: inline-grid;
  grid-template-columns: auto auto;
}

.div-meta
{
    text-align:right;
    font-weight:bold;
    padding-right:0.5em;
}


.div-metadata {
display: inline-grid;
  grid-template-columns: auto auto;
  column-gap:0.5em;
}



.div-metadata div:nth-child(2n-1) {
text-align:right;
font-weight:bold;
}

red{color:chocolate;}
grey{color:silver;}
printed{color:chocolate;}
emboss{color:silver;}
editor{color:royalblue;}
tocheck{color:green;}
lime{color:yellow;background-color:green;}
beryl{color:darkviolet;}

.p-l{margin-top:0;margin-bottom:0;}
.p-l2{margin-top:1em;margin-bottom:0;}
.p-l20{margin-top:1em;margin-bottom:0;}

.p-1l0{margin-top:-1.15em;margin-bottom:0;margin-left:2em;}
.p-1l{margin-top:0;margin-bottom:0;margin-left:2em;}
.p-1l2{margin-top:1em;margin-bottom:0;margin-left:2em;}

.p-2l0{margin-top:-1.15em;margin-bottom:0;margin-left:4em;}
.p-2l{margin-top:0;margin-bottom:0;margin-left:4em;}
.p-2l2{margin-top:1em;margin-bottom:0;margin-left:4em;}
.p-3l0{margin-top:-1.15em;margin-bottom:0;margin-left:6em;}


.p-c{text-align:center;margin-top:0;margin-bottom:0;}
.p-c2{text-align:center;margin-top:1em;margin-bottom:0;}



i1 { margin-left: 2em;}
i2 { margin-left: 4em;}
i3 { margin-left: 6em;}
i4 { margin-left: 8em;}
i5 { margin-left: 10em;}
i6 { margin-left: 12em;}
i7 { margin-left: 14em;}
i8 { margin-left: 16em;}
i9 { margin-left: 17em;}






.div-info-box {
    font-family:'Open Sans';
    background-color:white;
    max-width:calc(90vw - 32px);
    position:fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    padding:1em;
    width:300px;
    display:none;
    border:1px solid chocolate;
}

.div-info-box:target {
    display:block;
}

.div-info-close {
    position:absolute;
    right:0.5em;
    top:0.5em;
    
}

.a-info-show{
        text-decoration:none;
}
 

.a-info-close {
    font-size:1.5em;
    font-weight:bold;
    color:chocolate;
    text-decoration:none;
}    

/******************************************************************************/


/******************************************************************************/

@media only screen and (max-width: 800px) {
.div-letter {font-size: 1.1em;}
} 

@media only screen and (max-width: 750px) {
.div-letter {font-size: 1em;}
}  

@media only screen and (max-width: 700px) {
.div-letter {font-size: 0.8em;}
}