html{
  --serif: 'spectral', serif;
  --sans-serif: 'hk-grotesk', sans-serif;
  --font-size: 13px;
  --font-size-notes: 9px;
  --line-height: 15px;
  --line-height-notes: calc(15px*2/3);
  --indent: 6mm;
  --baseline: 15px;
}

@page {
  size: 148mm 210mm portait
}

@media screen {
  .baseline .pagedjs_page {
    background-image:  repeating-linear-gradient(180deg, transparent  0, transparent 14px , rgba(0,255,0,0.7) var(--baseline)) ;
    background-size: cover;
    background-position:  0 -3px , 0 0
  }
}

@page cover {
  margin: 0;
  background: url("images/cover.jpg");
  background-position: center;
  background-size: 104%;
  background-repeat: no-repeat;

  @top-left{ content: none; }
  @top-center{ content: none; }
  @top-right{ content: none; }
  @bottom-left{ content: none; }
}

@page:blank {
  @top-left-corner{ content: none; }
  @top-left{ content: none; }
  @top-center{ content: none; }
  @top-right{ content: none; }
  @top-right-corner{ content: none; }
  @right-top{ content: none; }
  @right-middle{ content: none; }
  @right-bottom{ content: none; }
  @bottom-right-corner{ content: none; }
  @bottom-right{ content: none; }
  @bottom-center{ content: none; }
  @bottom-left{ content: none; }
  @bottom-left-corner{ content: none; }
  @left-bottom{ content: none; }
  @left-middle{ content: none; }
  @left-top{ content: none; }
}

@page:left {
  margin-left:22mm;
  margin-right:14mm;
  margin-top: 73px;
  margin-bottom: 73px;

  @top-left{
    content: counter(page);
    font-weight: 400;
    font-family: var(--serif);
    font-size: var(--font-size);
    font-weight: normal;
    line-height: var(--line-height);
    vertical-align: bottom;
    margin-bottom: 14px;
    font-variant-numeric: oldstyle-nums;
  }

  @top-center{
    content: string(booktitle);
    font-weight: 400;
    font-family: var(--serif);
    font-size: var(--font-size);
    font-weight: normal;
    line-height: var(--line-height);
    vertical-align: bottom;
    margin-bottom: 14px;
    font-variant-numeric: oldstyle-nums;
    font-variant: small-caps;
    width: 85mm;
    text-align: left;
  }
}

@page:right {
  margin-left:14mm;
  margin-right:22mm;
  margin-top: 73px;
  margin-bottom: 73px;
  @top-right{
    content: counter(page);
    font-weight: 400;
    font-family: var(--serif);
    font-size: var(--font-size);
    font-weight: normal;
    line-height: var(--line-height);
    vertical-align: bottom;
    margin-bottom: 14px;
    font-variant-numeric: oldstyle-nums;
    text-align: right;
  }

  @top-center{
    content: element(shorter);
    vertical-align: bottom;
    text-align: right;
    margin-bottom: 1px;
    width: 85mm;
  }
}

.sidenote, .footnote {
    display:none!important;
}

.footnote::footnote-call, .footnote::footnote-marker{
    display:none!important;
}

.part h2, #appendices h2,
section[data-type="half-title"],
section[data-type="titlepage"],
section[data-type="copyright"],
section[data-type="dedication"],
section[data-type="epigraph"],
#toc {
  margin-left: 10mm /*center the page*/
}

.part h2, #appendices h2{
  page: part;
}

/* running elements */

#cover h1 {
  string-set: booktitle content(text);
}

#cover {
  page: cover;
}

.shorter{
  position: running(shorter);
  font-weight: 400;
  font-family: var(--serif);
  font-size: var(--font-size);
  font-weight: normal;
  line-height: var(--line-height);
  text-align: right;
  /* font-style: italic; */
  font-variant-numeric: oldstyle-nums;
}


/* flexbox */
section[data-type="copyright"] #flexbox {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left:0;
}

/* table of content */
#toc{
  counter-reset: chaptoc apptoc;
}
.toc-part a[href]::before{
  content: target-text(attr(href), before);

}

.toc-part a[href]::after,
.toc-chap a[href]::before,
.toc-part-app a[href]::before,
.toc-app a[href]::before {
  content: target-text(attr(href url), content);
}

.toc-chap{
  counter-increment: chaptoc;
}
.toc-chap::before{
  content: "Chapter " counter(chaptoc);
}

.toc-app {
  counter-increment: apptoc;
}

.toc-app::before{
  content: "Appendix " counter(apptoc);
}


.toc-chap a[href]::after,
.toc-app a[href]::after {
  content: leader(dotted) target-counter(attr(href), page);
  float:right;
}

.toc-subchap a[href]::before{
  content: target-text(attr(href)); /* pdfreactor */
}

.toc-subchap a[href]::after {
    content: target-counter(attr(href), page);
    float:right;
}

