/* Keep SSR charts readable before enhancement and when motion is unavailable.
   These rules also replace the legacy whole-section .is-visible transitions. */
.analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-donut-seg {
    stroke-dasharray: var(--hrnt-an-len) var(--hrnt-an-rest);
    stroke-width: var(--hrnt-an-sw);
    transition: filter var(--transition), opacity var(--transition);
}
.analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-donut-seg:is(:hover, :focus-visible) {
    stroke-width: var(--hrnt-an-sw);
}
.analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-bar-fill {
    transform: scaleY(1);
    transition: opacity var(--transition), filter var(--transition);
}
.analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-hbar-fill {
    transform: scaleX(1);
    transition: opacity var(--transition), filter var(--transition);
}
.analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-line-path {
    stroke-dashoffset: 0;
    transition: none;
}
.analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-line-dot {
    opacity: 1;
    transition: transform var(--transition);
}
@media (prefers-reduced-motion: reduce) {
    .analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-donut-seg,
    .analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-bar-fill,
    .analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-hbar-fill,
    .analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-line-dot {
        transition: none;
    }
    .analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-line-dot:is(:hover, :focus-visible) {
        transform: none;
    }
}


/* The small charts remain a horizontal gallery, with an edge hint instead of a scrollbar. */
.analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-gallery {
    position: relative;
    min-width: 0;
    max-width: 100%;
}
.analytics_jurist[data-hrnt-analytics-motion] .graph_analytics {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: var(--space-after-h2);
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: normal;
    scroll-snap-type: x proximity;
    scroll-padding-inline: var(--text-md);
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.analytics_jurist[data-hrnt-analytics-motion] .graph_analytics::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
.analytics_jurist[data-hrnt-analytics-motion] .graph_analytics > .item_gpaph {
    flex: 0 0 auto;
    margin: 0;
    scroll-snap-align: start;
}
.analytics_jurist[data-hrnt-analytics-motion] .graph_analytics:focus-visible {
    outline: thin solid var(--color-primary);
    outline-offset: 0;
    box-shadow: var(--shadow-primary);
}
.analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-gallery::after {
    content: "";
    position: absolute;
    inset: 0 0 0 auto;
    width: calc(var(--h-big) * .75);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    background: linear-gradient(to right, transparent, var(--color-white));
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition);
}
.analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-gallery.has-more-charts::after {
    opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
    .analytics_jurist[data-hrnt-analytics-motion] .hrnt-an-gallery::after {
        transition: none;
    }
    .analytics_jurist[data-hrnt-analytics-motion] .graph_analytics {
        scroll-behavior: auto;
    }
}