/* Calm out-quart entrances inspired by the AutomatePro reveal rhythm. */
@keyframes readable-dialog-enter {
  from { opacity: 0; translate: 0 8px; }
  to { opacity: 1; translate: 0 0; }
}
@keyframes readable-menu-enter {
  from { opacity: 0; translate: 0 4px; }
  to { opacity: 1; translate: 0 0; }
}
@keyframes readable-backdrop-enter {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: no-preference) {
  html:not([data-readable-reduce-motion="true"]):not(.ae-accessibility-reduce-motion) .readable-home {
    --public-ease: cubic-bezier(.165, .84, .44, 1);
  }
  html:not([data-readable-reduce-motion="true"]):not(.ae-accessibility-reduce-motion) .readable-home :is(.public-auth, .report-demo, .collectivites-register-modal)[open] {
    animation: readable-dialog-enter 240ms var(--public-ease) both;
  }
  html:not([data-readable-reduce-motion="true"]):not(.ae-accessibility-reduce-motion) .readable-home :is(.public-auth, .report-demo, .collectivites-register-modal)[open]::backdrop {
    animation: readable-backdrop-enter 200ms ease-out both;
  }
  html:not([data-readable-reduce-motion="true"]):not(.ae-accessibility-reduce-motion) .readable-home .home-platform-menu[open] .home-platform-links {
    animation: readable-menu-enter 180ms var(--public-ease) both;
  }
  html:not([data-readable-reduce-motion="true"]):not(.ae-accessibility-reduce-motion) .readable-home :is(.home-button, .rl-nav-actions .rl-button, .landing-auth-submit) {
    transition: translate 220ms var(--public-ease), box-shadow 220ms ease, background-color 160ms ease, color 160ms ease;
  }
  html:not([data-readable-reduce-motion="true"]):not(.ae-accessibility-reduce-motion) .readable-home :is(.home-resource-card, .resource-article-grid article) {
    transition: box-shadow 250ms ease, border-color 250ms ease;
  }
  html:not([data-readable-reduce-motion="true"]):not(.ae-accessibility-reduce-motion) .readable-home .feature-text-link > svg {
    transition: translate 220ms var(--public-ease);
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not([data-readable-reduce-motion="true"]):not(.ae-accessibility-reduce-motion) .readable-home :is(.home-button, .rl-nav-actions .rl-button:not(.rl-button-ghost), .landing-auth-submit):not(:disabled):hover {
    translate: 0 -1px;
    box-shadow: 0 5px 14px #17132e16;
  }
  html:not([data-readable-reduce-motion="true"]):not(.ae-accessibility-reduce-motion) .readable-home :is(.home-resource-card, .resource-article-grid article):hover {
    border-color: #dfd2ec;
    box-shadow: 0 10px 28px #55356c0b;
  }
  html:not([data-readable-reduce-motion="true"]):not(.ae-accessibility-reduce-motion) .readable-home .feature-text-link:hover > svg { translate: 3px 0; }
}
@media print {
  .readable-home :is([data-readable-motion], .public-auth, .report-demo, .collectivites-register-modal) {
    opacity: 1 !important;
    translate: none !important;
    animation: none !important;
  }
}
/* Fixed digit width prevents the score from shifting while counting up. */
.home-gauge-value strong span { display: inline; margin: 0; color: inherit; font: inherit; }
.readable-home [data-score-progress] [data-score-number] { display: inline-block; min-width: 2ch; font-variant-numeric: tabular-nums; text-align: right; }