/* counters, page-breaks, figure */

a {
  color: black;
  text-decoration: none;
}

body {
  counter-reset: footnote numpart numchap numapp numplate;
  /*
  --serif: 'spectral', serif;
  --sans-serif: 'hk-grotesk', sans-serif;
  --font-size: 13px;
  --font-size-notes: 9px;
  --line-height: 15px;
  --line-height-notes: 10px;
  --indent: 6mm
  */
}

p:not(.shorter), li, h4:not(.h4-appe), #appendix-e h5  {
  font-family: 'spectral', serif;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400
}

p:not(.shorter), li {
  text-indent: 6mm;
  text-align: justify;
  margin: 0;
  orphans: 2;
  widows: 2;
  hyphens: auto;
  hyphenate-before: 4;
  hyphenate-after: 3;
}

.greek {
  font-size: 0.9em
}


h1, h2, h3, .h4-appe {
  font-family: 'daubenton';
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0
}




#cover h1 {
  color:transparent;
}

.titlechapter + p,
.shorter + p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p,
h3+div+p,
h4+div+p,
h2+span+p,
h3+span+p,
h4+span+p,
h5+span+p,
h6+span+p,
table+p,
.center+p,
.note-titre+p,
.center,
.separator + p {
  text-indent: 0!important;
}

.center+p {
  margin-top: 15px;
}

h3, h2 {
  display: block;
  height: 47.7mm; /* 63.5mm - 15.8mm */
  padding-top: 15.8mm;
  font-size: 18px; /* 21 */
  line-height: 23px;
  text-align: center;
  width: 80%;
  margin: 0 auto;
}

.part h2 {
  text-transform: uppercase;
}

.part h2 {
  counter-increment: numpart;
}

.part h2:before {
  content: "– Part " counter(numpart, upper-roman) " –";
}

.chapter .titlechapter {
  counter-increment: numchap;
}

.chapter .titlechapter:before {
  content: "– " counter(numchap) " –";
}

.appendix .titleapp {
  counter-increment: numapp;
}

.appendix .titleapp:before {
  content: "– Appendix " counter(numapp, upper-alpha) " –";
}

h3:before, h2:before {
  display: block;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 9px;

}

h4:not(.h4-appe), #appendix-e h5 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 8px;
  margin-top: 15px;
  font-style: italic;
}

h4:not(.h4-appe) {
  text-align: left;
}

table caption {
  font-family: 'spectral', serif;
  font-size: 0.7em;
  line-height: 15px;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 5px;
  /* padding-top + padding-bottom : 15px;*/
  margin-top: 15px;
  text-align: center;
}

.center {
  text-align: center!important;
}

.separator{
  display:block;
  height: 15px;
}


/* sidenote */

.sidenote {
  font-family: 'hk-grotesk', sans-serif;
  font-size: 9px;
  line-height: 10px;
  font-weight: 600!important;
  margin-top: 3px;
  /* break-inside: avoid; */
  hyphens: none!important;
}

/* Footnotes */

.footnote {
  float: footnote;
  padding-left: 6mm;
  font-size: 9px;
  line-height: 10px;
  text-indent: 0px!important
}

.footnote::footnote-call, .footnote::footnote-marker {
  vertical-align: inherit;
  font-family: 'hk-grotesk', sans-serif;
  font-weight: 600;
}

.footnote::footnote-marker {
  display: inline-block;
  width: 0mm;
  position: relative;
  left: -6mm;
}

.footnote::footnote-call {
  content: counter(footnote);
  position: relative;
  top: -3px;
}

/* frontmatter */

#absolute-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%
}

#absolute-bottom p {
  font-family: 'spectral', sans-serif;
  text-align: left;
  font-size: 9px;
  text-indent: 0;
  margin-top: 15px;
}

section[data-type="half-title"] h1 {
  margin-top: 95px;
  text-align: center;
}

section[data-type="half-title"] h1 .smaller {
  font-size: 0.8em!important;
  display: block;
  margin-top: 5px;
}

section[data-type="titlepage"] h1 {
  font-size: 40px;
  text-align: center;
  margin-top: 83px;
  line-height: 44px;
}

section[data-type="titlepage"] h1 .smaller {
  display: block;
  font-size: 0.7em!important;
  line-height: 30px!important;
  margin-top: 11px;
}

section[data-type="titlepage"] #editor {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 5mm;
  width: 100%;
}

section[data-type="titlepage"] #author {
  margin-top: 58px;
  text-align: center!important;
  text-indent: 0!important;
  font-size: 20px!important;
}

section[data-type="titlepage"] #author span {
  display: block;
  margin-bottom: 12px;
  font-size: 13px!important;
  display: block;
}

section[data-type="titlepage"] #editor p {
  text-align: center!important;
  text-indent: 0!important;
  margin-top: 15px;
}



