@page {
  margin: 0;
  padding: 0;
}
.chart__guide, .chart__profile {
  background-color: #ffffff;
  color: #232323;
  font-family: "century-gothic", sans-serif;
}
.chart__guide *, .chart__profile * {
  margin: 0;
  padding: 0;
}
.chart__guide img, .chart__profile img {
  display: inline;
}
.chart__guide table, .chart__profile table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  text-align: center;
  vertical-align: middle;
}
.chart__guide th, .chart__profile th {
  padding: 0.25in 0;
  font-family: "century-gothic", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.chart__guide td, .chart__profile td {
  width: 100%;
  position: relative;
  text-transform: uppercase;
}
.chart__guide td .label, .chart__profile td .label {
  width: 100%;
  position: absolute;
  left: 0;
  font-family: "Aileron", sans-serif;
  font-size: 12pt;
  font-weight: 600;
  text-align: center;
}
.chart__guide .green, .chart__profile .green {
  color: #a7b73b;
}
.chart__guide .red, .chart__profile .red {
  color: #df1e26;
}
.chart__guide .teal, .chart__profile .teal {
  color: #03a7b6;
}
.chart__guide .yellow, .chart__profile .yellow {
  color: #fbbd1a;
}
.chart__guide .r1, .chart__profile .r1 {
  padding: 0 0.5in;
}
.chart__guide .r1 td, .chart__profile .r1 td {
  height: 1.25in;
}
.chart__guide .r1 td:first-child, .chart__profile .r1 td:first-child {
  font-size: 28pt;
  text-align: left;
}
.chart__guide .r1 .title, .chart__profile .r1 .title {
  font-size: 28pt;
  text-transform: uppercase;
  font-family: "century-gothic", sans-serif;
}
.chart__guide .r1 .subtitle, .chart__profile .r1 .subtitle {
  font-size: 14pt;
  text-transform: uppercase;
  font-family: "century-gothic", sans-serif;
}
.chart__guide .r1 td:last-child, .chart__profile .r1 td:last-child {
  text-align: right;
}
.chart__guide footer, .chart__profile footer {
  padding-top: 0.15in;
  font-size: 8pt;
  text-align: center;
}

.chart__profile td .label {
  top: 2.75in;
}
.chart__profile .r2 {
  padding: 0 1in;
  background-color: #f2f2f2;
}
.chart__profile .r2 td:nth-child(2) {
  width: 50%;
}
.chart__profile .r3 {
  padding: 0 0.5in;
  background-color: #a7b73b;
  color: #f2f2f2;
}
.chart__profile .r3 td:first-child img {
  height: 0.5in;
}
.chart__profile .r3 .label {
  top: 1.225in;
  font-size: 9pt;
}
.chart__profile .r4 {
  padding: 0 0.5in;
  background-color: #03a7b6;
  color: #f2f2f2;
}
.chart__profile .r4 .label {
  top: 1.225in;
  font-size: 9pt;
}
.chart__profile .r2 td {
  height: 3.25in;
}
.chart__profile .r3 td {
  height: 1.625in;
}
.chart__profile .r4 td {
  height: 1.625in;
}

.chart__guide .r2 th, .chart__guide .r3 th {
  padding: 0.2in 0;
  text-transform: none;
}
.chart__guide .label {
  padding-left: 0.15in;
  text-align: left !important;
  width: auto !important;
  top: 0.06in;
}
.chart__guide .r2 td, .chart__guide .r3 td {
  padding: 0.15in;
  padding-top: 0.25in;
  text-align: left;
  vertical-align: top;
}
.chart__guide .r2 td p, .chart__guide .r2 td li, .chart__guide .r3 td p, .chart__guide .r3 td li {
  font-size: 8pt;
  text-transform: none;
}
.chart__guide .r2 td strong, .chart__guide .r3 td strong {
  text-transform: none;
}
.chart__guide .r2 td .label, .chart__guide .r3 td .label {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}
.chart__guide .r2 {
  padding: 0 0.5in;
}
.chart__guide .r2 th:first-child {
  background-color: #03a7b6;
  color: #f2f2f2;
  font-size: 16pt;
  font-weight: bold;
}
.chart__guide .r2 th:last-child {
  background-color: #df1e26;
  color: #f2f2f2;
  font-size: 16pt;
  font-weight: bold;
}
.chart__guide .r2 td:first-child {
  border-left: solid 1px #DCDCDC;
  border-right: solid 1px #DCDCDC;
}
.chart__guide .r2 td:last-child {
  border-right: solid 1px #DCDCDC;
}
.chart__guide .r2 tr:last-child td {
  height: 2.75in;
}
.chart__guide .r3 {
  padding: 0 0.5in;
}
.chart__guide .r3 th:first-child {
  background-color: #a7b73b;
  color: #f2f2f2;
  font-size: 16pt;
  font-weight: bold;
}
.chart__guide .r3 th:last-child {
  background-color: #fbbd1a;
  font-size: 16pt;
  font-weight: bold;
}
.chart__guide .r3 td:first-child {
  border-left: solid 1px #DCDCDC;
  border-right: solid 1px #DCDCDC;
}
.chart__guide .r3 td:last-child {
  border-right: solid 1px #DCDCDC;
}
.chart__guide .r3 td {
  border-bottom: solid 1px #DCDCDC;
}
.chart__guide .r3 tr:last-child td {
  height: 3.25in;
}
