.active-effects-panel { box-sizing:border-box; margin:16px 0 22px; padding:18px 24px; border:1px solid #ded3bd; border-radius:10px; background:#fffdf7; overflow-wrap:anywhere; }
.active-effects-panel p { margin:0 0 8px; }
.active-effects-panel a { color:#762f3c; }
.active-effects-panel a:focus-visible,.effect-breakdown summary:focus-visible { outline:3px solid #b48c40; outline-offset:3px; }
#active-effects-error:empty { display:none; }
#active-effects-error { color:#852e28; margin-top:12px; }
.active-effects-panel[data-tool="combat"] { width:calc(100% - 40px); max-width:1060px; margin:16px auto 22px; text-align:left; }
.effect-breakdown { margin-top:16px; text-align:left; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.effect-breakdown p { margin:8px 0; }
.effect-breakdown .excluded { color:#6c6257; }
.effect-breakdown .included { color:#1d6046; }
.effects-baseline { padding:8px 0; border-top:1px solid #ded3bd; }
@media(max-width:768px) { .active-effects-panel[data-tool="combat"] { width:calc(100% - 24px); } }
@media(max-width:650px) { .active-effects-panel { padding:18px; } }
/* Let larger text reflow instead of imposing the content's minimum width on the page. */
.tool-page .layout > *, .tool-page .effect > span { min-width:0; }
.tool-page .effect strong { flex-wrap:wrap; }
.tool-page .effect, .tool-page .site-disclaimer { overflow-wrap:anywhere; }
.tool-page .stat-line, .tool-page .numbers { flex-wrap:wrap; }
.tool-page .stat-line label { min-width:0; }
.tool-page details > summary { max-width:100%; overflow-wrap:anywhere; }