@media print {
    html {
      color: #9a3412;
      background-color: #ffedd5;
    }
  
    .theme,
    .top-nav,
    #footer,
    .top-nav-intro,
    .articles-prev-next {
      display: none 
    }
  
    @page {
      size: 148mm 210mm;
      margin: 15mm 15mm;
    }

    body {
      margin: 0;
      padding: 0;
      font-size: 10pt;
      line-height: 1.4;
    }
  
    main {
      margin: 0;
      padding: 0;
    }
  
    header {
      break-after: page;
      padding: 0;
      margin: 0;
      height: 180mm;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
  
    header h1 {
      font-size: 32pt;
      text-align: center;
      font-family: 'Faune Display', serif;
      font-style: italic;
      text-transform: uppercase;
      margin: 0 0 1em 0;
      padding: 0;
      line-height: 1.2;
    }
  
    .authors {
      font-family: 'Faune Display', serif;
      text-align: center;
      text-transform: uppercase;
      font-size: 9pt;
      margin: 0.5em 0;
      padding: 0;
      width: 100%;
    }
  
    .keywords {
      font-family: 'Source Serif 4 18pt', serif;
      font-size: 8pt;
      max-width: 100%;
      padding: 0;
      margin: 1em 0 0 0;
      text-align: center;
      width: 100%;
    }
  
    .keywords a {
      text-decoration: none;
    }
  
    .keywords a::before {
      content: "#";
    }
  
    .text {
      max-width: 100%;
      padding: 0;
      margin: 0;
      text-align: justify;
      hyphens: none;
      -webkit-hyphens: none;
      gap: 0;
    }
  
    .text p {
      font-family: 'Source Serif 4 18pt', serif;
      font-size: 9pt;
      line-height: 1.55;
      margin: 0 0 1.5em 0;
      padding: 0;
      text-indent: 1.5em;
      break-inside: avoid;
      orphans: 3;
      widows: 3;
    }
  
    .text p:first-child {
      text-indent: 0;
    }

    .text p + p::before {
      content: '~✿~';
      display: block;
      text-align: center;
      font-size: 8pt;
      color: #9a3412;
      margin: 0.8em 0;
    }
  
    .text .quote,
    .text .epigraphe {
      max-width: 100%;
      padding: 0;
      margin: 1em 0 1em 2em;
      font-size: 8.5pt;
      font-style: italic;
      text-align: right;
    }
  
    .readmore {
      break-before: page;
      max-width: 100%;
      padding: 0;
      margin: 0;
      font-family: 'Source Serif 4 18pt', serif;
    }
  
    .readmore h3 {
      font-size: 12pt;
      margin: 0 0 0.8em 0;
      padding: 0;
      line-height: 1.2;
    }
  
    .readmore p {
      font-family: 'Source Serif 4 18pt', serif;
      font-size: 8pt;
      line-height: 1.35;
      margin: 0 0 0.5em 0;
      padding: 0;
      text-indent: 0;
    }
  
    .biography {
      font-family: 'Source Serif 4 18pt', serif;
      font-style: italic;
      font-size: 7.5pt;
      line-height: 1.3;
      max-width: 100%;
      margin: 2em 0 0 0;
      padding: 0.8em 0 0 0;
      border-top: 0.5pt solid #9a3412;
      text-align: left;
    }
  
    .biography p {
      margin: 0;
      padding: 0;
    }
  

    a {
      color: inherit;
      text-decoration: none;
    }
  
    a[href^="http"]::after {
      content: "";
    }
  

    ul {
      padding: 0;
      margin: 0 0 0.8em 1.5em;
      list-style-type: none;
    }
  
    ul li::before {
      content: "— ";
      margin-left: -1.5em;
    }
  
    .footnotes {
      font-family: 'Source Serif 4 18pt', serif;
      font-size: 7.5pt;
      line-height: 1.3;
      max-width: 100%;
      padding: 0;
      margin: 1.5em 0 0 0;
      page-break-before: avoid;
    }
  
    .footnotes ol {
      padding: 0;
      margin: 0;
      list-style-position: inside;
    }
  
    .footnotes li {
      text-indent: -2em;
      padding-left: 2em;
      margin-bottom: 0.3em;
    }
  
    em {
      font-style: italic;
    }
  
    strong {
      font-family: 'Source Serif 4 18pt', serif;
      font-weight: 600;
    }


    * {
      box-sizing: border-box;
    }
  }

  @page :left{ 
    @bottom-left {
      content: counter(page);
    }
  }
  @page :right{ 
    @bottom-right {
      content: counter(page);
    }
  }
  
  @page header {
    @bottom-right { content: none; }
    @bottom-left { content: none; }
  }