@page:first {
    margin-right: 5mm;
    margin-left: 5mm;
    margin-top: 10mm;
    @bottom-right-corner {
        content: "";
        display: none;
    }
}

@page:nth(8) {
    margin-bottom: 10mm;
    @bottom-left-corner {
        content: "";
        display: none;
    }
    .pagedjs_margin-right,
    .pagedjs_margin-bottom-right-corner-holder,
    .pagedjs_margin-top-right-corner-holder {
        background: white;
    }
}


:root{
    --color1: black;
    --csscolor: var(--color1);
}

.color1{
    --color1: black;
    --riso1: transparent;
    --csscolor: var(--color1);
}


.color2{
    --color1: transparent;
    --riso1: black;
    --csscolor: var(--color1);
}

.riso{
    color: var(--riso1);
}

.black, svg.black text{
    color: var(--color1);
    fill: var(--color1);
}

.color2 .notInColor2{
    opacity: 0;
}

body{
    color: var(--color1);
}

p {
    /* text-align-last: left; */
}

figure {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}

section {
    page-break-before: always;
    margin: 0;
}

h4,
h3,
h2 {
    page-break-after: avoid;
    color:var(--riso1);
}

ul {
    padding-left: 0;
    /* list-style: lower-roman; */
}

li {
    /* padding-left: 1rem;*/
    /* padding-left: 1rem;
    text-indent: -1rem; */
}

.glyphs p{
    word-break: break-all;
    font-size: 2.7rem;
    line-height: 2.4rem;
    letter-spacing: -2px;
}

.cc1:hover {
    color: #2aa198;
}

.cc2:hover {
    color: #484fd6;
}

.cc3:hover {
    color: #b58900;
}

.cc4:hover {
    color: red;
}

.cc5:hover {
    color: #839496;
}


.ch {
    font-feature-settings: "ss01"off;
}

.cm {
    font-feature-settings: "ss01";
}


#cover {
    font-size: 4rem;
    text-align: center;
}

#cover h1 {
    /* -webkit-text-stroke: unset; */
    text-transform: none;
    font-size: 4rem;
    line-height: 2.4rem;
}

#cover h2 {
    -webkit-text-stroke: unset;
    font-size: 3rem;
    line-height: 1.2rem;
}

.columns2{
    column-count:2;
}
.columns2 p,.columns2 h4{
    margin-top: 0;
    margin-bottom: 0;
}

.css {
    /* background-color: var(--color1);
    color: white; */
    border: 1px var(--csscolor) solid;
    border-radius: 1rem;
    margin: 0;
    text-align: left;
    padding-left: 0.3rem;
    padding-right: 0.4rem;
    padding-top: 0.25rem;
    padding-bottom: 0.15rem;
    border-collapse: collapse;
    border-spacing: 0;
    /* height: 2rem; */
    color:var(--csscolor);
    font-size: 0.9rem;
}

.css.used{
    background: radial-gradient(closest-corner,var(--riso1) -80%, rgba(255, 255, 255, 1) 80%);
}

.unormative .css{
    padding-top: 0.15rem;
    /* padding-bottom: 0.65rem; */
}

.variants {
    --offset-margin: 0.7rem;
    width: calc(100% + var(--offset-margin));
    text-align: left;
    /* font-size: 1.2rem; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* column-rule: solid var(--color1); */
    /* column-gap: 0;
    column-count: 3; */
}

.variants .variants-title{
    width: calc(((100% - var(--offset-margin))/3)*2);
    border-radius: 1rem;
    background: white;
    z-index: 1;
    /* margin-left: -2px; */
}
.variants-title{
    margin: 0;
}

.variants .css {
    display: inline-block;
    width: calc((100% - var(--offset-margin))/3);
    white-space: nowrap;
    height: 22.4333px;
    background-color: white;
    margin-right: -0.5px;
    margin-bottom: -1px;
    padding-top: 0.1rem;
}

.variants.variants-2 .css{
    width: calc((100% - var(--offset-margin))/2);
}

.variants.variants-4 .css{
    width: calc((100% - var(--offset-margin))/4);
}

.variants.variants-4 .css.inoffset{
    width: calc(((100% - var(--offset-margin)) / 4) + var(--offset-margin));
}

.unormative .css{
    line-height: 0;
}

.unormative .variants .css{
    line-height:1.2rem;
}



.variants .css.inoffset{
    width: calc(((100% - var(--offset-margin)) / 3) + var(--offset-margin));
}

/* .variants .css:nth-child(2){
    box-shadow: -0.6rem 0.6rem var(--color1);
}
.variants .css:nth-child(3n+3),.variants .css:nth-child(3n+4){
    box-shadow: 0.6rem 0.6rem var(--color1);
}
.variants .css:nth-child(1n+9){
    box-shadow: unset;
} */

.variants .css.noshadow{
    box-shadow: none;
}

.unormative .variants.variants-4 .css:nth-child(4n+1),.unormative .variants.variants-4 .css:nth-child(4n+2),.unormative .variants.variants-4 .css:nth-child(4n+3){
    box-shadow: 0.6rem 0.6rem var(--color1);
}


.unormative .variants.variants-3 .css:nth-child(3n+1),.unormative .variants.variants-3 .css:nth-child(3n+2){
    box-shadow: 0.6rem 0.6rem var(--color1);
}


