/* Styles applied only when capturing family charts via Puppeteer */
body[data-pptrace-chart-capture="true"] {
  background: #f9f9f9;
  margin: 0 !important;
  padding: 0 !important;
  padding-top: 0 !important;
}

body[data-pptrace-chart-capture="true"] .person-inline-ad,
body[data-pptrace-chart-capture="true"] .person_info_table_ad {
  display: none !important;
}

body[data-pptrace-chart-capture="true"] header,
body[data-pptrace-chart-capture="true"] nav,
body[data-pptrace-chart-capture="true"] .navbar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body[data-pptrace-chart-capture="true"] main,
body[data-pptrace-chart-capture="true"] .container,
body[data-pptrace-chart-capture="true"] .person_info_main {
  margin: 0 !important;
  padding: 0 !important;
}

body[data-pptrace-chart-capture="true"] .person_info_main {
  margin: 0 auto;
  padding: 0;
  max-width: none;
}

body[data-pptrace-chart-capture="true"] .person_layout {
  margin: 0;
  width: 100%;
}

body[data-pptrace-chart-capture="true"] .person_layout > *:not(.person_tree_view) {
  display: none !important;
}

body[data-pptrace-chart-capture="true"] .person_tree_view {
  background: transparent;
  margin: 0;
  padding: 0;
  height: 600px;
  width: 800px;
  max-width: none;
}

body[data-pptrace-chart-capture="true"] #FamilyChart {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
}

body[data-pptrace-chart-capture="true"] #FamilyChart .view {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

body[data-pptrace-chart-capture="true"] #FamilyChart svg {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-pptrace-chart-capture="true"] .person_tree_hint,
body[data-pptrace-chart-capture="true"] .legend,
body[data-pptrace-chart-capture="true"] .family-chart-legend {
  display: none !important;
  visibility: hidden !important;
}