/* Single owner of card wrappers, hollow neon and hover geometry. */
@property --rx-neon-angle {syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes rx-neon-spin {to {--rx-neon-angle:360deg}}
.rx-neon-wrap--always {display:block;margin-bottom:10px}
.rx-neon-wrap>:is(.cat-post-item,.rx-related-card,.rx-hero-side-item){height:100%}
/* One wrapper owns movement and the sole border. Its center is never painted. */
:root:root:root:root body :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero),
:root:root:root:root body :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero):hover{
    position:relative;background:transparent!important;background-image:none!important;animation:none!important;border:0!important;outline:0!important;padding:0!important;border-radius:var(--rx-card-radius,12px)!important;box-shadow:none!important;transition:transform .18s ease;overflow:visible;
}
:root:root:root:root body :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero)>:is(.home-post,.cat-post-item,.rx-related-card,.rx-hero-side-item,.rx-hero-main),
:root:root:root:root body :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero)>:is(.home-post,.cat-post-item,.rx-related-card,.rx-hero-side-item,.rx-hero-main):hover{
    border:0!important;outline:0!important;box-shadow:none!important;border-radius:inherit!important;transform:none!important;margin-left:0!important;margin-right:0!important;overflow:hidden;transition:background .18s ease!important;
}
:root:root:root:root body :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero)>.home-post,
:root:root:root:root body :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero)>.home-post:hover{padding:12px!important;margin-bottom:0!important}
:root:root:root:root body :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero)::before{content:none!important}
:root:root:root:root body.rx-edge-line :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero){box-shadow:0 0 0 1px var(--color-border),var(--rx-card-shadow,0 0 0 transparent)!important}
:root:root:root:root body.rx-edge-glow :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero),
:root:root:root:root body.rx-edge-glow :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero):hover{
    box-shadow:0 0 0 1px var(--rx-neon-color,var(--color-accent)),0 0 14px color-mix(in srgb,var(--rx-neon-color,var(--color-accent)) 48%,transparent)!important;
}
@supports ((mask-composite:exclude) or (-webkit-mask-composite:xor)) {
:root:root:root:root body.rx-edge-glow :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero)::before{
    content:""!important;position:absolute;inset:0;z-index:2;padding:2px;border-radius:inherit;pointer-events:none;
    background:conic-gradient(from var(--rx-neon-angle),transparent 0deg,transparent 210deg,var(--rx-neon-color,var(--color-accent)) 260deg,#fff 282deg,var(--rx-neon-color,var(--color-accent)) 304deg,transparent 340deg);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
    animation:rx-neon-spin 3s linear infinite;
}
}
@media(hover:hover){:root:root:root:root body :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero):hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){:root:root:root:root body :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero):hover{transform:none!important}:root:root:root:root body.rx-edge-glow :is(.rx-neon-wrap,.rx-neon-wrap--always,.rx-neon-wrap--hero)::before{animation:none}}