/* House style for inline D3 demos (containers are <div id="*-demo">) */
.reveal [id$="-demo"] { display: flex; justify-content: center; align-items: center;
  width: 100%; margin: 0 auto; padding: 12px;
  border: 1px solid #ddd; border-radius: 8px; background: #fafafa; box-sizing: border-box; }
.reveal [id$="-demo"] svg { display: block; max-width: 100%; font-family: inherit; }
.reveal [id$="-demo"] svg[viewBox] { width: 100%; height: auto; }
.reveal [id$="-demo"] svg text { fill: #333; }
.reveal [id$="-demo"] .tick text { fill: #555; }
.reveal [id$="-demo"] .domain { stroke: #999; }
.reveal [id$="-demo"] .tick line { stroke: #999; }
.reveal [id$="-demo"] .grid line { stroke: #e6e6e6; }
.reveal [id$="-demo"] .grid .domain { stroke: none; }