/* A readable warning with a slow, decorative pulse. */
.rule-warning{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ff5d68!important;border-inline-start:5px solid #ff5d68!important;border-radius:16px!important;background:#35141b!important;color:#fff1f2!important;padding:22px 26px!important;line-height:1.9;box-shadow:0 0 0 1px #ff5d6814,0 8px 28px #19060b55}
.rule-warning::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#ef344638,#ef344606 65%);opacity:.4}
@keyframes warning-glow{0%,100%{box-shadow:0 0 0 1px #ff5d6814,0 8px 28px #19060b55}50%{box-shadow:0 0 0 3px #ff5d6826,0 0 24px #ef344630}}
@keyframes warning-tint{0%,100%{opacity:.35}50%{opacity:1}}
@media(prefers-reduced-motion:no-preference){.rule-warning{animation:warning-glow 3.4s ease-in-out infinite}.rule-warning::before{animation:warning-tint 3.4s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.rule-warning,.rule-warning::before{animation:none!important}}
@media(max-width:600px){.rule-warning{padding:18px!important;font-size:14px}}
@media print{.rule-warning{animation:none!important;box-shadow:none!important;background:#fff!important;color:#8d1020!important}.rule-warning::before{display:none}}

/* Keep the shared chapter warning clearly red in every theme. */
.rules-main > .rule-warning,main > .rule-warning{background:#641c29!important;border-color:#ff536b!important;color:#fff4f5!important}