/*
 * DateCle - Event Rich UI v1.5
 * Progressive enhancement: all content remains visible when JavaScript fails.
 * The entire stylesheet is scoped to .evt-shell / .evt-loader to resist legacy CSS.
 */

.evt-shell {
    --evt-bg: #f7f3ea;
    --evt-surface: rgba(255, 255, 255, 0.82);
    --evt-surface-strong: rgba(255, 255, 255, 0.96);
    --evt-ink: #121417;
    --evt-ink-soft: #3d4349;
    --evt-muted: #687078;
    --evt-line: rgba(18, 20, 23, 0.10);
    --evt-accent: #ff6b35;
    --evt-accent-2: #ffbd2e;
    --evt-accent-3: #7a3cff;
    --evt-accent-deep: #9b2d0d;
    --evt-dark: #141b24;
    --evt-good: #13a67b;
    --evt-shadow-xl: 0 42px 120px rgba(25, 28, 32, 0.18);
    --evt-shadow-lg: 0 24px 66px rgba(25, 28, 32, 0.14);
    --evt-shadow-md: 0 14px 34px rgba(25, 28, 32, 0.10);
    --evt-radius-xl: 40px;
    --evt-radius-lg: 28px;
    --evt-radius-md: 20px;
    --evt-pointer-x: 50%;
    --evt-pointer-y: 16%;
    --evt-scroll-shift: 0px;
    --evt-scroll-progress: 0;

    position: relative !important;
    isolation: isolate !important;
    display: block !important;
    width: min(1180px, calc(100% - 1.25rem)) !important;
    max-width: 1180px !important;
    margin: clamp(2rem, 6vw, 5.5rem) auto 0 !important;
    padding: clamp(1rem, 3.4vw, 3.2rem) !important;
    overflow: clip !important;
    border: 1px solid rgba(255, 255, 255, 0.88) !important;
    border-radius: var(--evt-radius-xl) !important;
    color: var(--evt-ink) !important;
    background:
        radial-gradient(circle at var(--evt-pointer-x) var(--evt-pointer-y), rgba(255, 189, 46, 0.24), transparent 24%),
        radial-gradient(circle at 88% 8%, rgba(122, 60, 255, 0.10), transparent 25%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(247, 243, 234, 0.92)) !important;
    box-shadow: var(--evt-shadow-xl) !important;
    font-family: Inter, "Avenir Next", Avenir, "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    line-height: 1.6 !important;
    perspective: 1300px !important;
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.evt-shell,
.evt-shell * {
    box-sizing: border-box !important;
}

.evt-shell::before,
.evt-shell::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    will-change: transform;
}

.evt-shell::before {
    width: clamp(22rem, 58vw, 54rem);
    aspect-ratio: 1;
    top: clamp(-31rem, -38vw, -19rem);
    right: clamp(-25rem, -24vw, -11rem);
    border-radius: 39% 61% 54% 46% / 58% 38% 62% 42%;
    background:
        conic-gradient(
            from 132deg,
            rgba(255, 107, 53, 0.32),
            rgba(255, 189, 46, 0.18),
            rgba(122, 60, 255, 0.14),
            rgba(255, 107, 53, 0.32)
        );
    filter: blur(1px) saturate(120%);
    transform:
        translate3d(0, calc(var(--evt-scroll-shift) * 0.28), 0)
        rotate(calc(var(--evt-scroll-shift) * 0.018deg));
}

.evt-shell::after {
    width: 28rem;
    height: 28rem;
    left: -16rem;
    bottom: -17rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(20, 27, 36, 0.18), transparent 69%);
    transform: translate3d(0, calc(var(--evt-scroll-shift) * -0.16), 0);
}

/* Thin reading-progress accent, driven by JavaScript. */
.evt-shell > .evt-head::before {
    content: "";
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--evt-accent), var(--evt-accent-2), var(--evt-accent-3));
    transform: scaleX(var(--evt-scroll-progress));
    transform-origin: left center;
    box-shadow: 0 0 24px rgba(255, 107, 53, 0.36);
}

.evt-head {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(1.1rem, 3vw, 2.5rem) !important;
    margin: 0 0 clamp(1.2rem, 2.8vw, 2rem) !important;
    padding: clamp(1.2rem, 3.5vw, 2.7rem) !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: calc(var(--evt-radius-xl) - 9px) !important;
    background:
        radial-gradient(circle at 92% 0, rgba(255, 189, 46, 0.18), transparent 33%),
        linear-gradient(125deg, rgba(255, 255, 255, 0.92), rgba(255, 244, 222, 0.72)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        var(--evt-shadow-lg) !important;
    transform: translate3d(0, calc(var(--evt-scroll-shift) * -0.025), 0);
}

.evt-head::after {
    content: "DATECLE / EVENT DOSSIER";
    position: absolute;
    top: 1.05rem;
    right: 1.2rem;
    color: rgba(18, 20, 23, 0.30);
    font-size: clamp(0.58rem, 0.85vw, 0.72rem);
    font-weight: 900;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.evt-head > div {
    min-width: 0 !important;
}

.evt-head h2 {
    max-width: 18ch !important;
    margin: 0 0 0.8rem !important;
    padding: 0 !important;
    color: var(--evt-ink) !important;
    background: linear-gradient(105deg, #111318 0%, #3b1b12 45%, #7a3cff 120%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-family: "Arial Black", Inter, "Avenir Next", system-ui, sans-serif !important;
    font-size: clamp(2.15rem, 5.4vw, 5rem) !important;
    font-weight: 950 !important;
    line-height: 0.96 !important;
    letter-spacing: -0.067em !important;
    text-wrap: balance;
    text-transform: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.evt-head p {
    max-width: 74ch !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--evt-ink-soft) !important;
    background: none !important;
    font-size: clamp(1.02rem, 1.55vw, 1.24rem) !important;
    font-weight: 520 !important;
    line-height: 1.72 !important;
    letter-spacing: -0.015em !important;
}

.evt-mark {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: clamp(5.1rem, 11vw, 9.4rem) !important;
    aspect-ratio: 1 !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, 0.96) !important;
    border-radius: 34% 66% 60% 40% / 44% 35% 65% 56% !important;
    background:
        radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.98), transparent 34%),
        linear-gradient(145deg, rgba(255, 189, 46, 0.84), rgba(255, 107, 53, 0.38)) !important;
    box-shadow:
        0 28px 72px rgba(155, 45, 13, 0.24),
        inset 0 1px 1px rgba(255, 255, 255, 0.98) !important;
    font-size: clamp(2.8rem, 7vw, 5.5rem) !important;
    line-height: 1 !important;
    transform:
        translate3d(0, calc(var(--evt-scroll-shift) * -0.09), 55px)
        rotate(-5deg);
    animation: evt-float 6s ease-in-out infinite;
    will-change: transform;
}

.evt-mark::after {
    content: "";
    position: absolute;
    inset: -13%;
    z-index: -1;
    border: 1px dashed rgba(255, 107, 53, 0.30);
    border-radius: inherit;
    animation: evt-orbit 15s linear infinite;
}

.evt-symbols {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.72rem !important;
    margin: 1.25rem 0 clamp(2rem, 5vw, 3.8rem) !important;
    padding: 0 !important;
}

.evt-symbols span {
    display: grid !important;
    place-items: center !important;
    width: clamp(2.9rem, 5vw, 3.65rem) !important;
    height: clamp(2.9rem, 5vw, 3.65rem) !important;
    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: 999px !important;
    color: var(--evt-ink) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(255, 244, 222, 0.82)) !important;
    box-shadow: 0 12px 30px rgba(25, 28, 32, 0.10) !important;
    font-size: clamp(1.3rem, 2.5vw, 1.75rem) !important;
    transform: translate3d(0, calc(var(--evt-symbol-offset, 0px) + var(--evt-scroll-shift) * -0.018), 0);
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease !important;
}

.evt-symbols span:nth-child(even) { --evt-symbol-offset: 7px; }
.evt-symbols span:nth-child(3n) { --evt-symbol-offset: -4px; }
.evt-symbols span:hover {
    transform: translate3d(0, -9px, 28px) rotate(8deg) scale(1.09) !important;
    box-shadow: 0 22px 46px rgba(122, 60, 255, 0.16) !important;
}

.evt-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(1rem, 2.3vw, 1.55rem) !important;
    margin: 1.5rem 0 clamp(3rem, 7vw, 5.2rem) !important;
    padding: 0 !important;
    perspective: 1100px !important;
}

.evt-card {
    --evt-tilt-x: 0deg;
    --evt-tilt-y: 0deg;
    --evt-card-glow-x: 50%;
    --evt-card-glow-y: 20%;
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: clamp(1.25rem, 2.3vw, 1.8rem) !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.94) !important;
    border-radius: var(--evt-radius-lg) !important;
    color: var(--evt-ink) !important;
    background:
        radial-gradient(circle at var(--evt-card-glow-x) var(--evt-card-glow-y), rgba(255, 189, 46, 0.22), transparent 31%),
        linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(247, 243, 234, 0.82)) !important;
    box-shadow: var(--evt-shadow-md) !important;
    transform:
        perspective(950px)
        rotateX(var(--evt-tilt-x))
        rotateY(var(--evt-tilt-y))
        translateZ(0);
    transform-style: preserve-3d !important;
    transition:
        transform 0.24s ease-out,
        box-shadow 0.42s ease,
        border-color 0.42s ease !important;
    will-change: transform;
}

.evt-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(112deg, transparent 18%, rgba(255, 255, 255, 0.72) 42%, transparent 63%);
    transform: translateX(-145%);
    transition: transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);
}

.evt-card::after {
    content: "";
    position: absolute;
    width: 10rem;
    height: 10rem;
    right: -4.7rem;
    bottom: -5rem;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, rgba(122, 60, 255, 0.13), transparent 69%);
}

.evt-card:hover {
    border-color: rgba(255, 107, 53, 0.34) !important;
    box-shadow: 0 34px 76px rgba(25, 28, 32, 0.18) !important;
}

.evt-card:hover::before { transform: translateX(150%); }

.evt-card-mark {
    position: relative !important;
    z-index: 2 !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 3.65rem !important;
    height: 3.65rem !important;
    margin: 0 0 1rem !important;
    border: 1px solid rgba(255, 255, 255, 0.94) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, rgba(255, 244, 222, 0.98), #fff) !important;
    box-shadow: 0 14px 32px rgba(155, 45, 13, 0.13) !important;
    font-size: 1.85rem !important;
    line-height: 1 !important;
    transform: translateZ(34px);
}

.evt-card h3 {
    position: relative !important;
    z-index: 2 !important;
    margin: 0 0 0.72rem !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--evt-ink) !important;
    background: none !important;
    box-shadow: none !important;
    font-family: Inter, "Avenir Next", system-ui, sans-serif !important;
    font-size: clamp(1.12rem, 1.8vw, 1.36rem) !important;
    font-weight: 900 !important;
    line-height: 1.22 !important;
    letter-spacing: -0.035em !important;
    transform: translateZ(25px);
}

.evt-card p {
    position: relative !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--evt-ink-soft) !important;
    background: none !important;
    font-size: 1rem !important;
    font-weight: 480 !important;
    line-height: 1.7 !important;
    transform: translateZ(15px);
}

.evt-body {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 92ch !important;
    margin: 0 auto !important;
    padding: 0 clamp(0rem, 2vw, 1.25rem) !important;
    color: var(--evt-ink) !important;
    counter-reset: evt-section;
}

.evt-body::before {
    content: "";
    position: absolute;
    top: 1.4rem;
    bottom: 1.4rem;
    left: -0.5rem;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg, transparent, rgba(255, 107, 53, 0.45), rgba(122, 60, 255, 0.25), transparent);
}

.evt-body h3 {
    counter-increment: evt-section;
    position: relative !important;
    margin: clamp(3rem, 7vw, 5.5rem) 0 1.15rem !important;
    padding: 0 0 0.75rem !important;
    border: 0 !important;
    color: var(--evt-ink) !important;
    background: none !important;
    box-shadow: none !important;
    font-family: "Arial Black", Inter, "Avenir Next", system-ui, sans-serif !important;
    font-size: clamp(1.65rem, 3.8vw, 3rem) !important;
    font-weight: 950 !important;
    line-height: 1.03 !important;
    letter-spacing: -0.058em !important;
    text-wrap: balance;
}

.evt-body h3::before {
    content: counter(evt-section, decimal-leading-zero);
    display: inline-block;
    margin-right: 0.7rem;
    color: var(--evt-accent) !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: 0.48em !important;
    font-weight: 950 !important;
    letter-spacing: 0.08em !important;
    vertical-align: top;
    transform: translateY(0.22em);
}

.evt-body h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: min(10rem, 34%);
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--evt-accent), var(--evt-accent-2), transparent);
}

