body {
  max-width: 25rem;
  margin: auto;
  margin-top: 1rem;
}

em {
  font-style: italic;
}

strong {
  font-weight: 600;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: 70%;
}

ul {
  margin-bottom: 1.5em;

  ul {
    margin-top: 0.5em;
  }
}

li {
  margin-left: 0.8em;
  margin-bottom: 0.3em;
}

h2 + .text--gazette {
  margin-top: 2em;
}

.text--gazette {
  h3 {
    font-size: 1rem;
    letter-spacing: -0.03em;
    margin-bottom: 0.5em;
    line-height: 90%;
  }

  * + h3 {
    margin-top: 1rem;
  }

  ul,
  p {
    break-inside: avoid-column;
  }
}

.news {
  margin: 1rem 0;
  border-top: 2px solid rgb(108, 52, 3);
  border-bottom: 2px solid rgb(108, 52, 3);
  padding-top: 1rem;
  padding-bottom: 0.25rem;
}

.footer {
  padding-bottom: 3rem;
  font-size: 0.6rem;
  padding-top: 0.5rem;
  border-top: 2px solid rgb(108, 52, 3);

  .support {
    margin-top: 1.5rem;
    display: flex;
    gap: 1rem;
    align-items: center;
  }
}

@media only screen and (max-width: 600px) {
  body {
    padding: 0.5rem;
  }

  .text--gazette,
  .footer {
    font-size: 0.75rem;
  }
  .text--gazette section {
    columns: 1;
  }
}

.inline-img {
  height: 1.3rem;
  vertical-align: bottom;
  max-width: 100%;
  padding-right: 0.1em;
}
.inline-img__padding--small {
  padding: 0.2em 0.1em 0.2em 0.1em;
}
.inline-img__padding--medium {
  padding: 0.3em 0.2em 0.3em 0.2em;
}
.inline-img__padding--large {
  padding: 0.4em 0.2em 0.4em 0.2em;
}
.inline-img__padding--title {
  padding: 0.2em 0.2em 0em 0.2em;
}
.i-left {
  float: left;
  padding: 10px;
  margin: 0 -30px 0 0;
  position: relative;
  right: 30px;
}
.i-right {
  float: right;
  padding: 10px;
  margin: 0 0 0 -30px;
  position: relative;
  left: 30px;
}
.i-paysage {
  height: 5.2rem;
}
.i-portrait {
  height: 7.8rem;
}
.i-portrait--large{
  height: 10.4rem;
}
.i-large {
  width: calc(80vw + 60px);
  margin: -300px -30px 0 -30px;
  left: 30px;
  display: block;
  filter: brightness(0) saturate(100%) invert(15%) sepia(82%) saturate(6959%) hue-rotate(320deg) brightness(100%) contrast(106%) opacity(0.2);
}
.i-trans {
  /* filter: opacity(0.4); */
  filter: brightness(0) saturate(100%) invert(15%) sepia(82%) saturate(6959%) hue-rotate(320deg) brightness(100%) contrast(106%) opacity(0.8);
}