section[data-type="copyright"] p {
  text-indent: 0!important;
  text-align: center!important;
  margin-top: 32px;
  margin-bottom: 32px;
}

section[data-type="dedication"], section[data-type="epigraph"] {
  margin-top: 105px;
}

section[data-type="epigraph"] blockquote {
  margin: 0;
  padding: 0;
}

section[data-type="dedication"] p, section[data-type="epigraph"] blockquote p {
  text-indent: 0!important;
  font-style: italic;
}

section[data-type="dedication"] p {
  text-align: center!important;
}

section[data-type="epigraph"] .caption {
  font-style: normal;
  padding-top: 10px;
  padding-bottom: 20px;
}

section[data-type="epigraph"] .caption:before {
  content: "— ";
  font-style: normal;
}

/* Page break */

#cover {
  page-break-after: always;
}

#pre {
  page-break-after: always;
}

section[data-type="half-title"], section[data-type="titlepage"], section[data-type="epigraph"] {
  page-break-before: right;
  page-break-after: always;
}

section[data-type="copyright"] {
  page-break-before: always;
  page-break-after: always;
}

#toc {
  page-break-before: right;
  page-break-after: always;
}

.list-plates {
  page-break-before: right;
  page-break-after: always;
}

.part {
  page-break-before: right;
  page-break-after: always;
}

.part h2 {
  page-break-after: always;
}

.part h3 {
  page-break-before: right;
}

.chapter, .preface, .introduction, #appendices, .appendix {
  page-break-before: right;
  page-break-after: always;
}

figure {
  /* break-inside: avoid; */
  page-break-inside: avoid;
}

.dedication {
  page-break-before: always;
  page-break-after: always;
}

/* table of content */

.toc-part, .toc-chap, .toc-subchap, .toc-app {
  /* break-inside: avoid; */
}

#toc ul {
  margin-top: 50px;
  list-style: none;
  padding: 0;
}

#toc li {
  text-indent: 0!important;
  text-align: left!important;
}

.toc-part a[href]::before, .toc-part a[href]::after, .toc-part-app a[href]::before {
  display: block;
  text-align: center;
  text-transform: uppercase;
}

.toc-part {
  margin-bottom: 30px;
}

.toc-part:first-of-type{
  margin-bottom: 0px;
}

.toc-chap, .toc-app {
  margin-bottom: 15px;
  margin-top: 15px;
}

.toc-subchap+.toc-chap {
  margin-top: 30px;
}

.toc-chap a, .toc-app a{
  display: block;
}

.toc-subchap {
  font-style: italic;
  margin-left: 6mm;
}

/* Tables */

td, th {
  font-size: 9px;
  line-height: 10px;
  font-weight: normal;
  text-indent: 0px!important
}

table {
  border-collapse: collapse;
  margin: 0 auto;
  box-decoration-break: slice;
  margin-top: 15px;
  margin-bottom: 15px;
}

h5 + table {
  margin-top: -15px!important;
  break-inside: avoid;
}

table{
  break-inside: avoid;
}
table:not(.table-noborder), th {
  border: solid 1pt black;
}

th, td {
  padding-left: 6px;
  padding-right: 6px;
}

th {
  padding-top: 6px;
  padding-bottom: 6px;
}

td {
  vertical-align: top;
}

table tr:nth-of-type(2) td, #table-appc-01 tr:nth-of-type(2) td {
  padding-top: 6px;
}

table tr:last-of-type td, #table-appc-01 tr:last-of-type td {
  padding-bottom: 6px;
}

.borders td {
  border-right: thin solid black;
}

.bt {
  border-top: thin solid black;
}

.bb {
  border-bottom: thin solid black;
}

.bl {
  border-left: thin solid black;
}

.borders .nobr {
  border-right: none;
}

.tdr {
  text-align: right;
}



/* Appendix */

.note-titre {
  position: relative;
  top: -90px!important;
  text-align: center!important;
  width: 70%;
  hyphens: none!important;
  margin: 0 auto;
}

#appendix-a p {
  text-indent: -6mm!important;
  padding-left: 6mm;
}

#appendix-d table {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  /* break-inside: avoid; */
}

#appendix-e {
  counter-reset: h4appe;
}

.h4-appe {
  font-size: 0.7em;
  line-height: 15px;
  margin: 30px auto 15px auto;
  text-align: center!important;
  counter-increment: h4appe;
  width: 85%;
}

.h4-appe:before {
  content: counter(h4appe, upper-roman) ". ";
}

#appendix-e h5 {
  counter-reset: table-caption;
  counter-increment: h5-appe
}

#appendix-e h5:before {
  content: counter(h5-appe, decimal) ". ";
}

#appendix-e table caption {
  counter-increment: table-caption
}

#appendix-e table {
  width: 80%
}

#appendix-e table caption:before {
  content: counter(table-caption, lower-alpha) ". ";
}



#appendix-e h5+table {
  margin-top: 0;
  padding-top: 0;
}