/* Décor sur les parents : aucune modification du contenu ni de sa disposition. */
html[data-site-palette="active"] :is(body>main:has(>.discovery-hero),.ts-hero,body>main:has(>.auth-entry-layout),.auth-layout:not(.auth-entry-layout),.pro18-main:has(>.pro18-heading)){position:relative;isolation:isolate;--hero-ring:clamp(38px,10vw,124px)}
html[data-site-palette="active"] :is(body>main:has(>.discovery-hero),.ts-hero,body>main:has(>.auth-entry-layout),.auth-layout:not(.auth-entry-layout),.pro18-main:has(>.pro18-heading))::before,
html[data-site-palette="active"] :is(body>main:has(>.discovery-hero),.ts-hero,body>main:has(>.auth-entry-layout),.auth-layout:not(.auth-entry-layout),.pro18-main:has(>.pro18-heading))::after{content:"";position:absolute;inset:0 0 auto;height:clamp(280px,36vw,430px);pointer-events:none;z-index:-1;animation:none;transition:none;border-radius:inherit;mask-image:linear-gradient(180deg,#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 65%,transparent 100%)}
/* Une seule origine par parent ; fondu inférieur, sans bord rectangulaire visible. */
html[data-site-palette="active"] :is(body>main:has(>.discovery-hero),.ts-hero,body>main:has(>.auth-entry-layout),.auth-layout:not(.auth-entry-layout),.pro18-main:has(>.pro18-heading))::before{background:radial-gradient(ellipse 42% 100% at 85% 15%,var(--st-halo),transparent 82%),radial-gradient(ellipse 30% 75% at 68% 60%,var(--st-highlight-a18),transparent 85%),radial-gradient(ellipse 27% 60% at 92% 78%,var(--st-accent-a20),transparent 80%)}
/* Orbites adaptées à la largeur : elles restent dans le parent, même sur mobile. */
html[data-site-palette="active"] :is(body>main:has(>.discovery-hero),.ts-hero,body>main:has(>.auth-entry-layout),.auth-layout:not(.auth-entry-layout),.pro18-main:has(>.pro18-heading))::after{background:
radial-gradient(circle at 80% 50%,transparent calc(var(--hero-ring)*.72 - 1px),var(--st-accent-a33) calc(var(--hero-ring)*.72),transparent calc(var(--hero-ring)*.72 + 1px)),
radial-gradient(circle at 80% 50%,transparent calc(var(--hero-ring) - 1px),var(--st-highlight-a20) var(--hero-ring),transparent calc(var(--hero-ring) + 1px)),
radial-gradient(circle at 64% 19%,var(--st-highlight) 0 1px,transparent 2px),
radial-gradient(circle at 91% 60%,var(--st-accent) 0 1px,transparent 2px),
radial-gradient(circle at 45% 43%,var(--st-highlight) 0 .7px,transparent 1.5px),
radial-gradient(circle at 74% 72%,var(--st-accent) 0 .7px,transparent 1.5px),
radial-gradient(circle at 96% 11%,var(--st-ink) 0 .7px,transparent 1.5px);opacity:.4}
/* Les anciens enfants ne créent plus de boîte de décor ou de décalage. */
html[data-site-palette="active"] .pro18-main:has(>.pro18-heading)::before{opacity:.7}
html[data-site-palette="active"] .pro18-main:has(>.pro18-heading)::after{opacity:.2}
/* Les suggestions peuvent déborder et restent au-dessus des résultats. */
html[data-site-palette="active"] .discovery-hero{position:relative;z-index:2}
@media(max-width:600px){html[data-site-palette="active"] :is(body>main:has(>.discovery-hero),.ts-hero,body>main:has(>.auth-entry-layout),.auth-layout:not(.auth-entry-layout),.pro18-main:has(>.pro18-heading))::before{opacity:.8}html[data-site-palette="active"] :is(body>main:has(>.discovery-hero),.ts-hero,body>main:has(>.auth-entry-layout),.auth-layout:not(.auth-entry-layout),.pro18-main:has(>.pro18-heading))::after{opacity:.22}}
@media(prefers-contrast:more),(forced-colors:active){html[data-site-palette="active"] :is(body>main:has(>.discovery-hero),.ts-hero,body>main:has(>.auth-entry-layout),.auth-layout:not(.auth-entry-layout),.pro18-main:has(>.pro18-heading))::before,html[data-site-palette="active"] :is(body>main:has(>.discovery-hero),.ts-hero,body>main:has(>.auth-entry-layout),.auth-layout:not(.auth-entry-layout),.pro18-main:has(>.pro18-heading))::after{display:none}}