.maudimi-card {
  position: relative;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}

@supports selector(.maudimi-card:not(:has(img))) {
  .maudimi-card:not(:has(img))::before {
    content: "Maudimi";
    display: grid;
    min-height: clamp(10rem, 22vw, 16rem);
    place-items: center;
    border-bottom: 1px solid rgb(91 63 42 / 0.14);
    background:
      linear-gradient(135deg, rgb(18 13 10 / 0.76), rgb(48 37 28 / 0.64)),
      url("../images/fallback/card-fallback.jpg") center / cover;
    color: var(--wp--preset--color--paper);
    font-family: var(--wp--preset--font-family--serif);
    font-size: var(--wp--preset--font-size--xl);
  }
}

.maudimi-card:hover,
.maudimi-card:focus-within {
  border-color: rgb(143 78 56 / 0.32);
  box-shadow: 0 30px 86px rgb(30 22 14 / 0.18);
  transform: translateY(-3px);
}

.maudimi-card img {
  transition: transform 260ms ease, filter 260ms ease;
}

.maudimi-card:hover img,
.maudimi-card:focus-within img {
  filter: saturate(1.05) contrast(1.03);
  transform: scale(1.025);
}

.maudimi-card .wp-block-post-featured-image,
.maudimi-rubric-card .wp-block-image {
  overflow: hidden;
}

.maudimi-card .wp-block-post-date {
  color: var(--wp--preset--color--muted);
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.maudimi-card .taxonomy-category,
.maudimi-card .wp-block-post-terms {
  color: var(--wp--preset--color--copper);
}

.maudimi-card a {
  text-decoration-thickness: 1px;
}

.maudimi-card h3 a {
  color: inherit;
  text-decoration: none;
}

.maudimi-card h3 a:hover,
.maudimi-card h3 a:focus-visible {
  color: var(--wp--preset--color--copper);
}

.maudimi-archive-query {
  padding-block: var(--wp--preset--spacing--70);
}

.maudimi-featured-query .wp-block-post-template {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.maudimi-home-featured {
  border: 1px solid rgb(91 63 42 / 0.12);
  border-radius: var(--maudimi-radius);
  background: linear-gradient(135deg, rgb(255 250 241 / 0.9), rgb(243 234 220 / 0.86));
  box-shadow: var(--maudimi-shadow-soft);
}

.maudimi-post-navigation {
  border-top: 1px solid rgb(91 63 42 / 0.14);
  border-bottom: 1px solid rgb(91 63 42 / 0.14);
}

.maudimi-post-navigation a {
  color: var(--wp--preset--color--ink);
  font-family: var(--wp--preset--font-family--serif);
  font-size: var(--wp--preset--font-size--lg);
  text-decoration: none;
}

.maudimi-article-body > * + * {
  margin-block-start: var(--wp--preset--spacing--50);
}

.maudimi-page-pattern .wp-block-column.is-style-maudimi-groupe-papier,
.maudimi-link-grid .wp-block-column {
  padding: var(--wp--preset--spacing--50);
}

.maudimi-form-placeholder {
  min-height: 12rem;
}

.maudimi-legal-pattern h2 {
  margin-top: var(--wp--preset--spacing--60);
}

.maudimi-reveal,
.maudimi-scroll-section,
.maudimi-parallax-ready {
  scroll-margin-top: var(--wp--preset--spacing--70);
}

.wp-block-button__link {
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus-visible {
  transform: translateY(-1px);
}

.maudimi-archive-hero {
  border-bottom: 1px solid rgb(201 156 82 / 0.22);
}

.maudimi-article-hero .wp-block-post-title {
  max-width: 12ch;
  text-wrap: balance;
}

.maudimi-comments {
  width: min(calc(100% - 2rem), 760px);
  margin: var(--wp--preset--spacing--70) auto;
  padding: var(--wp--preset--spacing--60);
  border: 1px solid rgb(91 63 42 / 0.14);
  border-radius: var(--maudimi-radius);
  background: rgb(255 250 241 / 0.78);
}

.maudimi-legal-links a {
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (max-width: 720px) {
  .maudimi-comments,
  .maudimi-post-navigation {
    padding: var(--wp--preset--spacing--50);
  }

  .maudimi-article-hero .wp-block-post-title {
    max-width: 100%;
  }
}