.rule-help-button{position:absolute;z-index:12;left:10px;top:10px;width:38px;height:38px;display:grid;place-items:center;padding:8px;border:1px solid #dbbb6b99;border-radius:50%;background:#102d26ed;color:#f4cd75;cursor:pointer;touch-action:manipulation}
.rule-help-button svg{width:22px;height:22px}.rule-help-button:hover,.rule-help-button[aria-expanded=true]{background:#294b3a;border-color:#f4cd75}
.rule-help-button[hidden],.rule-help-panel[hidden],body[data-clean-view=true] .rule-help-button,body[data-clean-view=true] .rule-help-panel{display:none!important}
.rule-help-panel{position:absolute;z-index:30;left:10px;top:58px;width:min(420px,calc(100% - 20px));max-height:calc(100% - 68px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #b99d5d;border-radius:15px;background:#102e27;color:#f4e9d0;box-shadow:0 10px 35px #0007;line-height:1.5;font-size:14px;text-align:left}
.rule-help-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px}.rule-help-heading span{font-size:10px;letter-spacing:1.6px;color:#f1cb77}.rule-help-heading h2{margin:2px 0;font-size:18px;line-height:1.3}.rule-help-heading>button{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid #b6c4aa66;border-radius:9px;background:#24463b;color:#fff0cf;font-size:24px;padding:0;cursor:pointer}
.rule-help-tabs{display:flex;gap:6px;padding:0 16px 12px}.rule-help-tabs button{flex:1;border:1px solid #6e907d;border-radius:8px;background:#173b31;color:#e5e9d9;padding:8px;cursor:pointer}.rule-help-tabs button[aria-pressed=true]{background:#e3bb69;color:#291d0b;border-color:#f3cf83}
.rule-help-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 16px 14px;scrollbar-width:thin}.rule-help-content p{margin:8px 0 12px}.rule-help-content h3{font-size:15px;color:#f4d287;margin:15px 0 7px}.rule-help-content section+section{border-top:1px solid #7e947838}.rule-help-summary{color:#bfcebd}.rule-help-context{padding:10px;border-left:3px solid #d9b66d;background:#ffffff08}.rule-help-tip{padding:13px;border:1px solid #a8b59255;border-radius:10px;background:#1c4033}.rule-help-tip>span{font-size:11px;color:#d4bd87}.rule-help-tip>p{margin-bottom:0}.rule-help-content>.secondary-button{margin-top:12px;width:100%}
.rule-help-panel>footer{padding:10px 16px 13px;border-top:1px solid #b4c29a33;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rule-help-panel>footer button{padding:0;border:0;background:none;color:#e8d49c;text-decoration:underline;cursor:pointer;font-size:12px}.rule-help-panel>footer small{font-size:11px;color:#b4c6b6}.rule-help-panel button:focus-visible,.rule-help-content:focus-visible{outline:2px solid #ffcd76;outline-offset:2px}
@media(max-width:600px){.rule-help-button{width:36px;height:36px;left:8px;top:8px}.rule-help-panel{left:8px;top:52px;width:calc(100% - 16px);max-height:calc(100% - 60px);font-size:13px}.rule-help-heading{padding:10px 12px 8px}.rule-help-content{padding:0 12px 12px}.rule-help-tabs{padding:0 12px 10px}}