/* Shared by the three rules panes (RulebookListPane, RuleListPane,
   RulebookDetailPane): the pane surface and its heading. Load with
   <style src="@/assets/rules-shared.css" /> beside the component's own
   scoped block; never restate these there (#2903, milestone 299). */
.pane {
  background: var(--fs-surface-hover);
  padding: 1rem;
  overflow-y: auto;
}
.pane header h2 {
  font-family: Fraunces, serif;
  font-style: italic;
  margin: 0 0 0.5rem 0;
}