:root {
  --semi-light: 300;
  --semi-bold: 500;
  --endowment-report-container-max-inline-size: 1020px;
}

body.queensu-alumni-endowment-report {
  background-color: var(--white);
  min-inline-size: var(--container-min-width);
  font-family: var(--sans-serif);
  font-size: 16px;
  font-weight: var(--normal);
  line-height: 1.5;
  color: var(--blue);
}
.endowment-report h1 {
  background: url(../img/title-bg.png) top center / 930px 540px no-repeat scroll padding-box padding-box transparent;
  padding-block-start: 36rem;
  font-size: 1.5em;
  font-weight: var(--bold);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.125em;
}
.endowment-report h2 {
  clear: both;
  font-size: 1.375em;
  line-height: 1.25;
  text-transform: uppercase;
  text-wrap: balance;
  color: var(--red);
}
.endowment-report table {
  border-collapse: collapse;
}
.endowment-report tr:nth-of-type(even),
.endowment-report #block-mainpagecontent tr:nth-of-type(even) {
  background-color: transparent;
}
.endowment-report th,
.endowment-report td {
  border: 1px solid var(--light-grey);
  padding: 0.5em;
}
.endowment-report th {
  font-weight: var(--bold);
}
.endowment-report p,
.endowment-report ul {
  margin-block-end: 1em;
  color: var(--red);
}
.endowment-report p.highlight {
  margin: 1em 0;
  font-family: var(--serif);
  font-size: 3.625em;
  font-weight: var(--semi-bold);
  line-height: 1.125;
  text-align: center;
  color: var(--blue);
}
.endowment-report hr {
  display: block;
  margin: 0 auto;
  border: none;
  background-color: var(--blue);
  padding: 0;
  inline-size: 1px;
  block-size: 0;
  color: var(--blue);
}
.endowment-report hr.progress {
  position: relative;
  inset-block-start: 6.25em;
  margin: 0;
  background-color: var(--red);
  inline-size: 0;
  block-size: 2px;
  color: var(--red);
}
.endowment-report strong {
  font-weight: var(--bold);
}
.endowment-report em {
  font-style: italic;
}
.endowment-report sub {
  font-size: var(--two-thirds-em);
  vertical-align: baseline;
}
.endowment-report sup {
  font-size: var(--two-thirds-em);
  vertical-align: top;
}
.endowment-report a {
  text-decoration: none;
  color: var(--blue);
}
.endowment-report a svg.ext {
  display: none;
}
.endowment-report .note {
  font-size: 0.875em;
}
.endowment-report .section {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 4em 1.25em;
  max-inline-size: var(--endowment-report-container-max-inline-size);
}
.endowment-report .title {
  background-color: var(--blue);
  padding-block: 4em;
  color: var(--yellow);
}
.endowment-report .report a {
  color: var(--blue);
}
.endowment-report .report-dynamic .section:first-child > hr:first-child {
  position: relative;
  inset-block-start: -7.5em;
  margin-block-end: -7.5em;
}
.endowment-report .number {
  padding: 0.125em 0;
  font-size: 8em;
  font-weight: var(--bold);
  line-height: 1.125em;
  color: var(--blue);
}
.endowment-report table .number {
  padding: 0;
  font-size: 1em;
  font-weight: var(--normal);
  line-height: inherit;
}
.endowment-report .introduction,
.endowment-report .conclusion {
  background-color: var(--very-light-grey);
}
.endowment-report .total-assets {
  margin: 7.5em auto;
  text-align: center;
  text-transform: uppercase;
}
.endowment-report .gifts-and-pledges {
  text-align: center;
}
.endowment-report .gifts-and-pledges h2 {
  margin-block-end: 2em;
  margin-inline: auto;
  max-inline-size: var(--two-thirds-pct);
}
.endowment-report .total-assets p {
  font-size: 1.375em;
}
.endowment-report .report-dynamic .universities ul {
  display: flex;
  margin-block-start: 2.5em;
  padding-block-start: 0.5em;
  font-size: 1.25em;
}
.endowment-report .report-dynamic .universities li {
  box-sizing: border-box;
  position: relative;
  flex: 1;
  margin-block-end: 0;
  block-size: 20em;
}
.endowment-report .report-dynamic .universities li .legend {
  position: absolute;
  inset-block-start: -0.5em;
  display: none;
  white-space: nowrap;
}
.endowment-report .report-dynamic .universities li .bar {
  display: block;
  margin-block-start: var(--one-third-em);
  border-radius: 50vh;
  background-color: var(--yellow);
  inline-size: 0;
  block-size: 0.5em;
}
.endowment-report .report-dynamic .universities li .bar {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  inline-size: 0.75em;
  block-size: 0;
}
.endowment-report .report-dynamic .universities li:not(.queens) .bar {
  background-color: var(--light-grey);
}
.endowment-report .quotation {
  margin: 7.5em 3.75em;
  border-block: 1px solid var(--light-grey);
  padding: 2.5em 0;
  font-size: 1.25em;
  font-weight: var(--semi-bold);
}
.endowment-report .report-dynamic .quotation {
  overflow: hidden;
}
.endowment-report .report-dynamic .distributed + .quotation {
  margin-block-end: 0;
}
.endowment-report .report-dynamic .quotation .text {
  font-size: 1.2em;
  opacity: 0;
}
.endowment-report .quotation * {
  color: var(--blue);
}
.endowment-report .quotation .text p {
  margin-block-end: 0.5em;
}
.endowment-report .quotation .attribution {
  background: url(../img/attribution-bg.png) bottom left / 80px 50px no-repeat scroll padding-box padding-box transparent;
  padding-block-end: 3.5em;
  font-weight: var(--semi-light);
}
.endowment-report .quotation .attribution em {
  display: block;
}
.endowment-report .return .content {
  margin-inline-start: var(--one-third-pct);
  inline-size: var(--one-third-pct);
}
.endowment-report .report-dynamic .return .content {
  padding-inline-start: 2.5em;
  opacity: 0;
}
.endowment-report .numbers,
.endowment-report .universities,
.endowment-report .payout,
.endowment-report .asset-mix,
.endowment-report .growth {
  margin: 7.5em 0;
}
.endowment-report .numbers {
  margin-block-end: 12.5em;
}
.endowment-report .payout:after {
  content: '.';
  display: block;
  block-size: 0;
  clear: both;
  visibility: hidden;
}
.endowment-report .numbers > .content,
.endowment-report .payout > .content {
  margin-block-start: 12.5em;
  inline-size: 40%;
}
.endowment-report .payout > .content {
  inline-size: var(--one-third-pct);
  float: left;
  float: inline-start;
}
.endowment-report .numbers .content *,
.endowment-report .payout .content *,
.endowment-report .universities .content *,
.endowment-report .asset-mix .content *,
.endowment-report .climate-action .content *,
.endowment-report .growth .content * {
  color: var(--blue);
}
.endowment-report .numbers ul {
  text-align: center;
}
.endowment-report .numbers li {
  display: inline-block;
  padding-inline: 3.75em;
}
.endowment-report .numbers li:not(:first-child) {
  border-inline-start: 1px solid var(--light-grey);
}
.endowment-report .numbers .legend {
  font-size: 1.375em;
  line-height: 1.25;
  text-transform: uppercase;
}
.endowment-report .distributed,
.endowment-report .payout ul:not(.nav) {
  position: relative;
  margin: 0 auto 12.5em auto;
  border: 1px solid var(--yellow);
  border-radius: 50%;
  padding-block-end: 80%;
  inline-size: 80%;
  block-size: 0;
  text-align: center;
}
.endowment-report .payout ul:not(.nav) {
  position: relative;
  margin: 0;
  padding-block-end: 50%;
  inline-size: 50%;
  float: right;
  float: inline-end;
}
.endowment-report .payout ul:not(.nav) {
  padding-block-end: 60%;
  inline-size: 60%;
}
.endowment-report .distributed .content,
.endowment-report .payout ul:not(.nav) li {
  position: absolute;
  inset: 0;
  margin: 0.75em;
  border: 3.75em solid var(--yellow);
  border-radius: 50%;
  padding-block-start: 25%;
}
.endowment-report .payout ul:not(.nav) li {
  border-width: 2em;
}
.endowment-report .universities h2 {
  inline-size: 40%;
  margin-block-end: 0.5em;
}
.endowment-report .report-dynamic .market-value .content,
.endowment-report .report-dynamic .growth .content {
  position: relative;
  z-index: 1;
  margin-block-end: -7.5em;
}
.endowment-report .report-dynamic .climate-action .content {
  inline-size: calc((100% / 3) * 2);
}
.endowment-report .report-dynamic .market-value h2 {
  display: inline-block;
  border-block-start: 1px solid var(--light-grey);
  padding-block-start: 0.5em;
}
.endowment-report .report-dynamic .market-value .chart,
.endowment-report .report-dynamic .growth .chart {
  position: relative;
  inline-size: 100%;
  block-size: 30em;
}
.endowment-report .report-dynamic .market-value .chart,
.endowment-report .report-dynamic .climate-action .chart {
  margin: 0 -1.25em;
}
.endowment-report .report-dynamic .market-value .chart .current {
  position: absolute;
  inset-block-start: -1.5rem;
  inset-inline-end: 0;
  z-index: 1;
  font-size: 1.125em;
  font-weight: var(--bold);
}
.endowment-report .report-dynamic .market-value .data,
.endowment-report .report-dynamic .growth .data {
  display: none;
}
.endowment-report .payout p {
  font-size: 0.875em;
}
.endowment-report .payout ul.nav {
  clear: both;
  display: flex;
  margin: 0 auto;
  padding-block-start: 1.25em;
  font-size: 2.5em;
  text-align: center;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  color: var(--blue);
}
.endowment-report .payout ul.nav li {
  flex-grow: 1;
  position: relative;
  text-align: center;
}
.endowment-report .payout ul.nav li + li:before {
  content: '/';
  position: absolute;
  inset-inline-start: -0.125em;
}
.endowment-report .payout ul.nav a {
  display: inline-block;
  margin: 0 0.5em;
}
.endowment-report .payout ul.nav a:hover {
  color: var(--red);
}
.endowment-report .payout ul.nav li.active a {
  margin-block-end: -3px;
  border-block-end: 4px solid var(--red);
  color: var(--red);
}
.endowment-report .payout ul:not(.nav) li,
.endowment-report .report-dynamic .payout ul:not(.nav) li:last-child {
  display: none;
}
.endowment-report .payout ul:not(.nav) li:last-child,
.endowment-report .report-dynamic .payout ul:not(.nav) li.active {
  display: block;
}
.endowment-report .payout .number {
  padding-block-end: 0;
}
.endowment-report .payout .year {
  display: inline-block;
  border-block-start: 1px solid var(--light-grey);
  padding: 0.25em 2em 0 2em;
  font-size: 1.75em;
}
.endowment-report .asset-mix:after {
  content: '.';
  display: block;
  block-size: 0;
  clear: both;
  visibility: hidden;
}
.endowment-report .asset-mix .content {
  margin-block-end: 1em;
}
.endowment-report .report-dynamic .asset-mix .data {
  display: none;
}
.endowment-report .report-dynamic .asset-mix .charts {
  position: relative;
  margin-inline-end: 4em;
  padding-block-end: 40%;
  inline-size: 40%;
  block-size: 0;
  float: left;
  float: inline-start;
}
.endowment-report .report-dynamic .asset-mix .charts .chart {
  opacity: 0;
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: opacity 0.25s linear;
}
.endowment-report .report-dynamic .asset-mix .charts .chart.active {
  opacity: 1;
  z-index: 2;
}
.endowment-report .growth {
  margin-block-start: 10em;
}
.endowment-report .asset-mix ul.legend,
.endowment-report .growth ul.legend {
  margin-block-start: 2em;
  inline-size: 50%;
  float: left;
  float: inline-start;
  font-size: 1.125em;
  font-weight: var(--semi-bold);
  color: var(--blue);
}
.endowment-report .growth ul.legend {
  inline-size: auto;
  float: none;
  font-weight: var(--normal);
}
.endowment-report .asset-mix ul.legend ul {
  display: none;
  font-size: 1rem;
  font-weight: var(--normal);
  color: var(--blue);
}
.endowment-report .asset-mix ul.legend li,
.endowment-report .growth ul.legend li {
  margin-block-start: 0.5em;
}
.endowment-report .asset-mix ul.legend > li {
  position: relative;
  margin-block-start: 0.75em;
  padding-inline-start: 2.75rem;
}
.endowment-report .asset-mix ul.legend > li:before {
  content: '\f0d7';
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: -0.375em;
  font-family: var(--fa-pro);
  font-size: 1.75em;
  font-weight: var(--bold);
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.endowment-report .asset-mix ul.legend > li.active:before {
  content: '\f0d8';
}
.endowment-report .asset-mix ul.legend > li .asset-mix-type {
  display: inline-block;
  position: relative;
  margin-inline-start: -2.75rem;
  padding-inline-start: 2.75rem;
  white-space: nowrap;
  color: var(--blue);
  cursor: pointer;
}
.endowment-report .asset-mix ul.legend > li.active .asset-mix-type {
  text-decoration: underline;
}
.endowment-report .growth ul.legend .indicator {
  position: relative;
  inset-block-start: 2px;
  display: inline-block;
  margin-inline-end: 0.5em;
  inline-size: 1em;
  block-size: 1em;
}
.endowment-report .asset-mix ul.legend .percentage {
  font-weight: var(--bold);
}
.endowment-report .growth ul.legend .number {
  padding-block-start: 0;
  display: block;
}
.endowment-report .climate-action .content a {
  font-weight: var(--bold);
}
.endowment-report .climate-action .content a:hover {
  text-decoration: underline;
}
.endowment-report .climate-action table {
  inline-size: 100%;
}
.endowment-report .climate-action thead {
  display: none;
}
.endowment-report .climate-action td {
  box-sizing: border-box;
  position: relative;
  border-width: 0 1px 0 0;
  padding-block: 0.25em;
  text-align: end;
  white-space: nowrap;
}
.endowment-report .climate-action tr.benchmark td:not(td:first-child),
.endowment-report .climate-action tr.date td:not(td:first-child),
.endowment-report .climate-action tr.target td:not(td:first-child),
.endowment-report .climate-action td.empty,
.endowment-report .climate-action td.value {
  border-inline-end-width: 0;
  text-align: start;
}
.endowment-report .climate-action tbody > tr:first-child > td:first-child {
  border-inline-end-width: 0;
}
.endowment-report .climate-action tr.target td {
  font-weight: var(--bold);
  text-align: end;
}
.endowment-report .climate-action td.value {
  inline-size: 50%;
  text-align: center;
}
.endowment-report .climate-action td.value .value-container,
.endowment-report .climate-action tr.date .value-container {
  position: relative;
  margin-inline: 5% 45%;
  inline-size: 50%;
}
.endowment-report .climate-action td.value .value-container .text {
  position: relative;
  inset-block-start: -0.25em;
  font-weight: var(--bold);
}
.endowment-report .climate-action td.value .bar {
  background-color: var(--yellow);
}
.endowment-report .climate-action td.value.value-negative .bar {
  background-color: var(--blue);
}
.endowment-report .climate-action td div.offset {
  position: relative;
  font-weight: var(--bold);
}
.endowment-report .climate-action tr.benchmark td:not(td:first-child):not(td.legend) {
  border-block-end-width: 1px;
}
.endowment-report .climate-action tr.date td:not(td:first-child):not(td:last-child) {
  border-block-start-width: 1px;
  font-weight: var(--bold);
  text-align: center;
}
.endowment-report .conclusion {
  padding-block-start: 2.5em;
}
.endowment-report .conclusion a {
  font-weight: var(--semi-bold);
  text-decoration: underline;
}
.endowment-report .conclusion .section * {
  text-align: center;
  color: var(--blue);
}
.endowment-report .conclusion h2 {
  font-size: 3.25em;
  text-transform: none;
  letter-spacing: 0.0625em;
}
.endowment-report .conclusion .committee {
  display: flex;
  gap: 5rem;
  justify-content: center;
  margin-block-start: 2em;
  font-size: 1.5em;
}
.endowment-report .conclusion .committee * {
  text-align: start;
}
.endowment-report .conclusion h3 {
  font-size: 1em;
  font-weight: var(--bold);
}
.endowment-report .conclusion p.more-information {
  margin-block-start: 2em;
  font-size: 1.5em;
  font-weight: var(--bold);
}
.endowment-report .conclusion .section a {
  text-decoration: none;
  color: var(--red);
}
.endowment-report .conclusion .section a:hover {
  text-decoration: underline;
}
.endowment-report .conclusion a.download {
  font-family: var(--sans-serif);
  font-size: 2.5rem;
  font-weight: var(--normal);
}