/* B3 general rules (js/ui/general-rules.js). Reuses .commitment-disclosure, .rule-row and
   .rule-add, so the panel reads like Mechanics and the habit rule editor. */
.general-rules-section{padding:12px 18px}
.general-rules-section .commitment-disclosure-heading{margin:0}
#generalRulesBody[hidden]{display:none!important}
#generalRulesBody:not([hidden]){margin-top:8px}
.gr-count{margin-left:8px;padding:1px 7px;border-radius:99px;background:var(--rank-soft);color:var(--rank);
  font-size:11px;font-weight:700;letter-spacing:0;vertical-align:1px}
.gr-count:empty{display:none}
.gr-list{list-style:none;counter-reset:gr;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.gr-list li{counter-increment:gr;position:relative;padding-left:30px;font-size:13.5px;line-height:1.55;color:var(--text);overflow-wrap:anywhere}
.gr-list li::before{content:counter(gr);position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:6px;
  display:grid;place-items:center;background:var(--rank-soft);color:var(--rank);font-size:11px;font-weight:700}
.gr-empty{margin:0 0 10px;font-size:12.5px;line-height:1.6;color:var(--muted)}
.gr-edit{margin-top:12px}
.gr-list+.gr-edit{margin-top:14px}
.gr-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.gr-done{min-height:44px;padding:8px 16px;border:1px solid var(--rank);border-radius:8px;background:var(--rank-soft);
  color:var(--text);font:inherit;font-size:12px;cursor:pointer;touch-action:manipulation}
.gr-hint{margin-top:10px;font-size:11.5px;line-height:1.6;color:var(--muted)}
.general-rules-section .rule-row input[type=text]{min-height:40px}
@media (pointer:coarse){.general-rules-section .rule-row input[type=text]{font-size:16px}.general-rules-section .rule-del{min-width:44px;min-height:44px}}