.variants-exp{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
}

.unormative .variants-exp .var-exp > span{
    font-size: 13.9rem;
    line-height: 148px; /*fix after print*/
}

.variants-exp .var-exp:hover{
    overflow: visible;
    z-index: 99;
    text-shadow: 0 0 1rem white;
}

.variants-exp-3 .var-exp-overflow-bas{
    border: none !important;;
    border-radius:100% 100% 0 0!important ;
    position: relative;
    height: 5.6rem!important;    
}

.variants-exp-3 .var-exp-overflow-bas::before{
    content:"";
    border: 1px solid var(--color1);
    border-bottom: 1px solid transparent; 
    border-radius:100% ;
    width: 100%;
    height: 6.2rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    /* z-index: 1; */
    box-sizing: border-box;
}

.variants-exp .var-exp{
    padding-left: 0.5rem;
    padding-right: 0.4rem;
    height: 4.8rem;
    min-height: 22.4333px;
    overflow: hidden;
    position: relative;
    box-shadow: unset;
    border-radius: 100%;
    width: 25%;
    /* box-shadow: 0px 0px 5px 5px white inset; */
    background-color: transparent;
    /* border-color: white; */
    border: 1px solid transparent;
    border-left: 1px solid var(--color1);
    border-right: 1px solid var(--color1);
    --s: 2rem; /* the size on the corner */
    --t: 1px;  /* the thickness of the border */
    --g: 0px; /* the gap between the border and image */
  
  /* padding: calc(var(--g) + var(--t));
  outline: var(--t) solid var(--color1);
  outline-offset: calc(-1*var(--t));
  -webkit-mask: conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0/calc(100% - var(--s)) calc(100% - var(--s)),
    linear-gradient(#000 0 0) content-box; */
}

.variants-exp .var-exp > span{
    font-size: 14rem;
    position: absolute;
    z-index: -1;
}

.variants-exp-4 .var-exp:nth-child(1),.variants-exp-4 .var-exp:nth-child(5),.variants-exp-4 .var-exp:nth-child(9){
    border-left: 1px solid transparent;
}
.variants-exp-4 .var-exp:nth-child(4),.variants-exp-4 .var-exp:nth-child(8),.variants-exp-4 .var-exp:nth-child(12){
    border-right: 1px solid transparent;
}
.variants-exp-4 .var-exp:nth-last-child(n + 5){
    border-bottom: 1px solid var(--color1)!important;
}
.variants-exp-4 .var-exp:nth-child(n + 5){
    border-top: 1px solid var(--color1)!important;
}

.variants-exp-3 .var-exp{
    width: 6.2rem;
    height: 6.2rem;
}

.variants-exp-3 .var-exp:nth-child(1), .variants-exp-3 .var-exp:nth-child(4),.variants-exp-3 .var-exp:nth-child(7),.variants-exp-3 .var-exp:nth-child(10),.variants-exp-3 .var-exp:nth-child(13){
    border-left: 1px solid transparent;
}
.variants-exp-3 .var-exp:nth-child(3n),.variants-exp-3 .var-exp:nth-child(6),.variants-exp-3 .var-exp:nth-child(9){
    border-right: 1px solid transparent;
}
.variants-exp-3 .var-exp:nth-last-child(n + 4){
    border-bottom: 1px solid var(--color1)!important;
}
.variants-exp-3 .var-exp:nth-child(n + 4){
    border-top: 1px solid var(--color1)!important;
}


#monet {
    text-align: center;
    margin: 0;
}

#monet img {
    /* filter: drop-shadow(0px 0px 20px red); */
    height: calc(4 * var(--baseline));
}

#monetmonet {
    opacity: 0;
    transition: opacity 1s;
}

#monetmonet:hover {
    opacity: 100%;
}

#onlyred {
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

sup {
    font-size: 0.8rem;
}

ul li{
  text-indent: -0.8rem;
  margin-left: 0rem;
  padding-left: 0.8rem;
}

ul{
  list-style: roman ;  
}

@counter-style roman {
  system: fixed;
  symbols: Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ;
  suffix: " ";
}

h4 .css{
    font-size: 1rem;
}

#cover .border{
    font-size: 1.157rem;
    top: -1.4rem;
    left: -0.8rem;
}

.unormative #cover .border{
    font-size: 1.094rem;
}

#cover .border{
    color:var(--riso1);
    fill:var(--riso1);
}

.border{
    position: absolute;
    top:-1rem;
    pointer-events: none;
}

svg{
    
    overflow: visible;
    pointer-events: none;

}

svg path{
    scale: 1.282;
    transform: scaleY(0.98);
}

#tablelongs{

    height: calc(var(--baseline) * 8);
    margin-bottom: calc(var(--baseline) / 2);
    margin-top: calc(var(--baseline) / 2);
}


table {
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 0.60rem;
    font-size: 0.79rem;
}


table td {
    text-align: center;
    border-color: var(--color1);
    border-style: solid;
    border-width: 1px;
}

.lettrine::first-letter{
    font-size: 2rem;
    color:var(--riso1);
    line-height: 0;
}

.bubble{
    margin: 0;
    border-radius: 100%;
    padding: 0.6rem;
    width: 72%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: inset 0px 0px 17px var(--color1);
}

a, a:visited{
    color: var(--color1);

}