.evt-body h4,
.evt-panel h4,
.evt-note h4,
.evt-checklist h4 {
    margin: 1.75rem 0 0.72rem !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--evt-dark) !important;
    background: none !important;
    box-shadow: none !important;
    font-size: clamp(1.08rem, 1.7vw, 1.3rem) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.025em !important;
}

.evt-body p,
.evt-body li,
.evt-panel p,
.evt-panel li,
.evt-note p,
.evt-note li,
.evt-checklist p,
.evt-checklist li,
.evt-quote p {
    color: var(--evt-ink) !important;
    background: none !important;
    font-family: Inter, "Avenir Next", system-ui, sans-serif !important;
    font-size: clamp(1rem, 1.25vw, 1.09rem) !important;
    font-weight: 450 !important;
    line-height: 1.84 !important;
    letter-spacing: -0.006em !important;
}

.evt-body p { margin: 0 0 1.2rem !important; padding: 0 !important; }

.evt-body strong,
.evt-panel strong,
.evt-note strong,
.evt-checklist strong,
.evt-quote strong {
    color: var(--evt-dark) !important;
    font-weight: 850 !important;
}

.evt-body ul,
.evt-body ol,
.evt-checklist ul,
.evt-checklist ol,
.evt-timeline {
    margin: 1.1rem 0 1.65rem !important;
    padding-left: 1.55rem !important;
}

.evt-body li,
.evt-checklist li {
    margin: 0.52rem 0 !important;
    padding-left: 0.18rem !important;
}

.evt-body li::marker,
.evt-checklist li::marker {
    color: var(--evt-accent) !important;
    font-weight: 900 !important;
}

.evt-body a,
.evt-panel a,
.evt-note a,
.evt-checklist a,
.evt-quote a {
    color: var(--evt-accent-deep) !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    background-image: linear-gradient(var(--evt-accent-2), var(--evt-accent-2)) !important;
    background-repeat: no-repeat !important;
    background-position: 0 96% !important;
    background-size: 100% 0.14em !important;
    transition: color 0.25s ease, background-size 0.28s ease !important;
}

.evt-body a:hover,
.evt-panel a:hover,
.evt-note a:hover,
.evt-checklist a:hover,
.evt-quote a:hover {
    color: var(--evt-dark) !important;
    background-size: 100% 0.42em !important;
}

.evt-panel,
.evt-quote,
.evt-checklist,
.evt-timeline,
.evt-note {
    position: relative !important;
    display: block !important;
    margin: clamp(1.8rem, 4vw, 2.8rem) 0 !important;
    padding: clamp(1.25rem, 3vw, 2rem) !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.94) !important;
    border-radius: var(--evt-radius-lg) !important;
    color: var(--evt-ink) !important;
    background:
        radial-gradient(circle at 95% 5%, rgba(255, 189, 46, 0.13), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(247, 243, 234, 0.78)) !important;
    box-shadow: var(--evt-shadow-md) !important;
}

.evt-panel::before,
.evt-note::before,
.evt-checklist::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: linear-gradient(180deg, var(--evt-accent), var(--evt-accent-2), var(--evt-accent-3));
}

.evt-panel--soft {
    background: linear-gradient(135deg, rgba(255, 244, 222, 0.92), rgba(255, 255, 255, 0.94)) !important;
}

.evt-panel--accent {
    background:
        radial-gradient(circle at 92% 0, rgba(122, 60, 255, 0.11), transparent 34%),
        linear-gradient(115deg, rgba(255, 189, 46, 0.18), rgba(255, 255, 255, 0.96) 52%, rgba(255, 107, 53, 0.08)) !important;
}

.evt-panel--wide {
    margin-left: clamp(-2.4rem, -3vw, -1rem) !important;
    margin-right: clamp(-2.4rem, -3vw, -1rem) !important;
}

.evt-quote {
    border-left: 7px solid var(--evt-accent-deep) !important;
    font-size: 1.08rem !important;
}

.evt-quote::after {
    content: "“";
    position: absolute;
    right: 1rem;
    bottom: -2.5rem;
    color: rgba(255, 107, 53, 0.13);
    font-family: Georgia, serif;
    font-size: 10rem;
    line-height: 1;
}

.evt-quote p:last-child,
.evt-panel p:last-child,
.evt-note p:last-child { margin-bottom: 0 !important; }

.evt-columns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.3rem !important;
    margin: 1.5rem 0 !important;
}

.evt-column { min-width: 0 !important; }

.evt-timeline {
    list-style: none !important;
    padding-left: 0 !important;
}

.evt-timeline-item {
    position: relative !important;
    margin: 0 !important;
    padding: 0 0 1.4rem 2.25rem !important;
}

.evt-timeline-item::before {
    content: "";
    position: absolute;
    left: 0.39rem;
    top: 1.15rem;
    bottom: -0.2rem;
    width: 2px;
    background: linear-gradient(var(--evt-accent-2), rgba(122, 60, 255, 0.16));
}

.evt-timeline-item:last-child { padding-bottom: 0 !important; }
.evt-timeline-item:last-child::before { display: none; }

.evt-timeline-mark {
    position: absolute !important;
    z-index: 2 !important;
    top: 0.48rem !important;
    left: 0 !important;
    width: 0.82rem !important;
    height: 0.82rem !important;
    border: 3px solid #fff !important;
    border-radius: 50% !important;
    background: var(--evt-accent) !important;
    box-shadow: 0 0 0 6px rgba(255, 107, 53, 0.14) !important;
}

.evt-meter-group,
.evt-table-section,
.evt-faq {
    position: relative !important;
    margin: clamp(3.8rem, 9vw, 7rem) 0 0 !important;
    padding: 0 !important;
}

.evt-meter-group > h3,
.evt-table-section > h3,
.evt-faq > h3 {
    max-width: 21ch !important;
    margin: 0 0 clamp(1.5rem, 3vw, 2.2rem) !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--evt-ink) !important;
    background: none !important;
    box-shadow: none !important;
    font-family: "Arial Black", Inter, "Avenir Next", system-ui, sans-serif !important;
    font-size: clamp(1.8rem, 4.5vw, 3.4rem) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.06em !important;
    text-wrap: balance;
}

.evt-meter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(1rem, 2.5vw, 1.5rem) !important;
}

.evt-meter {
    --evt-ratio: 1;
    --evt-meter-delay: 0ms;
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: clamp(1.25rem, 2.5vw, 1.75rem) !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.95) !important;
    border-radius: var(--evt-radius-lg) !important;
    color: var(--evt-ink) !important;
    background:
        radial-gradient(circle at 95% 0, rgba(122, 60, 255, 0.11), transparent 35%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 243, 234, 0.80)) !important;
    box-shadow: var(--evt-shadow-md) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

.evt-meter:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 26px 58px rgba(25, 28, 32, 0.15) !important;
}

.evt-meter::after {
    content: "";
    position: absolute;
    width: 10rem;
    height: 10rem;
    top: -5.5rem;
    left: -4rem;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, rgba(255, 189, 46, 0.22), transparent 69%);
}

.evt-meter-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin: 0 0 1rem !important;
    color: var(--evt-ink) !important;
}

.evt-meter-head > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    min-width: 0 !important;
    color: var(--evt-ink) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

.evt-meter-head strong {
    flex: 0 0 auto !important;
    min-width: 3.7rem !important;
    margin: 0 !important;
    padding: 0.42rem 0.72rem !important;
    border: 1px solid rgba(155, 45, 13, 0.10) !important;
    border-radius: 999px !important;
    color: var(--evt-accent-deep) !important;
    background: rgba(255, 255, 255, 0.86) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.70) !important;
    font-size: 0.95rem !important;
    font-weight: 950 !important;
    text-align: center !important;
}

.evt-meter-track {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    height: 1.08rem !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(18, 20, 23, 0.06) !important;
    border-radius: 999px !important;
    background: rgba(20, 27, 36, 0.09) !important;
    box-shadow: inset 0 3px 8px rgba(25, 28, 32, 0.11) !important;
}

.evt-meter-fill {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    background:
        linear-gradient(90deg, var(--evt-accent), var(--evt-accent-2) 55%, var(--evt-accent-3)) !important;
    box-shadow: 0 0 24px rgba(255, 107, 53, 0.25) !important;
    transform: scaleX(var(--evt-ratio)) !important;
    transform-origin: left center !important;
}

.evt-meter-fill::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 10%, rgba(255, 255, 255, 0.72) 45%, transparent 72%);
    transform: translateX(-125%);
}

.evt-meter.evt-meter-active .evt-meter-fill::after {
    animation: evt-meter-shine 1.35s 0.3s ease-out forwards;
}

.evt-meter-note {
    position: relative !important;
    z-index: 2 !important;
    margin: 0.95rem 0 0 !important;
    padding: 0 !important;
    color: var(--evt-muted) !important;
    background: none !important;
    font-size: 0.98rem !important;
    line-height: 1.68 !important;
}

.evt-table-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    border: 1px solid rgba(255, 255, 255, 0.94) !important;
    border-radius: var(--evt-radius-lg) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: var(--evt-shadow-lg) !important;
    -webkit-overflow-scrolling: touch;
}

.evt-table {
    width: 100% !important;
    min-width: 700px !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.evt-table caption {
    padding: 1.2rem 1.35rem !important;
    color: var(--evt-muted) !important;
    background: linear-gradient(90deg, rgba(255, 244, 222, 0.82), transparent) !important;
    font-size: 0.96rem !important;
    font-weight: 570 !important;
    line-height: 1.58 !important;
    text-align: left !important;
}

.evt-table th,
.evt-table td {
    padding: 1.08rem 1.15rem !important;
    border: 0 !important;
    border-top: 1px solid var(--evt-line) !important;
    color: var(--evt-ink) !important;
    background: transparent !important;
    font-size: 0.98rem !important;
    line-height: 1.62 !important;
    text-align: left !important;
    vertical-align: top !important;
}

.evt-table thead th {
    position: sticky !important;
    z-index: 2 !important;
    top: 0 !important;
    border-top: 0 !important;
    color: var(--evt-dark) !important;
    background: linear-gradient(135deg, #fff1d4, #fffaf0) !important;
    font-weight: 900 !important;
}

.evt-table tbody th { font-weight: 900 !important; }
.evt-table tbody tr { transition: background 0.28s ease !important; }
.evt-table tbody tr:hover { background: rgba(255, 189, 46, 0.10) !important; }

.evt-faq-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.95rem !important;
    margin: 0 !important;
    padding: 0 !important;
}

.evt-faq-item {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.94) !important;
    border-radius: 22px !important;
    color: var(--evt-ink) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 243, 234, 0.82)) !important;
    box-shadow: 0 14px 34px rgba(25, 28, 32, 0.09) !important;
    transition:
        transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}

.evt-faq-item:hover,
.evt-faq-item[open] {
    transform: translateY(-3px) !important;
    border-color: rgba(255, 107, 53, 0.28) !important;
    box-shadow: 0 24px 54px rgba(25, 28, 32, 0.14) !important;
}

.evt-faq-question {
    position: relative !important;
    display: block !important;
    min-height: 3.7rem !important;
    margin: 0 !important;
    padding: 1.2rem 3.7rem 1.2rem 1.25rem !important;
    list-style: none !important;
    cursor: pointer !important;
    color: var(--evt-ink) !important;
    background: transparent !important;
    font-size: clamp(1rem, 1.45vw, 1.12rem) !important;
    font-weight: 880 !important;
    line-height: 1.45 !important;
}

.evt-faq-question::-webkit-details-marker { display: none !important; }

.evt-faq-question::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 1rem;
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid rgba(255, 255, 255, 0.92);
    border-radius: 50%;
    color: var(--evt-accent-deep);
    background: linear-gradient(145deg, rgba(255, 244, 222, 0.98), #fff);
    box-shadow: 0 9px 20px rgba(155, 45, 13, 0.12);
    font-size: 1.3rem;
    font-weight: 800;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.evt-faq-item[open] .evt-faq-question::after {
    content: "−";
    transform: translateY(-50%) rotate(180deg);
}

.evt-faq-answer {
    padding: 0 1.25rem 1.3rem !important;
    animation: evt-faq-in 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.evt-faq-answer p {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--evt-ink-soft) !important;
    background: none !important;
    font-size: 1rem !important;
    line-height: 1.78 !important;
}

.evt-loader {
    --evt-ink: #121417;
    --evt-muted: #687078;
    --evt-accent: #ff6b35;
    --evt-accent-2: #ffbd2e;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    width: min(980px, calc(100% - 1.25rem)) !important;
    max-width: 980px !important;
    margin: 2.3rem auto 0 !important;
    padding: 1.25rem 1.45rem !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 107, 53, 0.28) !important;
    border-radius: 22px !important;
    color: var(--evt-ink) !important;
    background: linear-gradient(120deg, #fff7e9, #fff) !important;
    box-shadow: 0 18px 48px rgba(25, 28, 32, 0.11) !important;
    font-family: Inter, "Avenir Next", system-ui, sans-serif !important;
}

.evt-loader::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, 0.8) 45%, transparent 68%);
    transform: translateX(-140%);
    animation: evt-loader-sweep 2.4s ease-in-out infinite;
}

