.rule-reader-tools{margin:0 0 16px;padding:12px;border:1px solid #334352;border-radius:8px} .rule-find-row{display:flex;gap:8px}.rule-find-row input{flex:1;min-width:0} .rule-find-results{list-style:none;margin:12px 0;padding:0;max-height:min(50vh,520px);overflow:auto;border:1px solid #334352;border-radius:8px} .rule-find-results[hidden]{display:none} .rule-find-results li+li{border-top:1px solid #334352} .rule-find-results a{display:grid;gap:4px;padding:10px 12px;color:#dce9f4;text-decoration:none;overflow-wrap:anywhere} .rule-find-results a:hover,.rule-find-results a:focus-visible{background:#24384a;outline:2px solid #80c8f0;outline-offset:-2px} .rule-find-results strong{color:#9ed5ef}.rule-find-results span{line-height:1.5} .rule-chunk-placeholder{padding:20px} :root{--rule-dock:1} .rule-dock{position:fixed;z-index:89;left:max(14px,env(safe-area-inset-left));right:124px;bottom:max(16px,env(safe-area-inset-bottom));max-width:420px;display:flex;gap:8px;align-items:center;pointer-events:none} .rule-dock[hidden],body.toc-drawer-open .rule-dock{display:none} .rule-dock-section{flex:1;min-width:0;height:44px;box-sizing:border-box;padding:0 14px;border:1px solid rgba(89,207,255,.38);border-radius:999px;background:#1a3148;color:#e9f5ff;font-size:.85rem;font-weight:600;line-height:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto} .rule-dock-top{flex:none;width:44px;min-height:44px;padding:0;border:1px solid rgba(89,207,255,.38);border-radius:50%;background:#1a3148;color:#e9f5ff;font-size:1.1rem;pointer-events:auto} .rule-sheet .zh-passage-cards[hidden]{display:none} @media (max-width:680px){.rule-dock{left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));max-width:none;padding:4px 10px;background:#142031;border-top:1px solid rgba(89,207,255,.2);pointer-events:auto} .rule-dock-section{height:40px;padding:0 4px;border:0;background:none;font-size:.82rem;line-height:40px} .rule-dock-top{width:40px;min-height:40px} .rule-sheet .rule-row,.rule-sheet .rule-row.rule-chapter{grid-template-columns:52px minmax(0,1fr);border-bottom-color:#232f3c} .rule-sheet .rule-row:has(>.rule-id:empty){grid-template-columns:minmax(0,1fr)} .rule-sheet .rule-row>.rule-id:empty{display:none} .rule-sheet .rule-id,.rule-sheet .rule-row.rule-chapter .rule-id,.rule-sheet .rule-row.rule-heading .rule-id{padding:7px 3px 7px 6px;border-right:0;font-family:"IBM Plex Sans",sans-serif;font-size:.7rem;font-weight:500;line-height:1.5;color:#9fb0c2;overflow-wrap:anywhere} .rule-sheet .rule-row.rule-chapter .rule-id,.rule-sheet .rule-row.rule-heading .rule-id{font-weight:700;color:#c9dcee;padding-top:11px} .rule-sheet .rule-text{padding:7px 10px 7px 6px} .rule-sheet .rule-row.rule-chapter .rule-text,.rule-sheet .rule-row.rule-heading .rule-text{font-size:1.25rem;line-height:1.25} .rule-sheet .rule-row.rule-heading.level-1 .rule-text,.rule-sheet .rule-row.rule-heading.level-2 .rule-text{font-size:1.1rem} .rule-sheet .rule-row.rule-heading .rule-text,.rule-sheet .rule-row.rule-heading .rule-id{border-top-width:1px} .rule-sheet .rule-row.rule-heading .rule-text{border-bottom-width:0} .rule-sheet .rule-row.rule-bullet .rule-text{padding-left:14px} .rule-sheet .rule-row.level-1 .rule-text{padding-left:12px} .rule-sheet .rule-row.level-2 .rule-text{padding-left:18px} .rule-sheet .rule-row.level-3 .rule-text{padding-left:24px} .rule-sheet .rule-row.level-4 .rule-text{padding-left:30px}}