@media print {
  :root {
    --p: 3mm;
    --bleeds: 3mm;
    --bgCol: white;
  }
  @page {
    size: calc(125mm + var(--bleeds)) calc(170mm + var(--bleeds));
    margin: calc(1cm + var(--bleeds));
    margin-bottom: calc(2cm + var(--bleeds));
    @bottom-center {
      content: counter(page);
      color: var(--textCol);
      font-family: "freesans";
      position: relative;
      /* border:1px solid red; */
      height: 1cm;
      font-size: 0.8em;
    }
  }
  body {
    background: transparent;
    position: relative;
  }
  body.test::before {
    content: "";
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    outline: 1px solid gray;
  }
  /* text */
  .text {
    font-size: 11pt;
    line-height: 1.35;
    text-wrap: pretty;
    hyphens: none;
    white-space: normal;
    /* hyphenation-limit-chars: 6 4 3;  
    hyphenation-limit-lines: 1 !important; */
    /* text-align: justify; */
    lang: fr; /* censé préciser français pour text-wrap*/
    padding: 0;
    width: 100%;
    margin: auto;
    orphans: 3;
    widows: 3;
    p.first {
      margin-top: calc(var(--p) * 11);
    }
    h2 {
      break-after: avoid;
      margin-top: calc(var(--p) * 2);
    }
  }

  .text h2 {
    margin-bottom: 0.5cm;
  }

  .text blockquote {
    display: block; /* Override inline-block */
    margin-top: 1cm;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 1cm;
    max-width: 9cm;
    max-width: 65%;
    text-align: center;
    text-decoration: none;
    border: none;
  }

  .text li {
    padding-left: calc(var(--p) * 3);
    position: relative;
    margin-bottom: calc(var(--p) / 2);
    clear: both;
  }
  .text li:before {
    content: "";
    width: 0.7em;
    height: 0.5em;
    border-radius: 100%;
    background: var(--textCol);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  /* cover */
  figure.cover-symbol {
    width: 80%;
    height: 8cm;
    margin-bottom: 4cm;
    div {
      width: 0.14em;
      height: 0.11em;
      background: var(--secondCol);
    }
  }
  nav,
  footer,
  .editors {
    display: none;
  }
  figure:not(.cover-symbol) {
    margin: 0 1cm 0.5cm 0cm;
  }

  /* figure */
  figure.samara {
    float: none;
    display: block;
    width: 7cm;
    break-before: page;
    margin: 2cm auto 1cm auto;
  }
  figure.samara div {
    width: 0.2rem;
    height: 0.2rem;
  }

  figure.gargoyle {
    float: none;
    display: block;
    margin: 3.5cm auto 1cm auto;
    padding: 0cm 0 0 0;
    width: 90%;
    max-width: none;
    box-sizing: border-box;
  }
  figure.garygoyle div {
    height: 0.2rem;
    width: 0.2rem;
  }

  figure.ripples {
    float: none;
    display: block;
    margin: 1.3cm auto 1cm auto;
    width: 8cm;
  }
  figure.ripples div {
    width: 0.2rem;
    height: 0.2rem;
  }

  figure.blockfield {
    margin-bottom: 1.2cm;
    margin-top: 1cm;
    width: 10cm;
  }
  figure.blockfield div {
    width: 0.2rem;
    height: 0.2rem;
  }
  /* figure.blockfield div:nth-child(even){
      display: none; 
    } */

  figure.mortar {
    display: block;
    width: 5cm;
    margin: 1cm 2.5cm 5cm 2.2cm;
  }
  figure.mortar div {
    width: 0.2rem;
    height: 0.2rem;
  }
  figure.thymus {
    display: block;
    margin: 1cm 4.2cm 3cm 4cm;
    width: 2.5cm;
  }

  figure.thymus div {
    width: 0.2rem;
    height: 0.2rem;
  }
  figure.eyes {
    width: 9cm;
    margin-left: 1cm;
    margin-top: 0.2cm;
    margin-bottom: 1.2cm;
  }
  figure.eyes div {
    width: 0.2rem;
    height: 0.2rem;
  }

  figure {
    /* change font size to change figure size */
    font-size: 0.8cm;
    break-inside: avoid;
  }
  .no-screen.edition {
    display: block;
    margin: 0.15cm auto 0.15cm auto;
    text-align: center;
  }
  .nb-print {
    display: inline;
  }
  .back-cover .separator {
    margin-top: 0.15cm;
  }
  .cover {
    page: cover;
    h1 {
      color: var(--secondCol);
      font-size: 2em;
    }
  }
  .back-cover {
    page: backcover;
    position: relative;
    height: 98vh; /* avoid additional last blank page */
    width: 100%;
    .credits {
      font-size: 0.8em;
      color: var(--secondCol);
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
    }
  }
  .blank {
    page: blank;
  }
  @page cover {
    padding: 0cm 0 0 0;
    background: var(--coverCol);
    text-align: center;
    counter-reset: page 1;
    @bottom-center {
      content: none;
    }
  }
  @page backcover {
    padding: 0;
    background: var(--coverCol);
    @bottom-center {
      content: none;
    }
  }
  @page blank {
    break-after: always;
    @bottom-center {
      content: none;
    }
  }
  @page :left {
    padding-right: 0.5cm;
  }
  @page :right {
    padding-left: 0.5cm;
  }
}