.evt-loader-mark {
    position: relative !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
    display: grid !important;
    place-items: center !important;
    width: 3.4rem !important;
    height: 3.4rem !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(155, 45, 13, 0.13) !important;
    font-size: 1.65rem !important;
    animation: evt-pulse 1.55s ease-in-out infinite;
}

.evt-loader > div { position: relative !important; z-index: 2 !important; min-width: 0 !important; }
.evt-loader strong { display: block !important; margin: 0 0 0.25rem !important; color: var(--evt-ink) !important; font-weight: 900 !important; }
.evt-loader p { margin: 0 !important; color: var(--evt-muted) !important; background: none !important; line-height: 1.55 !important; }

/*
 * Progressive enhancement.
 * Nothing is hidden until the individual root is fully initialized.
 * A JavaScript exception can therefore never blank the article.
 */
.evt-shell.evt-enhanced .evt-reveal {
    opacity: 0;
    filter: blur(7px);
    transform: translate3d(0, 46px, 0) scale(0.982);
    transition:
        opacity 0.78s ease,
        transform 0.95s cubic-bezier(0.16, 1, 0.3, 1),
        filter 0.78s ease;
    transition-delay: var(--evt-reveal-delay, 0ms);
}

.evt-shell.evt-enhanced .evt-reveal.evt-reveal-visible {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
}

.evt-shell.evt-enhanced .evt-card-grid .evt-card {
    opacity: 0;
    transform:
        perspective(950px)
        rotateX(var(--evt-tilt-x))
        rotateY(var(--evt-tilt-y))
        translate3d(0, 30px, 0);
}

.evt-shell.evt-enhanced .evt-card-grid.evt-cards-visible .evt-card {
    opacity: 1;
    transform:
        perspective(950px)
        rotateX(var(--evt-tilt-x))
        rotateY(var(--evt-tilt-y))
        translate3d(0, 0, 0);
    transition:
        opacity 0.72s ease var(--evt-card-delay, 0ms),
        transform 0.9s cubic-bezier(0.16, 1, 0.3, 1) var(--evt-card-delay, 0ms),
        box-shadow 0.42s ease,
        border-color 0.42s ease !important;
}

.evt-shell.evt-enhanced .evt-meter-fill {
    transform: scaleX(0) !important;
    transition: transform 1.6s cubic-bezier(0.16, 1, 0.3, 1) var(--evt-meter-delay, 0ms) !important;
}

.evt-shell.evt-enhanced .evt-meter.evt-meter-active .evt-meter-fill {
    transform: scaleX(var(--evt-ratio)) !important;
}

@keyframes evt-float {
    0%, 100% {
        transform: translate3d(0, calc(var(--evt-scroll-shift) * -0.09), 55px) rotate(-5deg);
    }
    50% {
        transform: translate3d(0, calc(-10px + var(--evt-scroll-shift) * -0.09), 55px) rotate(4deg);
    }
}

@keyframes evt-orbit { to { transform: rotate(360deg); } }
@keyframes evt-meter-shine { to { transform: translateX(135%); } }
@keyframes evt-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.10); } }
@keyframes evt-loader-sweep { 0%, 35% { transform: translateX(-140%); } 75%, 100% { transform: translateX(145%); } }
@keyframes evt-faq-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 940px) {
    .evt-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .evt-meter-grid { grid-template-columns: 1fr !important; }
    .evt-body::before { display: none !important; }
}

@media (max-width: 680px) {
    .evt-shell {
        width: calc(100% - 0.75rem) !important;
        margin-top: 1.5rem !important;
        padding: 0.75rem !important;
        border-radius: 25px !important;
        overflow: hidden !important;
    }

    .evt-head {
        grid-template-columns: 1fr !important;
        align-items: start !important;
        padding: 1.2rem !important;
        border-radius: 21px !important;
    }

    .evt-head::after { display: none !important; }
    .evt-head h2 { max-width: none !important; font-size: clamp(2rem, 11vw, 3.3rem) !important; }
    .evt-mark { width: 5rem !important; }
    .evt-card-grid,
    .evt-columns { grid-template-columns: 1fr !important; }
    .evt-card { padding: 1.2rem !important; }
    .evt-panel--wide { margin-left: 0 !important; margin-right: 0 !important; }
    .evt-symbols { justify-content: flex-start !important; }
    .evt-table { min-width: 640px !important; }
    .evt-body h3 { font-size: clamp(1.55rem, 9vw, 2.35rem) !important; }
    .evt-meter-group > h3,
    .evt-table-section > h3,
    .evt-faq > h3 { font-size: clamp(1.7rem, 10vw, 2.65rem) !important; }
}

@media (hover: none) {
    .evt-card { transform: none !important; }
    .evt-symbols span:hover { transform: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .evt-shell::before,
    .evt-shell::after,
    .evt-mark,
    .evt-mark::after,
    .evt-card,
    .evt-symbols span,
    .evt-faq-item,
    .evt-loader::after,
    .evt-loader-mark,
    .evt-meter-fill,
    .evt-meter-fill::after,
    .evt-reveal {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        filter: none !important;
    }

    .evt-shell.evt-enhanced .evt-reveal,
    .evt-shell.evt-enhanced .evt-card-grid .evt-card {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }

    .evt-shell.evt-enhanced .evt-meter-fill {
        transform: scaleX(var(--evt-ratio)) !important;
    }
}


/* DateCle v1.6 - data layer, breadcrumb and deterministic semantic links */
.evt-breadcrumb {
    width: min(1180px, calc(100% - 1.25rem)) !important;
    margin: 0 auto 1rem !important;
    padding: .72rem 1rem !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.84) !important;
    box-shadow: 0 12px 34px rgba(20,27,36,.09) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}
