/* ------------------------------------------------------------ déclaration */
.declaration {
  border-bottom: 1px solid var(--bordercolor);
  margin: 1.6rem auto;
}
.declaration > * {
  max-width: var(--maxwidth);
  margin: 1.6rem auto;
}
.declaration blockquote p { 
  margin: 0;
  --font-wght: 400;
  font-family: "Hubot Sans";
  width: 40em;
}
.declaration p + p {
  text-indent: 2em;
}
.declaration footer {
  text-wrap: balance;
  margin-top: 1.6rem;
}

/* ------------------------------------------------------------ mise en page */


main {
  border-bottom: 1px solid var(--bordercolor);
}
main > * {
  padding: 0 1rem;
}
h3{
  font-family: "Anthony";
  font-size: 3em;
}
.intro,
.content,
.outro,
.tags-link {
  max-width: var(--maxwidth);
  margin: 1.6em auto;
}
ul { 
  color: var(--textcolor);
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding: 1.6em 1em;
}
ul { 
  font-family: "Haskoy";
  /*max-width: 40ch;*/
  font-size: clamp(1.1rem, 1vw, 6rem);
  font-weight: 100;
  line-height: 1.1;
  width: 30em;
}

ul {
  text-align:initial;

  margin-left: 2.5em;
}
ul:nth-child(even) { margin-left: 14em; }
ul:nth-child(2n+1) { margin-right: 16em; }
ul:nth-child(3n+2) { margin-left: 28em; }

.footnote{
  text-align: right;
}