:root {
  --ia-compact-section-space: clamp(2.5rem, 5vw, 4rem);
  --ia-compact-copy-line: 1.75;
  --ia-compact-journey-gap: 3rem;
  --ia-examples-background: var(--ia-bg);
  --ia-comparisons-background: var(--ia-panel);
  --ia-compact-deck-height: 340px;
  --ia-examples-top-space: clamp(4rem, 8vw, 6rem);
  --ia-comparison-gap: clamp(3rem, 6vw, 5rem);
}

.ia-compact .ia-content { --ia-copy-line: var(--ia-compact-copy-line); }

.ia-compact .ia-content .reprise-v3,
.ia-compact .ia-content .ia-examples,
.ia-compact .ia-content .ia-comparisons,
.ia-compact .ia-content .why-section,
.ia-compact .ia-content .learning-section {
  padding-block: var(--ia-compact-section-space);
  scroll-margin-top: 4.5rem;
}
.ia-compact .ia-content .reprise-heading { margin-bottom: 2rem; }
.ia-compact .ia-content .ia-risk-summary { margin-bottom: 1.5rem; }
.ia-compact .ia-content .ia-risk-source { margin-top: .75rem; }
.ia-compact .ia-content .reprise-explanation p { margin-bottom: 1.5rem; }
.ia-compact .ia-content .ia-examples {
  padding-top: var(--ia-examples-top-space);
  padding-bottom: calc(var(--ia-comparison-gap) / 2);
  background: var(--ia-examples-background);
}
.ia-compact .ia-content .ia-comparisons {
  padding-top: calc(var(--ia-comparison-gap) / 2);
  background: var(--ia-comparisons-background);
  border-top: 1px solid var(--ia-line);
}
.ia-compact .ia-content .rzu-deck-section { padding: 0; overflow: visible; }
.ia-compact .rzu-deck-stage { height: var(--ia-compact-deck-height); }
.ia-compact .ia-content .rzu-deck-title { margin-bottom: .75rem; }
.ia-compact .ia-content .rzu-deck-intro {
  max-width: 55ch;
  margin: .875rem auto 1.5rem;
  color: var(--ia-text);
  font-size: var(--ia-copy-size);
  line-height: var(--ia-copy-line);
  text-align: center;
}
.ia-compact .ia-content .ia-poster-comparison { margin-top: 0; }
.ia-compact .ia-content .ia-poster-comparison .ia-poster-title { margin-bottom: 2rem; }
.ia-compact .ia-content .ia-poster figcaption { margin-bottom: 1rem; }
.ia-compact .ia-content .ia-poster-note { margin-top: 1.25rem; }
.ia-compact .ia-content .reprise-example {
  margin-top: 2.5rem;
  padding-top: 2rem;
  padding-bottom: 0;
  min-height: 0;
}
.ia-compact .ia-content .reprise-example > h3 { margin: 0; }
.ia-compact .ia-content .reprise-journey {
  margin: 2rem auto 0;
  gap: var(--ia-compact-journey-gap);
}
.ia-compact .ia-content .reprise-journey li p {
  margin: 0;
  font-size: var(--ia-copy-size);
  line-height: var(--ia-copy-line);
}
.ia-compact .ia-content .journey-connector,
.ia-compact .ia-content .reprise-journey li:nth-child(2) .journey-connector {
  width: 36px;
  height: 24px;
  left: calc(100% + 6px);
  top: calc(50% - 12px);
  bottom: auto;
  transform: none;
}
.ia-compact .ia-content .why-section { border-top: 1px solid var(--ia-line); }
.ia-compact .ia-content .why-section .why-us > h2 { margin-bottom: 1.5rem; }
.ia-compact .ia-content .why-living { max-width: 76ch; }
.ia-compact .ia-content .learning-section { border-top: 0; }
.ia-compact .ia-content .learning-section .editorial-ticket {
  padding: clamp(1.75rem, 4vw, 3rem);
}
.ia-compact .ia-content .learning-section h2 { margin: 0 1.5rem 1.75rem 0; }
.ia-compact .ia-content .learning-section .ticket-content { max-width: none; }
.ia-compact .ia-content .learning-section p { max-width: 50rem; margin-bottom: 1.5rem; }
.ia-compact .ia-content .learning-section strong { color: var(--ia-yellow); }

@media (min-width: 651px) {
  .ia-compact .ia-content .reprise-journey { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  :root {
    --ia-compact-deck-height: 245px;
    --ia-compact-deck-card-width: clamp(145px, 40vw, 160px);
    --ia-compact-journey-gap: 2.75rem;
    --ia-compact-copy-line: 1.7;
  }
  .ia-compact .rzu-deck-card { width: var(--ia-compact-deck-card-width); }
  .ia-compact .ia-content .reprise-journey { grid-template-columns: minmax(0, 1fr); }
  .ia-compact .ia-content .journey-connector,
  .ia-compact .ia-content .reprise-journey li:nth-child(2) .journey-connector {
    width: 30px;
    height: 20px;
    left: calc(50% - 15px);
    top: auto;
    bottom: -32px;
    transform: rotate(90deg);
  }
}

/* Copyright (c) Rzu-Informatique. Tous droits reserves. */