.evt-breadcrumb ol {display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.45rem!important;margin:0!important;padding:0!important;list-style:none!important}
.evt-breadcrumb li {display:flex!important;align-items:center!important;gap:.45rem!important;margin:0!important;padding:0!important;color:#5d6670!important;font-size:.8rem!important;font-weight:750!important;letter-spacing:.02em!important;list-style:none!important}
.evt-breadcrumb li:not(:last-child)::after {content:"/";opacity:.34}
.evt-breadcrumb a {color:#262c33!important;text-decoration:none!important;border:0!important}
.evt-breadcrumb a:hover {color:#9b2d0d!important}

.evt-data-board {
    position:relative!important;
    margin:clamp(1.4rem,3vw,2.6rem) 0!important;
    padding:clamp(1.15rem,3vw,2.4rem)!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.84)!important;
    border-radius:30px!important;
    color:#fff!important;
    background:
        radial-gradient(circle at 94% 0,rgba(255,189,46,.24),transparent 28%),
        radial-gradient(circle at 0 100%,rgba(122,60,255,.25),transparent 32%),
        linear-gradient(135deg,#111923 0%,#202837 48%,#151923 100%)!important;
    box-shadow:0 30px 80px rgba(17,25,35,.28)!important;
}
.evt-data-board::after {content:"";position:absolute;inset:-60% -15% auto 55%;height:24rem;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:evt-data-sheen 9s ease-in-out infinite;pointer-events:none}
.evt-data-heading {position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:.4rem!important;margin-bottom:1.35rem!important;text-align:left!important}
.evt-data-kicker {display:inline-flex!important;width:max-content!important;padding:.35rem .7rem!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:999px!important;color:#ffd772!important;background:rgba(255,255,255,.07)!important;font-size:.67rem!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.evt-data-board h3 {margin:.2rem 0!important;padding:0!important;color:#fff!important;background:none!important;border:0!important;text-align:left!important;font-size:clamp(1.55rem,3.2vw,2.65rem)!important;font-weight:900!important;line-height:1.05!important;letter-spacing:-.045em!important}
.evt-data-board p {margin:0!important;color:rgba(255,255,255,.74)!important;font-size:.98rem!important;line-height:1.62!important}
.evt-date-grid {position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:.8rem!important;margin:0 0 1rem!important}
.evt-date-card {display:grid!important;gap:.55rem!important;align-content:start!important;min-height:150px!important;padding:1rem!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important;box-shadow:inset 0 1px rgba(255,255,255,.14),0 16px 35px rgba(0,0,0,.16)!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,background .35s ease!important}
.evt-date-card:hover {transform:translateY(-5px)!important;border-color:rgba(255,189,46,.55)!important;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06))!important}
.evt-date-year {color:#ffcf5c!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.18em!important}
.evt-date-card time {color:#fff!important;font-size:1.05rem!important;font-weight:850!important;line-height:1.28!important}
.evt-date-status {display:inline-flex!important;width:max-content!important;padding:.3rem .62rem!important;border-radius:999px!important;font-size:.68rem!important;font-weight:900!important;letter-spacing:.04em!important}
.evt-date-status.is-confirmed {color:#a6ffe4!important;background:rgba(19,166,123,.18)!important;border:1px solid rgba(19,166,123,.35)!important}
.evt-date-status.is-pending {color:#ffe19a!important;background:rgba(255,189,46,.16)!important;border:1px solid rgba(255,189,46,.32)!important}
.evt-date-status.is-cancelled {color:#ffc1c1!important;background:rgba(220,65,65,.17)!important;border:1px solid rgba(220,65,65,.34)!important}
.evt-date-status.is-listed {color:#d7ddff!important;background:rgba(122,60,255,.16)!important;border:1px solid rgba(122,60,255,.3)!important}
.evt-data-meta {position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.8rem!important;margin-top:.8rem!important}
.evt-data-meta>div {padding:1rem!important;border-left:3px solid rgba(255,189,46,.72)!important;border-radius:0 18px 18px 0!important;background:rgba(255,255,255,.055)!important}
.evt-data-meta strong {display:block!important;margin-bottom:.28rem!important;color:#fff!important;font-weight:850!important}
.evt-data-actions {position:relative;z-index:1;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.75rem!important;margin-top:1.15rem!important}
.evt-data-button,.evt-data-link {display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:.7rem 1rem!important;border-radius:999px!important;font-size:.82rem!important;font-weight:900!important;text-decoration:none!important;border:0!important;transition:transform .25s ease,box-shadow .25s ease!important}
.evt-data-button {color:#16191f!important;background:linear-gradient(90deg,#ffbd2e,#ff7a3d)!important;box-shadow:0 12px 30px rgba(255,107,53,.28)!important}
.evt-data-link {color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)!important;background:rgba(255,255,255,.06)!important}
.evt-data-button:hover,.evt-data-link:hover {transform:translateY(-2px)!important}

.evt-related-list {display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:.75rem!important;margin:1rem 0 0!important;padding:0!important;list-style:none!important}
.evt-related-list li {margin:0!important;padding:0!important;list-style:none!important}
.evt-related-list a {display:flex!important;flex-direction:column!important;gap:.3rem!important;min-height:100%!important;padding:1rem!important;border:1px solid rgba(20,27,36,.09)!important;border-radius:18px!important;color:#171b20!important;background:linear-gradient(145deg,#fff,#f7f3ea)!important;text-decoration:none!important;box-shadow:0 10px 26px rgba(20,27,36,.08)!important;transition:transform .25s ease,box-shadow .25s ease!important}
.evt-related-list a:hover {transform:translateY(-4px)!important;box-shadow:0 18px 38px rgba(20,27,36,.14)!important}
.evt-related-list strong {color:#171b20!important;font-weight:900!important;line-height:1.2!important}
.evt-related-list span {color:#687078!important;font-size:.75rem!important;font-weight:700!important}

@keyframes evt-data-sheen {0%,20%{transform:translateX(-80%) rotate(18deg);opacity:0}45%{opacity:1}70%,100%{transform:translateX(120%) rotate(18deg);opacity:0}}
@media (max-width:720px){.evt-data-meta{grid-template-columns:1fr!important}.evt-data-actions{align-items:stretch!important}.evt-data-button,.evt-data-link{width:100%!important}.evt-breadcrumb{border-radius:20px!important}}
@media (prefers-reduced-motion:reduce){.evt-data-board::after{animation:none!important}.evt-date-card,.evt-data-button,.evt-data-link{transition:none!important}}

/* DateCle Event Rich UI v1.7.1: YouTube cache, GPT Image 2 and animated emoji river */
.evt-shell {
    --evt-river-opacity: .095;
}

.evt-emoji-river {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    contain: paint !important;
}

.evt-emoji-river span {
    --evt-row: calc(var(--evt-emoji-i) % 6);
    position: absolute !important;
    left: calc(-14% + (var(--evt-emoji-i) % 4) * 31%) !important;
    top: calc(4% + var(--evt-row) * 17%) !important;
    display: block !important;
    color: transparent !important;
    font-size: clamp(3.4rem, 7vw, 7.6rem) !important;
    line-height: 1 !important;
    opacity: var(--evt-river-opacity) !important;
    filter: saturate(1.18) blur(.15px) !important;
    transform: translate3d(-12vw, 0, 0) rotate(-10deg) !important;
    animation: evt-emoji-river 20s linear infinite !important;
    animation-delay: var(--evt-emoji-delay) !important;
    text-shadow: 0 0 0 rgba(255, 107, 53, .75) !important;
    will-change: transform !important;
}

.evt-shell > :not(.evt-emoji-river) {
    position: relative !important;
    z-index: 1 !important;
}

@keyframes evt-emoji-river {
    0% {
        transform: translate3d(-18vw, 14px, 0) rotate(-14deg) scale(.86);
    }
    50% {
        transform: translate3d(48vw, -14px, 0) rotate(8deg) scale(1.04);
    }
    100% {
        transform: translate3d(112vw, 10px, 0) rotate(22deg) scale(.92);
    }
}

.evt-review-note {
    position: relative !important;
    z-index: 1 !important;
    margin: 1rem 0 0 !important;
    padding: .85rem 1rem !important;
    border: 1px solid rgba(255, 255, 255, .15) !important;
    border-radius: 18px !important;
    color: rgba(255, 255, 255, .78) !important;
    background: rgba(255, 255, 255, .055) !important;
    font-size: .83rem !important;
    line-height: 1.55 !important;
}

.evt-companion-copy,
.evt-media-card,
.evt-media-suite,
.evt-media-loader {
    position: relative !important;
    z-index: 1 !important;
    margin: clamp(1.15rem, 3vw, 2rem) 0 0 !important;
}

.evt-jokes {
    overflow: hidden !important;
}

.evt-jokes::after {
    content: "😄" !important;
    position: absolute !important;
    right: -1rem !important;
    bottom: -2.1rem !important;
    font-size: 7rem !important;
    opacity: .09 !important;
    transform: rotate(-12deg) !important;
}

.evt-jokes-list {
    position: relative !important;
    z-index: 1 !important;
    margin: .5rem 0 0 !important;
    padding-left: 1.4rem !important;
}

.evt-jokes-list li {
    margin: .45rem 0 !important;
    color: var(--evt-ink-soft) !important;
    font-weight: 670 !important;
    line-height: 1.65 !important;
}

.evt-world-compare .evt-columns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

.evt-world-column {
    margin: 0 !important;
    padding: 1.15rem !important;
    border: 1px solid rgba(18, 20, 23, .08) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(247, 243, 234, .88)) !important;
    box-shadow: 0 16px 38px rgba(20, 27, 36, .08) !important;
}

.evt-world-column h4 {
    margin: 0 0 .75rem !important;
    color: var(--evt-ink) !important;
    font-size: clamp(1.05rem, 2vw, 1.3rem) !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    letter-spacing: -.03em !important;
}

.evt-world-column ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.evt-world-column li {
    position: relative !important;
    margin: .55rem 0 !important;
    padding-left: 1.2rem !important;
    color: var(--evt-ink-soft) !important;
    line-height: 1.62 !important;
}

.evt-world-column li::before {
    content: "•" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: var(--evt-accent) !important;
    font-weight: 950 !important;
}

.evt-deeper {
    margin-top: 1.1rem !important;
    padding: clamp(1rem, 2.5vw, 1.5rem) !important;
    border-radius: 28px !important;
    background: linear-gradient(135deg, #151d29, #242b39 55%, #3b254f) !important;
    box-shadow: 0 28px 70px rgba(20, 27, 36, .2) !important;
}

.evt-deeper > h3 {
    margin: 0 0 1rem !important;
    padding: 0 !important;
    color: #fff !important;
    background: none !important;
    border: 0 !important;
    text-align: left !important;
    font-size: clamp(1.45rem, 2.9vw, 2.15rem) !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
}

.evt-deeper-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .85rem !important;
}

.evt-deeper-card {
    display: grid !important;
    gap: .55rem !important;
    align-content: start !important;
    padding: 1rem !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .065) !important;
    transition: transform .3s ease, background .3s ease, border-color .3s ease !important;
}

.evt-deeper-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(255, 189, 46, .5) !important;
    background: rgba(255, 255, 255, .11) !important;
}

.evt-deeper-card h4,
.evt-deeper-card p {
    margin: 0 !important;
}

.evt-deeper-card h4 {
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.26 !important;
}

.evt-deeper-card h4 a {
    color: #fff !important;
    border: 0 !important;
    text-decoration: none !important;
}

.evt-deeper-card p {
    color: rgba(255, 255, 255, .7) !important;
    font-size: .88rem !important;
    line-height: 1.58 !important;
}

.evt-media-card,
.evt-media-suite {
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .85) !important;
    border-radius: 30px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(247, 243, 234, .89)) !important;
    box-shadow: var(--evt-shadow-lg) !important;
}

.evt-media-card--video {
    padding: clamp(1rem, 2.8vw, 1.55rem) !important;
    background:
        radial-gradient(circle at 92% 0, rgba(255, 82, 82, .22), transparent 30%),
        linear-gradient(135deg, #121923, #252c3b 58%, #171b25) !important;
}

.evt-media-card-head,
.evt-coloring-heading {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin-bottom: 1rem !important;
}

.evt-media-card-head h3,
.evt-coloring-heading h3 {
    margin: .3rem 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    text-align: left !important;
    font-size: clamp(1.35rem, 2.8vw, 2rem) !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
}

.evt-media-card-head h3 {
    color: #fff !important;
}

.evt-media-eyebrow {
    display: inline-flex !important;
    width: max-content !important;
    padding: .3rem .7rem !important;
    border-radius: 999px !important;
    color: #ffcf5c !important;
    background: rgba(255, 255, 255, .09) !important;
    font-size: .65rem !important;
    font-weight: 950 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
}

.evt-media-badge {
    display: grid !important;
    place-items: center !important;
    min-width: 52px !important;
    min-height: 38px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: rgba(255, 255, 255, .06) !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
}

.evt-youtube-player {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 24px !important;
    background: #000 !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .28) !important;
}

.evt-youtube-iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

.evt-media-meta {
    margin: .85rem 0 0 !important;
    color: rgba(255, 255, 255, .69) !important;
    font-size: .79rem !important;
    line-height: 1.5 !important;
}

.evt-media-suite {
    display: grid !important;
    gap: 1rem !important;
    padding: clamp(1rem, 2.7vw, 1.55rem) !important;
}

.evt-editorial-figure {
    margin: 0 !important;
}

.evt-editorial-figure img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 24px !important;
    background: #e9e9e9 !important;
    box-shadow: 0 22px 58px rgba(20, 27, 36, .16) !important;
}

.evt-editorial-figure figcaption {
    margin-top: .72rem !important;
    color: var(--evt-muted) !important;
    font-size: .78rem !important;
    line-height: 1.55 !important;
}

.evt-coloring-section {
    padding: clamp(1rem, 2.5vw, 1.4rem) !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, #f7f1e7, #fff) !important;
    border: 1px solid rgba(18, 20, 23, .07) !important;
}

.evt-coloring-heading h3 {
    color: var(--evt-ink) !important;
}

.evt-slider-controls {
    display: flex !important;
    gap: .45rem !important;
}

.evt-slider-controls button,
.evt-slider-dots button {
    appearance: none !important;
    border: 0 !important;
    cursor: pointer !important;
}

.evt-slider-controls button {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: #171e29 !important;
    font-size: 1.6rem !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 28px rgba(20, 27, 36, .18) !important;
    transition: transform .2s ease, background .2s ease !important;
}

.evt-slider-controls button:hover {
    transform: translateY(-2px) scale(1.03) !important;
    background: var(--evt-accent) !important;
}

.evt-coloring-slider {
    overflow: hidden !important;
    width: 100% !important;
}

.evt-coloring-track {
    display: flex !important;
    width: 100% !important;
    transition: transform .65s cubic-bezier(.2, .8, .2, 1) !important;
    will-change: transform !important;
}

.evt-coloring-slide {
    flex: 0 0 100% !important;
    display: grid !important;
    place-items: center !important;
    gap: .65rem !important;
    margin: 0 !important;
    padding: .25rem !important;
}

.evt-coloring-slide img {
    display: block !important;
    width: min(100%, 620px) !important;
    height: auto !important;
    max-height: 760px !important;
    object-fit: contain !important;
    border: 1px solid rgba(18, 20, 23, .09) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 20px 48px rgba(20, 27, 36, .11) !important;
}

.evt-coloring-slide figcaption {
    color: var(--evt-ink) !important;
    font-size: .88rem !important;
    font-weight: 900 !important;
}

.evt-slider-dots {
    display: flex !important;
    justify-content: center !important;
    gap: .45rem !important;
    margin-top: .8rem !important;
}

.evt-slider-dots button {
    width: 9px !important;
    height: 9px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: rgba(20, 27, 36, .22) !important;
    transition: width .25s ease, background .25s ease !important;
}

.evt-slider-dots button.is-active {
    width: 28px !important;
    background: linear-gradient(90deg, var(--evt-accent), var(--evt-accent-2)) !important;
}

.evt-media-loader {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 1rem 1.15rem !important;
    border: 1px solid rgba(122, 60, 255, .14) !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, rgba(122, 60, 255, .08), rgba(255, 189, 46, .12)) !important;
    box-shadow: 0 16px 38px rgba(20, 27, 36, .08) !important;
}

.evt-media-loader > span {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 58px !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 19px !important;
    background: #fff !important;
    font-size: 1.75rem !important;
    box-shadow: 0 12px 28px rgba(20, 27, 36, .1) !important;
    animation: evt-media-loader-pulse 1.9s ease-in-out infinite !important;
}

.evt-media-loader strong,
.evt-media-loader p {
    display: block !important;
    margin: 0 !important;
}

.evt-media-loader strong {
    color: var(--evt-ink) !important;
    font-weight: 950 !important;
}

.evt-media-loader p {
    margin-top: .25rem !important;
    color: var(--evt-muted) !important;
    font-size: .85rem !important;
    line-height: 1.5 !important;
}

.evt-media-loader-error > span {
    animation: none !important;
    filter: grayscale(1) !important;
}

@keyframes evt-media-loader-pulse {
    0%, 100% { transform: translateY(0) rotate(-3deg); }
    50% { transform: translateY(-5px) rotate(4deg); }
}

@media (max-width: 900px) {
    .evt-emoji-river {
        display: none !important;
    }

    .evt-world-compare .evt-columns,
    .evt-deeper-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 620px) {
    .evt-media-card-head,
    .evt-coloring-heading {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .evt-media-badge {
        display: none !important;
    }

    .evt-slider-controls {
        align-self: flex-end !important;
    }

    .evt-media-loader {
        align-items: flex-start !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .evt-emoji-river span,
    .evt-media-loader > span {
        animation: none !important;
    }

    .evt-coloring-track,
    .evt-slider-controls button,
    .evt-slider-dots button,
    .evt-deeper-card {
        transition: none !important;
    }
}

/* V1.7.2 - legacy hero card removed, modern countdown, visible emoji background */
.evt-shell {
    --evt-river-opacity: .19 !important;
}

.evt-emoji-river span {
    color: initial !important;
    opacity: var(--evt-river-opacity) !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
    filter: saturate(1.35) drop-shadow(0 10px 22px rgba(122, 60, 255, .18)) !important;
    text-shadow: none !important;
}

.evt-countdown {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: clamp(1rem, 3vw, 2rem) !important;
    margin: 1rem 0 1.35rem !important;
    padding: clamp(1.1rem, 3vw, 1.7rem) !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .88) !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 92% 12%, rgba(255, 189, 46, .26), transparent 28%),
        radial-gradient(circle at 0 100%, rgba(122, 60, 255, .16), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 244, 222, .86)) !important;
    box-shadow: 0 22px 58px rgba(25, 28, 32, .13) !important;
}

.evt-countdown::after {
    content: "";
    position: absolute;
    inset: -45% auto auto 54%;
    width: 24rem;
    height: 24rem;
    border-radius: 50%;
    background: conic-gradient(from 120deg, rgba(255, 107, 53, .20), rgba(255, 189, 46, .08), rgba(122, 60, 255, .14), rgba(255, 107, 53, .20));
    animation: evt-countdown-orbit 18s linear infinite;
    pointer-events: none;
}

.evt-countdown-copy,
.evt-countdown-clock {
    position: relative !important;
    z-index: 1 !important;
}

.evt-countdown-kicker {
    display: inline-flex !important;
    width: max-content !important;
    margin: 0 0 .5rem !important;
    padding: .32rem .7rem !important;
    border-radius: 999px !important;
    color: #7a3cff !important;
    background: rgba(122, 60, 255, .10) !important;
    font-size: .68rem !important;
    font-weight: 950 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.evt-countdown h3 {
    margin: 0 0 .35rem !important;
    padding: 0 !important;
    color: #151922 !important;
    background: none !important;
    border: 0 !important;
    text-align: left !important;
    font-size: clamp(1.35rem, 3vw, 2.25rem) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -.045em !important;
}

.evt-countdown p {
    margin: 0 !important;
    color: #58606b !important;
    font-size: .98rem !important;
    font-weight: 650 !important;
    line-height: 1.55 !important;
}

.evt-countdown-clock {
    display: grid !important;
    place-items: center !important;
    min-width: min(100%, 320px) !important;
    min-height: 96px !important;
    padding: .9rem 1.15rem !important;
    border: 1px solid rgba(20, 27, 36, .08) !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, #161d29, #2b3150) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 18px 38px rgba(17, 25, 35, .20) !important;
}

.evt-countdown-clock strong {
    color: #fff !important;
    font-family: Inter, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif !important;
    font-size: clamp(1.35rem, 3vw, 2.35rem) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
    white-space: nowrap !important;
    text-shadow: 0 0 24px rgba(255, 189, 46, .22) !important;
}

.evt-countdown-live .evt-countdown-clock {
    background: linear-gradient(135deg, #176f55, #13a67b) !important;
}

@keyframes evt-countdown-orbit {
    to { transform: rotate(360deg); }
}

@media (max-width: 760px) {
    .evt-countdown {
        grid-template-columns: 1fr !important;
    }

    .evt-countdown-clock {
        width: 100% !important;
        min-width: 0 !important;
    }

    .evt-countdown-clock strong {
        white-space: normal !important;
        text-align: center !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .evt-countdown::after {
        animation: none !important;
    }
}

/* V1.8 - true background animation, multipix figures, 6-slide loop carousel */
.evt-shell{position:relative!important;overflow:hidden!important;isolation:isolate!important}
.evt-bg-stage{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;pointer-events:none!important}
.evt-bg-orb{position:absolute!important;border-radius:50%!important;filter:blur(0)!important;opacity:.42!important;mix-blend-mode:screen!important}
.evt-bg-orb--1{width:32rem!important;height:32rem!important;left:-8rem!important;top:4rem!important;background:radial-gradient(circle,rgba(255,194,88,.38),rgba(255,194,88,0) 68%)!important;animation:evt-bg-drift-a 24s ease-in-out infinite!important}
.evt-bg-orb--2{width:28rem!important;height:28rem!important;right:-7rem!important;top:9rem!important;background:radial-gradient(circle,rgba(84,193,255,.26),rgba(84,193,255,0) 68%)!important;animation:evt-bg-drift-b 28s ease-in-out infinite!important}
.evt-bg-orb--3{width:34rem!important;height:34rem!important;left:35%!important;bottom:-9rem!important;background:radial-gradient(circle,rgba(255,116,78,.22),rgba(255,116,78,0) 68%)!important;animation:evt-bg-drift-c 32s ease-in-out infinite!important}
.evt-bg-emoji{position:absolute!important;left:var(--evt-bg-left,10%)!important;top:var(--evt-bg-top,10%)!important;font-size:clamp(1.7rem,2.8vw,3rem)!important;line-height:1!important;opacity:.12!important;filter:drop-shadow(0 10px 24px rgba(0,0,0,.08))!important;animation:evt-bg-emoji-float 20s linear infinite!important;animation-delay:var(--evt-emoji-delay,0s)!important;transform:translate3d(0,0,0)!important}
.evt-head,.evt-symbols,.evt-data-board,.evt-countdown,.evt-card-grid,.evt-body,.evt-companion-copy,.evt-media-card,.evt-media-suite,.evt-meter-group,.evt-table-section,.evt-faq{position:relative!important;z-index:1!important}
.evt-mark{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:4.4rem!important;height:4.4rem!important;aspect-ratio:auto!important;border-radius:1.25rem!important;border:1px solid rgba(255,255,255,.9)!important;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,233,205,.9))!important;box-shadow:0 18px 42px rgba(20,27,36,.12)!important;transform:none!important;animation:none!important}
.evt-mark::after{display:none!important;content:none!important}
.evt-mark-core{display:block!important;font-size:2.25rem!important;line-height:1!important;filter:drop-shadow(0 8px 16px rgba(255,147,67,.24))!important}
.evt-multipix-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important;margin:1.15rem 0 1.4rem!important}
.multipix-figure.evt-multipix-figure{margin:0!important;display:grid!important;gap:0!important;border-radius:24px!important;overflow:hidden!important;background:linear-gradient(145deg,#fff,#f8f2e7)!important;border:1px solid rgba(20,27,36,.08)!important;box-shadow:0 20px 44px rgba(20,27,36,.1)!important}
.multipix-figure.evt-multipix-figure img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;background:#fff!important}
.multipix-figure.evt-multipix-figure .multipix-caption{padding:.85rem 1rem 1rem!important;background:rgba(255,255,255,.96)!important}
.multipix-figure.evt-multipix-figure .multipix-caption-link{display:block!important;text-decoration:none!important;color:#172033!important;font-weight:800!important;line-height:1.45!important}
.multipix-figure.evt-multipix-figure .multipix-caption-link:hover{text-decoration:underline!important}
.evt-coloring-section--six .evt-coloring-slider{position:relative!important;overflow:hidden!important}
.evt-coloring-stage{position:relative!important;min-height:38rem!important;padding:1rem 0 2.2rem!important}
.evt-coloring-slide{position:absolute!important;top:0!important;left:50%!important;width:min(54vw,26rem)!important;max-width:26rem!important;margin:0!important;padding:.8rem!important;border-radius:28px!important;background:linear-gradient(145deg,#fff,#f8f3ea)!important;border:1px solid rgba(20,27,36,.08)!important;box-shadow:0 22px 48px rgba(20,27,36,.12)!important;opacity:0!important;transform:translate3d(-50%,0,0) scale(.74)!important;transition:transform .4s ease,opacity .4s ease,box-shadow .4s ease!important}
.evt-coloring-slide img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:cover!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(20,27,36,.07)!important}
.evt-coloring-slide figcaption{margin-top:.75rem!important;text-align:center!important;font-weight:800!important;color:#192131!important}
.evt-coloring-slide.is-active{opacity:1!important;transform:translate3d(-50%,0,0) scale(1)!important;z-index:3!important;box-shadow:0 28px 62px rgba(20,27,36,.16)!important}
.evt-coloring-slide.is-prev{opacity:.82!important;transform:translate3d(calc(-50% - 19rem),1.2rem,0) scale(.82)!important;z-index:2!important}
.evt-coloring-slide.is-next{opacity:.82!important;transform:translate3d(calc(-50% + 19rem),1.2rem,0) scale(.82)!important;z-index:2!important}
.evt-coloring-slide.is-hidden{opacity:0!important;transform:translate3d(-50%,0,0) scale(.62)!important;z-index:1!important;pointer-events:none!important}
.evt-slider-controls button{min-width:3rem!important;min-height:3rem!important;font-size:1.6rem!important;font-weight:900!important;border-radius:50%!important}
.evt-media-loader p{max-width:48ch!important}
@keyframes evt-bg-emoji-float{0%{transform:translate3d(-8vw,0,0)}50%{transform:translate3d(0,-12px,0)}100%{transform:translate3d(8vw,0,0)}}
@keyframes evt-bg-drift-a{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(3rem,-1rem,0)}}
@keyframes evt-bg-drift-b{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2.5rem,1.5rem,0)}}
@keyframes evt-bg-drift-c{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(1.5rem,-2rem,0)}}
@media (max-width:1180px){.evt-multipix-grid{grid-template-columns:1fr!important}.evt-coloring-stage{min-height:34rem!important}.evt-coloring-slide{width:min(68vw,23rem)!important}.evt-coloring-slide.is-prev{transform:translate3d(calc(-50% - 12.8rem),1.2rem,0) scale(.8)!important}.evt-coloring-slide.is-next{transform:translate3d(calc(-50% + 12.8rem),1.2rem,0) scale(.8)!important}}
@media (max-width:860px){.evt-bg-stage{display:none!important}.evt-mark{width:3.8rem!important;height:3.8rem!important}.evt-mark-core{font-size:1.95rem!important}.evt-coloring-stage{min-height:auto!important;padding:0 0 1.3rem!important}.evt-coloring-slide{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:none!important;transform:none!important;margin:0 auto!important;display:none!important}.evt-coloring-slide.is-active{display:block!important}.evt-coloring-slide.is-prev,.evt-coloring-slide.is-next,.evt-coloring-slide.is-hidden{display:none!important;opacity:0!important}}
@media (prefers-reduced-motion:reduce){.evt-bg-emoji,.evt-bg-orb{animation:none!important}}

/* V1.8.1 - animation globale sur #page-wrapper + médias progressifs */
#page-wrapper.evt-page-bg-active {
    position: relative !important;
    isolation: isolate !important;
    overflow: clip !important;
}

#page-wrapper > .evt-page-bg-stage {
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 8% 18%, rgba(255, 181, 66, 0.18), transparent 24%),
        radial-gradient(circle at 92% 40%, rgba(122, 60, 255, 0.13), transparent 25%),
        radial-gradient(circle at 38% 78%, rgba(255, 107, 53, 0.10), transparent 27%) !important;
}

.evt-page-bg-emoji {
    position: absolute !important;
    left: var(--evt-page-left, 10%) !important;
    top: var(--evt-page-top, 10%) !important;
    display: block !important;
    color: initial !important;
    font-size: var(--evt-page-size, 2rem) !important;
    line-height: 1 !important;
    opacity: var(--evt-page-opacity, 0.08) !important;
    filter: grayscale(0.08) saturate(0.9) drop-shadow(0 12px 28px rgba(20, 27, 36, 0.08)) !important;
    transform: translate3d(0, 0, 0) rotate(-7deg) !important;
    animation: evt-page-bg-float var(--evt-page-duration, 22s) ease-in-out infinite !important;
    animation-delay: var(--evt-page-delay, 0s) !important;
    will-change: transform !important;
}

.evt-page-bg-glow {
    position: absolute !important;
    width: 42rem !important;
    height: 42rem !important;
    border-radius: 50% !important;
    opacity: 0.34 !important;
    filter: blur(1px) !important;
}

.evt-page-bg-glow--a {
    left: -20rem !important;
    top: 22% !important;
    background: radial-gradient(circle, rgba(255, 190, 77, 0.22), transparent 68%) !important;
    animation: evt-page-glow-a 30s ease-in-out infinite !important;
}

.evt-page-bg-glow--b {
    right: -18rem !important;
    top: 62% !important;
    background: radial-gradient(circle, rgba(100, 76, 255, 0.16), transparent 68%) !important;
    animation: evt-page-glow-b 34s ease-in-out infinite !important;
}

.evt-media-suite {
    display: grid !important;
    gap: 1.2rem !important;
}

.evt-multipix-grid--1 {
    grid-template-columns: minmax(0, 760px) !important;
    justify-content: center !important;
}

.evt-multipix-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.evt-media-loader--progress {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 1rem !important;
    margin: 0.4rem 0 0 !important;
    padding: 1rem 1.1rem !important;
    border: 1px solid rgba(20, 27, 36, 0.08) !important;
    border-radius: 22px !important;
    color: #202733 !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(249, 243, 233, 0.92)) !important;
    box-shadow: 0 16px 38px rgba(20, 27, 36, 0.09) !important;
}

.evt-media-loader--progress > span {
    display: grid !important;
    place-items: center !important;
    width: 3.4rem !important;
    height: 3.4rem !important;
    border-radius: 1rem !important;
    background: linear-gradient(145deg, #ffe397, #ff9b62) !important;
    font-size: 1.65rem !important;
    animation: evt-media-pulse 2.4s ease-in-out infinite !important;
}

.evt-media-loader--progress strong {
    display: block !important;
    margin-bottom: 0.2rem !important;
    color: #151b26 !important;
    font-weight: 900 !important;
}

.evt-media-loader--progress p {
    margin: 0 !important;
    color: #626b77 !important;
    line-height: 1.5 !important;
}

.evt-media-progress {
    height: 7px !important;
    margin-top: 0.65rem !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(20, 27, 36, 0.08) !important;
}

.evt-media-progress > span {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #ffb52e, #ff6b35, #7a3cff) !important;
    transition: width 0.45s ease !important;
}

.evt-media-loader-error {
    border-color: rgba(193, 55, 55, 0.24) !important;
    background: linear-gradient(145deg, #fff, #fff0ee) !important;
}

@keyframes evt-page-bg-float {
    0%, 100% { transform: translate3d(-1.5rem, 0, 0) rotate(-7deg); }
    35% { transform: translate3d(1rem, -1.3rem, 0) rotate(3deg); }
    70% { transform: translate3d(2.2rem, 0.7rem, 0) rotate(9deg); }
}

@keyframes evt-page-glow-a {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(7rem, -2rem, 0); }
}

@keyframes evt-page-glow-b {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(-6rem, 3rem, 0); }
}

@keyframes evt-media-pulse {
    0%, 100% { transform: translateY(0) rotate(-3deg); }
    50% { transform: translateY(-4px) rotate(3deg); }
}

@media (max-width: 980px) {
    #page-wrapper > .evt-page-bg-stage {
        display: none !important;
    }

    .evt-multipix-grid--2 {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .evt-page-bg-emoji,
    .evt-page-bg-glow,
    .evt-media-loader--progress > span {
        animation: none !important;
    }
}

/* V1.8.2 - editorial images full width and coloring download UX */
.evt-inline-media{margin:1.35rem 0 1.6rem!important}
.evt-inline-figure--full{margin:0!important;display:grid!important;gap:0!important;border-radius:28px!important;overflow:hidden!important;background:linear-gradient(145deg,#fff,#f8f2e7)!important;border:1px solid rgba(20,27,36,.08)!important;box-shadow:0 24px 56px rgba(20,27,36,.11)!important}
.evt-inline-figure--full>a{display:block!important;text-decoration:none!important}
.evt-inline-figure--full img{display:block!important;width:100%!important;height:auto!important;max-height:680px!important;object-fit:cover!important;background:#fff!important}
.evt-inline-figure--full .multipix-caption{padding:.95rem 1.1rem 1.05rem!important;background:rgba(255,255,255,.97)!important}
.evt-inline-figure--full .multipix-caption-link{display:block!important;text-decoration:none!important;color:#142035!important;font-weight:800!important;line-height:1.48!important}
.evt-inline-figure--full .multipix-caption-link:hover{text-decoration:underline!important}
.evt-coloring-intro{max-width:74ch!important;margin:.45rem 0 0!important;color:#5b6472!important;line-height:1.65!important}
.evt-coloring-link{display:block!important;text-decoration:none!important}
.evt-coloring-slide figcaption{display:grid!important;gap:.42rem!important;justify-items:center!important;padding:0 .25rem .25rem!important}
.evt-coloring-slide figcaption strong{display:block!important;font-size:1.02rem!important;color:#182235!important}
.evt-coloring-slide figcaption span{display:block!important;font-size:.86rem!important;color:#6b7280!important;text-align:center!important;line-height:1.45!important}
.evt-coloring-download{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:.62rem 1rem!important;border-radius:999px!important;background:linear-gradient(90deg,#ffd66a,#ffb75f)!important;color:#182235!important;text-decoration:none!important;font-weight:800!important;box-shadow:0 14px 32px rgba(255,183,95,.26)!important}
.evt-coloring-download:hover{transform:translateY(-1px)!important}
.evt-coloring-stage{padding-bottom:4rem!important}
.evt-coloring-slide{padding:.8rem .8rem 1rem!important}
@media (max-width:860px){.evt-inline-media{margin:1rem 0 1.25rem!important}.evt-inline-figure--full img{max-height:none!important}.evt-coloring-stage{padding-bottom:1rem!important}}

/* V1.8.3 - deterministic inline figures and fully contained coloring carousel */
.evt-editorial-anchor{display:block!important;clear:both!important;margin:1.45rem 0 1.75rem!important}
.evt-editorial-anchor:empty{margin:0!important}
.evt-editorial-anchor .evt-inline-media{margin:0!important}
.evt-editorial-pool[hidden]{display:none!important}
.evt-coloring-section--six{overflow:hidden!important;padding-bottom:clamp(1.25rem,2.8vw,1.8rem)!important}
.evt-coloring-section--six .evt-coloring-slider{overflow:hidden!important;padding-bottom:.35rem!important}
.evt-coloring-stage{min-height:51rem!important;padding:1rem 0 2rem!important}
.evt-coloring-slide{box-sizing:border-box!important}
.evt-coloring-slide figcaption{min-height:7.4rem!important;align-content:start!important}
.evt-coloring-slide figcaption .evt-coloring-download{margin-top:.18rem!important}
.evt-slider-dots{position:relative!important;z-index:6!important;margin-top:.15rem!important;padding:.3rem 0 .15rem!important}
@media (max-width:1180px){
    .evt-coloring-stage{min-height:46rem!important}
    .evt-coloring-slide figcaption{min-height:7.6rem!important}
}
@media (max-width:860px){
    .evt-editorial-anchor{margin:1rem 0 1.3rem!important}
    .evt-coloring-section--six{overflow:visible!important}
    .evt-coloring-stage{min-height:auto!important;padding:0 0 .75rem!important}
    .evt-coloring-slide figcaption{min-height:auto!important}
}
.evt-coloring-slide img{aspect-ratio:auto!important;object-fit:contain!important;max-height:41rem!important}
@media (max-width:1180px){.evt-coloring-slide img{max-height:36.5rem!important}}
@media (max-width:860px){.evt-coloring-slide img{max-height:none!important}}

/* V1.8.4 - huge animated parallax emojis on the real page wrapper */
#page-wrapper > .evt-page-bg-stage{
    inset:-14vh -8vw!important;
    transform:translate3d(var(--evt-page-parallax-x,0),var(--evt-page-parallax-y,0),0) scale(1.06)!important;
    transition:transform .08s linear!important;
    will-change:transform!important;
}
.evt-page-bg-emoji{
    font-size:var(--evt-page-size,10rem)!important;
    opacity:var(--evt-page-opacity,.065)!important;
    filter:saturate(.95) drop-shadow(0 28px 60px rgba(20,27,36,.08))!important;
    animation-name:evt-page-bg-float-huge!important;
    animation-timing-function:ease-in-out!important;
}
@keyframes evt-page-bg-float-huge{
    0%,100%{transform:translate3d(-3vw,0,0) rotate(-12deg) scale(.96)}
    35%{transform:translate3d(2vw,-3vh,0) rotate(2deg) scale(1.04)}
    70%{transform:translate3d(5vw,2vh,0) rotate(11deg) scale(1)}
}
@media (max-width:979px){#page-wrapper > .evt-page-bg-stage{display:none!important}}
@media (prefers-reduced-motion:reduce){#page-wrapper > .evt-page-bg-stage{transform:none!important}.evt-page-bg-emoji{animation:none!important}}

/* V1.9 - dossiers enfants SERP-driven */
.evt-deeper-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:1rem!important;margin-bottom:1rem!important}
.evt-deeper-heading h3{margin:.2rem 0 .35rem!important}
.evt-deeper-heading p{max-width:72ch!important;margin:0!important;color:#667080!important;line-height:1.62!important}
.evt-children-loader{display:flex!important;align-items:center!important;gap:.9rem!important;margin-top:1rem!important;padding:1rem 1.1rem!important;border:1px solid rgba(20,27,36,.09)!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#f8f2e7)!important;box-shadow:0 16px 36px rgba(20,27,36,.08)!important}
.evt-children-loader>span{display:grid!important;place-items:center!important;flex:0 0 3rem!important;width:3rem!important;height:3rem!important;border-radius:16px!important;background:linear-gradient(145deg,#ffe49c,#ffb56f)!important;font-size:1.5rem!important}
.evt-children-loader strong{display:block!important;color:#172033!important;font-weight:900!important}
.evt-children-loader p{margin:.2rem 0 0!important;color:#68717f!important;line-height:1.55!important}
.evt-children-loader-error{border-color:rgba(196,58,58,.24)!important;background:linear-gradient(145deg,#fff,#fff0f0)!important}
.evt-child-banner p{max-width:72ch!important;margin-left:auto!important;margin-right:auto!important}
.evt-child-shell{padding:clamp(1.1rem,3vw,2rem)!important;border-radius:30px!important;background:linear-gradient(145deg,#fff,#faf6ee)!important;box-shadow:0 28px 70px rgba(20,27,36,.11)!important}
.evt-child-intent{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.7rem!important;margin-bottom:1.25rem!important;padding:.85rem 1rem!important;border-radius:18px!important;background:linear-gradient(135deg,#172033,#2e3750)!important;color:#fff!important}
.evt-child-intent span{font-size:.72rem!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#ffd76a!important}
.evt-child-intent strong{font-weight:800!important}
.evt-child-body{max-width:82ch!important;margin:0 auto!important}
.evt-child-body h2{margin:2rem 0 .7rem!important;color:#172033!important;font-size:clamp(1.45rem,2.8vw,2.15rem)!important;font-weight:900!important;line-height:1.1!important;letter-spacing:-.035em!important}
.evt-child-body h3{margin:1.4rem 0 .55rem!important;color:#202a3c!important;font-size:clamp(1.15rem,2vw,1.5rem)!important;font-weight:850!important}
.evt-child-body p,.evt-child-body li{color:#303947!important;line-height:1.75!important}
.evt-child-body blockquote{margin:1.25rem 0!important;padding:1rem 1.15rem!important;border-left:4px solid #ffb451!important;border-radius:0 18px 18px 0!important;background:#fff7e8!important}
.evt-child-faq,.evt-child-related{margin-top:2rem!important}
.evt-child-related h2,.evt-child-faq h2{color:#172033!important;font-size:clamp(1.35rem,2.4vw,1.9rem)!important;font-weight:900!important}
@media(max-width:720px){.evt-children-loader{align-items:flex-start!important}.evt-child-shell{border-radius:22px!important}.evt-deeper-heading{display:block!important}}

/* V1.9.2 - final responsive hardening and earlier reveals */
.evt-shell,
.evt-shell * {
    box-sizing: border-box !important;
}

.evt-shell {
    width: 100% !important;
    max-width: 100% !important;
}

.evt-shell.evt-enhanced .evt-reveal {
    transform: translate3d(0, 18px, 0) scale(.992) !important;
    filter: blur(2px) !important;
    transition:
        opacity .42s ease,
        transform .52s cubic-bezier(.16, 1, .3, 1),
        filter .38s ease !important;
}

.evt-shell.evt-enhanced .evt-reveal.evt-reveal-visible {
    transform: translate3d(0, 0, 0) scale(1) !important;
    filter: blur(0) !important;
}

.evt-editorial-anchor,
.evt-inline-media,
.evt-inline-figure--full,
.evt-media-suite,
.evt-coloring-section,
.evt-deeper,
.evt-world-compare {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* France / monde: neutralise les styles historiques des H3 et toute hauteur héritée. */
.evt-world-compare {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: clamp(1rem, 2.6vw, 1.55rem) !important;
}

.evt-world-compare > h3 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 1rem !important;
    padding: clamp(.9rem, 2vw, 1.2rem) !important;
    border: 0 !important;
    border-radius: 20px !important;
    color: #fff !important;
    background: linear-gradient(115deg, #171f2d, #3b2850 58%, #ff7048) !important;
    box-shadow: none !important;
    font-family: Inter, system-ui, sans-serif !important;
    font-size: clamp(1.35rem, 3vw, 2rem) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
}

.evt-world-compare > h3::before,
.evt-world-compare > h3::after {
    display: none !important;
    content: none !important;
}

.evt-world-compare .evt-columns {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
}

.evt-world-column {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    overflow: hidden !important;
}

.evt-world-column h4,
.evt-world-column li {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

/* Carousel: le cadre contient toujours image, textes, bouton et pagination. */
.evt-coloring-section--six {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: clamp(1rem, 2.8vw, 1.55rem) !important;
}

.evt-coloring-heading {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 1rem !important;
}

.evt-coloring-heading > div:first-child {
    min-width: 0 !important;
}

.evt-coloring-heading h3,
.evt-coloring-intro {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}

.evt-coloring-slider--peek {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0 0 .35rem !important;
}

.evt-coloring-stage {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.evt-coloring-slide {
    max-width: min(28rem, calc(100% - 2rem)) !important;
}

.evt-coloring-slide img {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.evt-coloring-slide figcaption {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.evt-coloring-download {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
}

.evt-slider-dots {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .45rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: .65rem 0 0 !important;
    padding: .35rem !important;
}

/* On approfondit / enfants: plus aucun débordement après le carousel. */
.evt-deeper {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.evt-deeper-heading,
.evt-deeper-grid,
.evt-deeper-card,
.evt-children-loader {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.evt-deeper-heading h3,
.evt-deeper-heading p,
.evt-deeper-card h4,
.evt-deeper-card p {
    overflow-wrap: anywhere !important;
}

/* Actualités et événement similaire, hors rich content mais sur la même page. */
#main.container > .row {
    max-width: 100% !important;
}

#main.container > .row > [class*="col-"] {
    min-width: 0 !important;
}

#main.container > .row .box.special {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.evt-related-list {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) !important;
}

.evt-related-list a,
.evt-related-list strong,
.evt-related-list span {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 1024px) {
    .evt-world-compare .evt-columns,
    .evt-deeper-grid {
        grid-template-columns: 1fr !important;
    }

    .evt-coloring-heading {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .evt-slider-controls {
        align-self: center !important;
    }

    .evt-coloring-stage {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .evt-coloring-slide,
    .evt-coloring-slide.is-active,
    .evt-coloring-slide.is-prev,
    .evt-coloring-slide.is-next,
    .evt-coloring-slide.is-hidden {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        top: auto !important;
        width: min(100%, 31rem) !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    .evt-coloring-slide,
    .evt-coloring-slide.is-prev,
    .evt-coloring-slide.is-next,
    .evt-coloring-slide.is-hidden {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .evt-coloring-slide.is-active {
        display: block !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    .evt-coloring-slide img {
        max-height: none !important;
    }

    #main.container > .row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 1rem !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #main.container > .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 620px) {
    .evt-world-compare,
    .evt-coloring-section--six,
    .evt-deeper,
    #main.container > .row .box.special {
        border-radius: 20px !important;
        padding: .9rem !important;
    }

    .evt-world-compare > h3 {
        border-radius: 16px !important;
        font-size: clamp(1.22rem, 7vw, 1.65rem) !important;
        text-align: center !important;
    }

    .evt-world-column {
        padding: .95rem !important;
        border-radius: 17px !important;
    }

    .evt-coloring-slide {
        padding: .65rem .65rem .9rem !important;
        border-radius: 20px !important;
    }

    .evt-coloring-slide img {
        border-radius: 14px !important;
    }

    .evt-coloring-download {
        width: 100% !important;
    }

    .evt-related-list {
        grid-template-columns: 1fr !important;
    }
}

/* V1.9.3 - stabilité mobile, palette dynamique et composants lisibles */
.evt-shell .evt-head h2 {
    background-image: linear-gradient(105deg, var(--evt-event-primary), var(--evt-event-secondary) 58%, var(--evt-event-accent)) !important;
}
.evt-shell .evt-mark {
    background: linear-gradient(145deg, #fff, color-mix(in srgb, var(--evt-event-accent) 28%, #fff)) !important;
}
.evt-shell .evt-data-board,
.evt-shell .evt-countdown {
    background:
        radial-gradient(circle at 94% 0, color-mix(in srgb, var(--evt-event-accent) 34%, transparent), transparent 30%),
        radial-gradient(circle at 0 100%, color-mix(in srgb, var(--evt-event-primary) 34%, transparent), transparent 34%),
        linear-gradient(135deg, #111923 0%, color-mix(in srgb, var(--evt-event-primary) 38%, #202837) 50%, #151923 100%) !important;
}
.evt-shell .evt-data-kicker,
.evt-shell .evt-countdown-kicker {
    color: var(--evt-event-accent) !important;
}
.evt-shell .evt-data-button,
.evt-shell .evt-coloring-download,
.evt-shell .evt-video-button {
    color: var(--evt-event-accent-text) !important;
    background: linear-gradient(90deg, var(--evt-event-accent), color-mix(in srgb, var(--evt-event-accent) 58%, var(--evt-event-secondary))) !important;
}
.evt-shell .evt-world-compare > h3 {
    color: var(--evt-event-primary-text) !important;
    background: linear-gradient(115deg, var(--evt-event-primary), var(--evt-event-secondary) 62%, var(--evt-event-accent)) !important;
}
.evt-shell .evt-panel::before,
.evt-shell .evt-note::before,
.evt-shell .evt-checklist::before {
    background: linear-gradient(180deg, var(--evt-event-primary), var(--evt-event-secondary), var(--evt-event-accent)) !important;
}
.evt-shell .evt-meter-fill {
    background: linear-gradient(90deg, var(--evt-event-primary), var(--evt-event-secondary), var(--evt-event-accent)) !important;
}
.evt-shell .evt-faq-question::after {
    color: var(--evt-event-primary) !important;
    border-color: color-mix(in srgb, var(--evt-event-primary) 25%, transparent) !important;
    background: color-mix(in srgb, var(--evt-event-primary) 9%, #fff) !important;
}
.evt-shell .evt-slider-controls button,
.evt-shell .evt-slider-dots button.is-active {
    background: linear-gradient(135deg, var(--evt-event-primary), var(--evt-event-secondary)) !important;
}
.evt-child-shell {
    border-top: 6px solid var(--evt-event-primary) !important;
}
.evt-child-body h2,
.evt-child-related h2,
.evt-child-faq h2 {
    color: var(--evt-event-primary) !important;
}
.evt-child-body blockquote {
    border-left-color: var(--evt-event-accent) !important;
}

/* La frise numérotée garde ses chiffres dans les pastilles. */
.evt-timeline {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    list-style: none !important;
    counter-reset: none !important;
    padding-left: 0 !important;
}
.evt-timeline-item {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: .2rem 0 1.45rem 3.25rem !important;
    list-style: none !important;
}
.evt-timeline-item::marker { content: none !important; }
.evt-timeline-item::before {
    left: 1rem !important;
    top: 2.05rem !important;
    bottom: -.15rem !important;
}
.evt-timeline-mark {
    top: .05rem !important;
    left: 0 !important;
    display: grid !important;
    place-items: center !important;
    width: 2.15rem !important;
    height: 2.15rem !important;
    border: 3px solid #fff !important;
    border-radius: 50% !important;
    color: var(--evt-event-primary-text, #fff) !important;
    background: var(--evt-event-primary, #6A1B9A) !important;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--evt-event-primary) 28%, transparent) !important;
    font-size: .86rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

/* Jauges : aucune largeur héritée, titre et note toujours contenus. */
.evt-meter-group,
.evt-meter-grid,
.evt-meter,
.evt-meter-head,
.evt-meter-note,
.evt-meter-track {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
.evt-meter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
}
.evt-meter {
    overflow: hidden !important;
}
.evt-meter-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: .7rem !important;
}
.evt-meter-head > span {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}
.evt-meter-head strong {
    flex: none !important;
    white-space: nowrap !important;
}
.evt-meter-note {
    overflow-wrap: anywhere !important;
}

/* FAQ : le texte ne passe jamais sous le bouton +. */
.evt-faq,
.evt-faq-list,
.evt-faq-item,
.evt-faq-question,
.evt-faq-answer,
.evt-faq-answer p {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
.evt-faq {
    overflow: hidden !important;
}
.evt-faq-question {
    position: relative !important;
    display: block !important;
    padding: 1.05rem 3.7rem 1.05rem 1.15rem !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}
.evt-faq-question::after {
    position: absolute !important;
    top: 50% !important;
    right: 1rem !important;
    transform: translateY(-50%) !important;
}
.evt-faq-answer {
    padding: 0 1.15rem 1.15rem !important;
    overflow: hidden !important;
}
.evt-faq-answer p {
    margin: 0 !important;
    overflow-wrap: anywhere !important;
}

/* Comparatif, carousel, dossiers et événements proches restent dans leur largeur. */
.evt-world-compare,
.evt-world-compare .evt-columns,
.evt-world-column,
.evt-coloring-section--six,
.evt-coloring-slider,
.evt-coloring-stage,
.evt-deeper,
.evt-deeper-grid,
.evt-related-list {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
.evt-world-compare .evt-columns {
    display: grid !important;
    gap: 1rem !important;
}
.evt-world-column {
    overflow: hidden !important;
}
.evt-world-column ul {
    margin: .65rem 0 0 !important;
    padding-left: 1.15rem !important;
}
.evt-world-column li,
.evt-world-column p {
    overflow-wrap: anywhere !important;
}
.evt-coloring-section--six,
.evt-coloring-slider,
.evt-coloring-stage {
    overflow: hidden !important;
}
.evt-coloring-slide,
.evt-coloring-slide * {
    box-sizing: border-box !important;
    min-width: 0 !important;
}
.evt-coloring-slide figcaption {
    overflow: visible !important;
}
.evt-related-list li,
.evt-related-list a {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

@media (max-width: 900px) {
    .evt-shell {
        overflow: hidden !important;
        padding-left: clamp(.7rem, 3vw, 1rem) !important;
        padding-right: clamp(.7rem, 3vw, 1rem) !important;
    }
    .evt-meter-group,
    .evt-faq,
    .evt-world-compare,
    .evt-coloring-section--six,
    .evt-deeper {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: .9rem !important;
        border-radius: 20px !important;
    }
    .evt-meter-grid,
    .evt-world-compare .evt-columns,
    .evt-deeper-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .evt-meter {
        padding: .95rem !important;
        border-radius: 17px !important;
    }
    .evt-meter-group > h3,
    .evt-faq > h3 {
        margin: 0 0 .85rem !important;
        font-size: clamp(1.4rem, 7vw, 1.9rem) !important;
        line-height: 1.12 !important;
        overflow-wrap: anywhere !important;
    }
    .evt-meter-head {
        font-size: .96rem !important;
    }
    .evt-meter-note {
        margin-top: .7rem !important;
        font-size: .93rem !important;
        line-height: 1.58 !important;
    }
    .evt-faq-question {
        padding: .95rem 3.2rem .95rem .95rem !important;
        font-size: .98rem !important;
        line-height: 1.42 !important;
    }
    .evt-faq-question::after {
        right: .75rem !important;
        width: 2rem !important;
        height: 2rem !important;
    }
    .evt-faq-answer {
        padding: 0 .95rem .95rem !important;
    }
    .evt-faq-answer p {
        font-size: .94rem !important;
        line-height: 1.62 !important;
    }
    .evt-timeline {
        padding: .85rem !important;
    }
    .evt-timeline-item {
        padding-left: 2.8rem !important;
    }
    .evt-timeline-mark {
        width: 1.9rem !important;
        height: 1.9rem !important;
        font-size: .78rem !important;
    }
    .evt-timeline-item::before {
        left: .88rem !important;
        top: 1.85rem !important;
    }
    .evt-coloring-heading {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .evt-coloring-stage {
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
    }
    .evt-coloring-slide,
    .evt-coloring-slide.is-prev,
    .evt-coloring-slide.is-next,
    .evt-coloring-slide.is-hidden {
        display: none !important;
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 32rem !important;
        height: auto !important;
        margin: 0 auto !important;
        opacity: 0 !important;
        transform: none !important;
        pointer-events: none !important;
    }
    .evt-coloring-slide.is-active {
        display: block !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    .evt-coloring-slide img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
    .evt-slider-dots {
        margin-top: .8rem !important;
    }
    #main.container > .row,
    #main.container > .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    #main.container > .row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 1rem !important;
        margin: 0 !important;
    }
    #main.container > .row > [class*="col-"] {
        padding: 0 !important;
    }
    #main.container > .row .box.special {
        overflow: hidden !important;
        padding: .9rem !important;
        border-radius: 20px !important;
    }
    .evt-related-list {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 520px) {
    .evt-shell {
        border-radius: 22px !important;
        padding-left: .55rem !important;
        padding-right: .55rem !important;
    }
    .evt-meter-group,
    .evt-faq,
    .evt-world-compare,
    .evt-coloring-section--six,
    .evt-deeper {
        padding: .72rem !important;
        border-radius: 17px !important;
    }
    .evt-world-compare > h3 {
        padding: .82rem !important;
        border-radius: 14px !important;
        font-size: 1.25rem !important;
        line-height: 1.18 !important;
        text-align: left !important;
    }
    .evt-world-column {
        padding: .82rem !important;
        border-radius: 15px !important;
    }
    .evt-meter-head {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .evt-meter-head strong {
        justify-self: start !important;
    }
    .evt-faq-question {
        padding-right: 2.9rem !important;
    }
    .evt-coloring-slide {
        padding: .55rem .55rem .8rem !important;
        border-radius: 17px !important;
    }
    .evt-coloring-download {
        width: 100% !important;
        min-height: 42px !important;
        padding: .6rem .75rem !important;
        font-size: .9rem !important;
    }
}

/* Palette dynamique jusque dans l'arrière-plan du page-wrapper. */
#page-wrapper > .evt-page-bg-stage {
    background:
        radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--evt-event-accent, #D4AF37) 24%, transparent), transparent 24%),
        radial-gradient(circle at 92% 40%, color-mix(in srgb, var(--evt-event-primary, #6A1B9A) 18%, transparent), transparent 26%),
        radial-gradient(circle at 38% 78%, color-mix(in srgb, var(--evt-event-secondary, #1F8A70) 16%, transparent), transparent 28%) !important;
}
#page-wrapper > .evt-page-bg-stage .evt-page-bg-glow--a {
    background: radial-gradient(circle, color-mix(in srgb, var(--evt-event-accent, #D4AF37) 28%, transparent), transparent 68%) !important;
}
#page-wrapper > .evt-page-bg-stage .evt-page-bg-glow--b {
    background: radial-gradient(circle, color-mix(in srgb, var(--evt-event-primary, #6A1B9A) 22%, transparent), transparent 68%) !important;
}

/* V1.10 - four associated dossiers, dedicated image and YouTube */
.evt-child-hero-figure{margin:0 0 1.6rem!important;overflow:hidden!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(20,27,36,.08)!important;box-shadow:0 24px 56px rgba(20,27,36,.12)!important}
.evt-child-hero-figure a{display:block!important;text-decoration:none!important}
.evt-child-hero-figure img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/2!important;object-fit:cover!important;background:#fff!important}
.evt-child-hero-figure figcaption{padding:.85rem 1rem!important;color:#657080!important;background:rgba(255,255,255,.98)!important;font-size:.9rem!important;line-height:1.55!important}
.evt-child-body h4{margin:1.05rem 0 .45rem!important;color:var(--evt-palette-primary,#172033)!important;font-size:clamp(1.02rem,1.6vw,1.22rem)!important;font-weight:850!important;line-height:1.25!important}
.evt-child-body ul,.evt-child-body ol{margin:.75rem 0 1.15rem!important;padding-left:1.35rem!important}
.evt-child-body li{margin:.34rem 0!important}
.evt-child-video{max-width:82ch!important;margin:2rem auto 0!important}
.evt-child-video .evt-media-card-head h2{margin:.2rem 0 0!important;color:#fff!important;background:none!important;font-size:clamp(1.25rem,2.3vw,1.8rem)!important;line-height:1.15!important}
.evt-deeper-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
@media(max-width:720px){.evt-child-hero-figure{border-radius:20px!important;margin-bottom:1.15rem!important}.evt-child-hero-figure img{aspect-ratio:4/3!important}.evt-child-video{margin-top:1.4rem!important}.evt-child-body h4{font-size:1.05rem!important}}
.evt-deeper-card .evt-deeper-thumb{display:block!important;margin:-1rem -1rem .85rem!important;overflow:hidden!important;border-radius:23px 23px 14px 14px!important}
.evt-deeper-card .evt-deeper-thumb img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;transition:transform .35s ease!important}
.evt-deeper-card:hover .evt-deeper-thumb img{transform:scale(1.035)!important}
@media(prefers-reduced-motion:reduce){.evt-deeper-card .evt-deeper-thumb img{transition:none!important}}

/* V1.10.4 - carousel illimité des dossiers associés + cartes enfant illustrées */
.evt-dossiers-carousel .evt-deeper-heading {
    align-items: center !important;
}

.evt-dossier-slider,
.evt-dossier-stage {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* Repli sans JavaScript : tous les dossiers restent visibles dans une grille. */
.evt-dossier-stage {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: .9rem !important;
}

.evt-dossier-slide {
    min-width: 0 !important;
}

.evt-dossiers-carousel .evt-slider-controls,
.evt-dossier-slider .evt-slider-dots {
    display: none !important;
}

/* Le carousel n'est activé qu'après initialisation JS. */
.evt-enhanced .evt-dossiers-carousel .evt-slider-controls,
.evt-enhanced .evt-dossier-slider .evt-slider-dots {
    display: flex !important;
}

.evt-enhanced .evt-dossier-slider {
    position: relative !important;
    overflow: hidden !important;
    outline: none !important;
}

.evt-enhanced .evt-dossier-stage {
    position: relative !important;
    display: block !important;
    min-height: 31rem !important;
    padding: .8rem 0 1.25rem !important;
    overflow: hidden !important;
}

.evt-enhanced .evt-dossier-slide {
    position: absolute !important;
    top: .35rem !important;
    left: 50% !important;
    width: min(72vw, 28rem) !important;
    max-width: 28rem !important;
    min-height: 27rem !important;
    margin: 0 !important;
    opacity: 0 !important;
    transform: translate3d(-50%, 0, 0) scale(.74) !important;
    transition: transform .4s ease, opacity .4s ease, box-shadow .4s ease !important;
}

.evt-enhanced .evt-dossier-slide.is-active {
    z-index: 3 !important;
    opacity: 1 !important;
    transform: translate3d(-50%, 0, 0) scale(1) !important;
    box-shadow: 0 28px 62px rgba(0, 0, 0, .24) !important;
}

.evt-enhanced .evt-dossier-slide.is-prev {
    z-index: 2 !important;
    opacity: .72 !important;
    transform: translate3d(calc(-50% - 21rem), 1rem, 0) scale(.82) !important;
}

.evt-enhanced .evt-dossier-slide.is-next {
    z-index: 2 !important;
    opacity: .72 !important;
    transform: translate3d(calc(-50% + 21rem), 1rem, 0) scale(.82) !important;
}

.evt-enhanced .evt-dossier-slide.is-hidden {
    z-index: 1 !important;
    opacity: 0 !important;
    transform: translate3d(-50%, 0, 0) scale(.62) !important;
    pointer-events: none !important;
}

.evt-dossier-slide .evt-deeper-thumb img {
    aspect-ratio: 16 / 9 !important;
}

.evt-dossier-slide h4 {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
}

.evt-dossier-slide p {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 6 !important;
}

.evt-child-related .evt-deeper-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.evt-child-related .evt-deeper-card h3 {
    margin: 0 !important;
    color: #172033 !important;
    font-size: 1.05rem !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

.evt-child-related .evt-deeper-card h3 a {
    color: inherit !important;
    text-decoration: none !important;
}

.evt-child-related .evt-deeper-card p {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: #586273 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important;
}

@media (max-width: 1180px) {
    .evt-enhanced .evt-dossier-slide.is-prev {
        transform: translate3d(calc(-50% - 14rem), 1rem, 0) scale(.8) !important;
    }

    .evt-enhanced .evt-dossier-slide.is-next {
        transform: translate3d(calc(-50% + 14rem), 1rem, 0) scale(.8) !important;
    }
}

@media (max-width: 860px) {
    .evt-dossiers-carousel .evt-deeper-heading {
        align-items: flex-start !important;
    }

    .evt-enhanced .evt-dossier-stage {
        min-height: 0 !important;
        padding: 0 0 .8rem !important;
        overflow: visible !important;
    }

    .evt-enhanced .evt-dossier-slide {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        display: none !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        transform: none !important;
    }

    .evt-enhanced .evt-dossier-slide.is-active {
        display: grid !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .evt-enhanced .evt-dossier-slide.is-prev,
    .evt-enhanced .evt-dossier-slide.is-next,
    .evt-enhanced .evt-dossier-slide.is-hidden {
        display: none !important;
        opacity: 0 !important;
    }

    .evt-child-related .evt-deeper-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .evt-enhanced .evt-dossier-slide {
        transition: none !important;
    }
}

.evt-child-related .evt-deeper-card {
    background: linear-gradient(145deg, #fff, #f7f3ea) !important;
    border-color: rgba(20, 27, 36, .09) !important;
    box-shadow: 0 14px 34px rgba(20, 27, 36, .09) !important;
}

.evt-child-related .evt-deeper-card:hover {
    background: #fff !important;
    border-color: color-mix(in srgb, var(--evt-event-primary) 35%, transparent) !important;
    box-shadow: 0 20px 44px rgba(20, 27, 36, .14) !important;
}

/* V1.11.8 - page dossier enfant : isolation complète du thème legacy */
html body .evt-child-page {
    display: block !important;
    width: min(1180px, calc(100% - 2rem)) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: clamp(1rem, 2.2vw, 2rem) 0 clamp(2.5rem, 5vw, 5rem) !important;
    color: #263142 !important;
    background: transparent !important;
}

html body #banner.evt-child-banner {
    min-height: clamp(22rem, 55vw, 38rem) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(7rem, 14vw, 12rem) 1.25rem clamp(4rem, 8vw, 7rem) !important;
    background-position: center !important;
    background-size: cover !important;
    text-align: center !important;
}

html body #banner.evt-child-banner h1 {
    width: min(980px, 100%) !important;
    margin: 0 auto .9rem !important;
    padding: 0 !important;
    color: #fff !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: clamp(2rem, 5vw, 4.6rem) !important;
    font-weight: 900 !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
    text-align: center !important;
    text-shadow: 0 5px 24px rgba(0,0,0,.55) !important;
}

html body #banner.evt-child-banner p {
    width: min(760px, 100%) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: rgba(255,255,255,.96) !important;
    background: none !important;
    font-size: clamp(1rem, 1.8vw, 1.3rem) !important;
    line-height: 1.55 !important;
    text-shadow: 0 3px 16px rgba(0,0,0,.65) !important;
}

html body .evt-child-page .evt-breadcrumb {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1.2rem !important;
}

html body .evt-child-page .evt-child-shell {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: clamp(1rem, 3vw, 2.25rem) !important;
    overflow: hidden !important;
    color: #263142 !important;
    background: linear-gradient(145deg, #fff, #fbf8f1) !important;
    border: 1px solid rgba(24,32,48,.08) !important;
    border-radius: clamp(20px, 3vw, 34px) !important;
    box-shadow: 0 28px 70px rgba(20,27,36,.12) !important;
    text-align: left !important;
}

html body .evt-child-page .evt-child-body {
    width: 100% !important;
    max-width: 82ch !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #303947 !important;
    font-family: "Source Sans Pro", Arial, sans-serif !important;
    font-size: clamp(1rem, .96rem + .18vw, 1.12rem) !important;
    line-height: 1.75 !important;
    text-align: left !important;
}

html body .evt-child-page .evt-child-body :where(p, ul, ol, li, blockquote, div, span, strong, em, u) {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

html body .evt-child-page .evt-child-body p {
    margin: 0 0 1.05rem !important;
    padding: 0 !important;
    color: #303947 !important;
    background: none !important;
    line-height: 1.75 !important;
    text-align: left !important;
}

html body .evt-child-page .evt-child-body h2,
html body .evt-child-page .evt-child-body h3,
html body .evt-child-page .evt-child-body h4,
html body .evt-child-page .evt-child-related h2,
html body .evt-child-page .evt-child-faq h2 {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    color: #172033 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
    text-transform: none !important;
}

html body .evt-child-page .evt-child-body h2 {
    margin: clamp(2rem, 4vw, 3rem) 0 .8rem !important;
    font-size: clamp(1.55rem, 3vw, 2.35rem) !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
}

html body .evt-child-page .evt-child-body h3 {
    margin: 1.65rem 0 .6rem !important;
    color: var(--evt-event-primary, #263142) !important;
    font-size: clamp(1.2rem, 2vw, 1.55rem) !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
}

html body .evt-child-page .evt-child-body h4 {
    margin: 1.25rem 0 .45rem !important;
    color: var(--evt-event-secondary, #263142) !important;
    font-size: clamp(1.05rem, 1.6vw, 1.25rem) !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
}

html body .evt-child-page .evt-child-body ul,
html body .evt-child-page .evt-child-body ol {
    display: block !important;
    margin: .8rem 0 1.25rem !important;
    padding-left: 1.45rem !important;
    list-style-position: outside !important;
    text-align: left !important;
}

html body .evt-child-page .evt-child-body ul { list-style: disc !important; }
html body .evt-child-page .evt-child-body ol { list-style: decimal !important; }
html body .evt-child-page .evt-child-body li {
    display: list-item !important;
    margin: .38rem 0 !important;
    padding: 0 !important;
    color: #303947 !important;
    background: none !important;
    line-height: 1.65 !important;
    text-align: left !important;
}

html body .evt-child-page .evt-child-body blockquote {
    margin: 1.35rem 0 !important;
    padding: 1rem 1.2rem !important;
    color: #283345 !important;
    background: color-mix(in srgb, var(--evt-event-accent, #D4AF37) 12%, #fff) !important;
    border: 0 !important;
    border-left: 5px solid var(--evt-event-accent, #D4AF37) !important;
    border-radius: 0 18px 18px 0 !important;
    box-shadow: none !important;
    text-align: left !important;
}

html body .evt-child-page .evt-child-hero-figure {
    width: 100% !important;
    max-width: 960px !important;
    margin: 0 auto clamp(1.5rem, 3vw, 2.4rem) !important;
}

html body .evt-child-page .evt-child-video,
html body .evt-child-page .evt-child-faq,
html body .evt-child-page .evt-child-related {
    width: 100% !important;
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body .evt-child-page .evt-child-related .evt-deeper-card h3 {
    padding: 0 !important;
    color: #172033 !important;
    background: none !important;
    border: 0 !important;
    text-align: left !important;
}

@media (max-width: 720px) {
    html body .evt-child-page {
        width: calc(100% - 1rem) !important;
        padding-top: .65rem !important;
    }

    html body #banner.evt-child-banner {
        min-height: 26rem !important;
        padding-left: .85rem !important;
        padding-right: .85rem !important;
    }

    html body .evt-child-page .evt-child-shell {
        padding: 1rem !important;
        border-radius: 20px !important;
    }

    html body .evt-child-page .evt-child-related .evt-deeper-grid {
        grid-template-columns: 1fr !important;
    }
}