.rulebook{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}.rulebook-menu{position:sticky;top:115px;background:#061831;border:1px solid var(--line);border-radius:10px;padding:12px}.rulebook-menu button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:#b8cbe0;padding:13px 12px;border-radius:7px;text-align:left;font-weight:700;cursor:pointer}.rulebook-menu button:hover,.rulebook-menu button.active{color:#fff;background:#0c315b}.rulebook-menu b{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;background:#1b2637;border-radius:999px;color:#e5ecf5;font-size:12px}.rulebook-content{min-width:0}.rulebook-content .pagehead{margin-bottom:12px}.rulebook-content .rule{background:rgba(6,24,49,.64);padding:22px;margin:12px 0;border:1px solid rgba(53,94,132,.55);border-radius:9px}.rulebook-content .rule b{white-space:nowrap}@media(max-width:800px){.rulebook{grid-template-columns:1fr}.rulebook-menu{position:static;display:flex;gap:6px;overflow:auto}.rulebook-menu button{min-width:210px}}