.topic-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:22px 0}.topic-nav button{font:inherit;text-align:left;color:#315f49;background:#fff;border:1px solid #d9ddce;border-left:3px solid #a98445;border-radius:5px;padding:10px 13px;cursor:pointer}.topic-nav button:hover,.topic-nav button:focus-visible,.topic-nav button[aria-pressed=true]{background:#e8eedf;outline-color:#a98445}.topic-nav small{display:block;font-size:12px;color:#65725b}.rule-topic{background:#fff;border:1px solid #d9ddce;border-radius:7px;padding:24px;margin-bottom:22px;scroll-margin-top:16px}.rule-topic h2{border-bottom:2px solid #a98445;padding-bottom:10px;margin:0 0 18px;font-size:23px}.rule-topic h2 small{font:400 13px system-ui;color:#65725b;margin-left:12px}.rule-topic h3{margin-top:20px;font-size:16px}.rule-explanations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.rule-explanation{border:1px solid #d9ddce;border-radius:5px;padding:12px 15px;min-width:0}.rule-explanation summary{color:#315f49}.rule-explanation[open]{grid-column:1/-1}.rule-explanation .official{margin-top:15px}.rule-explanation .official-text{max-width:960px}.rule-explanation .source{margin-bottom:0}.rule-topic .chips{gap:7px}.rule-topic .chips a{background:#fafbf6}.rule-topic .lesson-links a{border-color:#c4d2dc}.empty{padding:24px;background:#fff;border:1px solid #d9ddce;border-radius:7px}#count{white-space:nowrap}@media(max-width:1000px){.topic-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.topic-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-explanations{grid-template-columns:1fr}.rule-topic{padding:18px}.rule-topic h2{font-size:20px}.rule-topic h2 small{display:block;margin:4px 0 0}}