details[data-astro-cid-4zbkfcbj] {
  margin: 4px 16px;
  font-size: .8rem;
}

summary[data-astro-cid-4zbkfcbj] {
  outline: none;
}
section[data-astro-cid-ce7bb4ww] {
  display: grid;
  align-content: center;
  gap: 16px;
  background: #0000001a;
  padding: 16px;
  border-radius: var(--border-radius);
  text-align: center;
}

h2[data-astro-cid-ce7bb4ww] {
  font-size: 1.4rem;
  color: var(--app-primary-color);
  margin: 0;
}
h3[data-astro-cid-dshdzjy3] {
  color: var(--app-primary-color);
  padding: 8px 16px;
  margin: 0;
  font-size: .8rem;
}
order-icon[data-astro-cid-urexc3ng] {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 1;
}

article[data-astro-cid-urexc3ng] {
  display: grid;
  grid-template-areas: "publication"
                       "sommaire"
                       "pdf"
                       "papier"
                       "documents"
                       "feedback";
  --cover-width: 210px;
  --cover-height: 297px;
  opacity: 0;
  animation: .3s ease-out forwards fadeIn;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

section[data-astro-cid-urexc3ng] {
  background: #fff;
  border-radius: 12px;
  box-shadow: var(--box-shadow);
  transition: transform .3s;
}

section[data-astro-cid-urexc3ng]:hover {
  transform: translateY(-2px);
}

h2[data-astro-cid-urexc3ng] {
  color: var(--app-primary-color);
  margin: 0;
  margin-bottom: 4px;
  font-size: 1.8rem;
  line-height: 1.3;
}

.publication[data-astro-cid-urexc3ng] {
  grid-area: publication;
  padding: 24px;
  background: linear-gradient(#fffffff2 0%, #fff 100%), url("/images/publications.webp") no-repeat;
  background-size: cover;
  background-position: center;
}

header[data-astro-cid-urexc3ng] {
  text-align: center;
  margin-bottom: 32px;
}

.publication-info[data-astro-cid-urexc3ng] {
  margin-top: 24px;
}

header[data-astro-cid-urexc3ng] h3[data-astro-cid-urexc3ng] {
  color: var(--app-secondary-color);
  font-weight: 500;
  margin-top: 8px;
}

.resume[data-astro-cid-urexc3ng], p[data-astro-cid-urexc3ng] {
  margin: 16px;
  color: #2f4f4f;
}

.sommaire[data-astro-cid-urexc3ng] {
  grid-area: sommaire;
}

.sommaire[data-astro-cid-urexc3ng] h3[data-astro-cid-urexc3ng] {
  margin-bottom: 16px;
}

.documents[data-astro-cid-urexc3ng] {
  grid-area: documents;
}

section[data-astro-cid-urexc3ng] {
  padding: 16px;
  height: 100%;
  border-radius: 0;
}

section[data-astro-cid-urexc3ng] h3[data-astro-cid-urexc3ng] {
  margin-bottom: 16px;
}

h3[data-astro-cid-urexc3ng], .pdf[data-astro-cid-urexc3ng] {
  color: var(--app-primary-color);
  margin: 0;
}

.papier[data-astro-cid-urexc3ng] {
  grid-area: papier;
}

.pdf[data-astro-cid-urexc3ng], .papier[data-astro-cid-urexc3ng] {
  display: grid;
  position: relative;
  grid-template-rows: auto 1fr;
  align-items: center;
  background: #fafafacc;
}

.pdf[data-astro-cid-urexc3ng]:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("/images/pdf.svg") center no-repeat;
  background-size: 50%;
  opacity: .1;
  z-index: -2;
}

.papier[data-astro-cid-urexc3ng]:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("/images/shopping-cart.svg") center no-repeat;
  background-size: 50%;
  opacity: .1;
  z-index: -2;
}

.button[data-astro-cid-urexc3ng] {
  width: 100%;
  box-sizing: border-box;
}

.pdf[data-astro-cid-urexc3ng] div[data-astro-cid-urexc3ng] {
  padding: 16px;
}

primary-container[data-astro-cid-urexc3ng] {
  display: grid;
  padding: 16px;
  border-radius: 0;
}

@media (width >= 820px) {
  article[data-astro-cid-urexc3ng] {
    grid: auto / 2fr 1fr;
    grid-template-areas: "publication sommaire"
                         "publication pdf"
                         "publication papier"
                         "publication feedback"
                         "documents documents";
    grid-gap: 24px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 24px;
  }

  section[data-astro-cid-urexc3ng] {
    border-radius: var(--border-radius);
    backdrop-filter: blur(10px);
  }

  .publication[data-astro-cid-urexc3ng] {
    position: relative;
    overflow: hidden;
  }

  .publication[data-astro-cid-urexc3ng]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg,
          var(--app-primary-color),
          var(--app-primary-light-color));
    border-radius: 12px 12px 0 0;
  }
}